/*no-wysiwyg*/ @import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic); /*############################################################################################################################################################################################################*/ /*Reset*/ *{box-sizing: border-box;} /*############################################################################################################################################################################################################*/ /*Largeur generale*/ #largeur_de_page_et_bordures, .largeur_de_zone, .table.largeur_de_zone, #header{ width:100%; max-width:990px; margin:0 auto; border:0px solid red } /*############################################################################################################################################################################################################*/ /* GROUPE:Apparence generale */ /* NAME: body */ /* TYPE:BLOC */ body{background:#fff url(../img/body.png) repeat-x 0 0;font-family:'Lato', sans-serif;font-size:12px;color:#555;padding:0px;margin:0px;} #largeur_de_page_et_bordures{padding:20px 0} p, dd, dt{margin:0;padding:0;} hr{border-color:#E6E6E6;border-width: 0 0 1px;border-style:solid;} .h1_pwb,.h2_pwb,.h3_pwb{margin:0;padding:0;} fieldset {border:1px solid #E6E6E6;} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* LIENS, HOVER, ACTIVE, VISITED */ /* ---------------------------------------------------------------- */ /* GROUPE:Apparence generale */ /* NAME: liens */ /* TYPE:BLOC */ a, a:visited {font-size:12px;color:#333;text-decoration:none;background:none;} /* GROUPE:Apparence generale */ /* NAME: liens au survol */ /* TYPE:BLOC */ a:not(.habillage_bouton_global):hover,a:not(.habillage_bouton_global):focus,a:not(.habillage_bouton_global):active { outline:0; color:#888; text-decoration:underline; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* GABARIT */ /* ---------------------------------------------------------------- */ .table{width:100%;display:table;table-layout: fixed} .tableCell{display:table-cell;vertical-align: top; position:relative;} .largeur_de_zone{border:0px solid red} /* GROUPE:Apparence generale */ /* NAME: zone en tete (header) */ /* TYPE:BLOC */ #header{height:143px;border:0px solid red} /* GROUPE:Apparence generale */ /* NAME: fond de navigation */ /* TYPE:BLOC */ #navs{width:100%;background-color:#535353;height:61px} /* GROUPE:Apparence generale */ /* NAME: zone bas de page (footer) */ /* TYPE:BLOC */ #header .table{background:#F2F2F2;padding-top:5px} #header .table > .tableCell{padding:0 10px} #footer{width:100%;padding:20px 0;background-color:#535353;} #logoSlogan{width:100%;text-align: center} #texte_slogan_boutique, #texte_nom_boutique, #texte_telephone_boutique, #telephone_boutique{ font-family:"Lato",arial, sans-serif; font-weight:400; font-size:20px; color:#777; display:none } #search{padding:15px;width:35%;margin:0 auto} #compte, #selection{width:17%;padding: 0 15px;} a.lien_retour_accueil, a.lien_votre_compte, a.lien_votre_selection, #texte_mailing, #etape_commande td span{ font-family:"Lato",arial, sans-serif; font-size:15px; color:#000; font-weight:400; text-transform:uppercase; white-space: nowrap; } a.lien_retour_accueil span table, a.lien_votre_compte span table, a.lien_votre_selection span table{ margin:0 auto; } #encart_alerte_erreure_email{margin: 0 0 30px;} /*#mailingReseaux{padding-left:25px !important}*/ #copyright{padding: 20px 0 0;} #footer .table > .tableCell{width:calc(100% / 4);padding:0 15px;border:0px solid red} #footer .table > .tableCell:before{background-color:#5f5f5f;width:1px;content:"";position:absolute;right:0;bottom:5px;top:5px;} #footer .table > .tableCell:last-child:before{display: none;} .enstock{background-image:url("../img/icoCheck.svg");background-size:14px 14px;background-repeat:no-repeat;background-position:left center;padding-left:25px;color:#489615;} #titre_champ_email_deja_inscrit,#titre_champ_mdp_deja_inscrit, #titre_recuperation_mot_de_passe_perdu{display:none;} #nouveau_client_adresse_e_mail, #deja_inscrits_adresse_e_mail{text-align:center;} .label_recherche_resultats{display:none;} #tableau_recherche_resultat tr{display:block;margin:5px 0;} .comparateurItem{border:1px solid #E6E6E6;margin:20px 0;} .adresseBloc #encadrement_texte_defaut{border:1px solid #E6E6E6;} #texte_vos_commande, #texte_vos_coordonnees, #texte_vos_adresses, #texte_parrainage, #texte_fidelite{height:50px;} #lien_deconnexion{margin-left:45px;} #texte_vos_commande{background-image:url("../img/icoOrder.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:left center;padding-left:45px;} #texte_vos_coordonnees{background-image:url("../img/icoContact.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:left center;padding-left:45px;} #texte_vos_adresses{background-image:url("../img/icoTruck.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:left center;padding-left:45px;} #texte_parrainage{background-image:url("../img/icoUsers.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:left center;padding-left:45px;} #texte_fidelite{background-image:url("../img/icoStar.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:left center;padding-left:45px;} .livraison_defaut{display:block;background-image:url("../img/icoCheck.svg");background-position:95% center;background-repeat:no-repeat;background-size:25px 25px;} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* TEXTES */ /* ---------------------------------------------------------------- */ /* grand titre */ /* GROUPE:Apparence generale */ /* NAME: titre */ /* TYPE:BLOC */ #grand_titre_defaut, #grand_titre_actualite, #grand_titre_adresse_email, #grand_titre_bon_de_commande, #grand_titre_catalogue, #grand_titre_coordonnees_compte_client_modif, #grand_titre_coordonnees_enregistrement, #grand_titre_coordonnees_modifiable, #grand_titre_coordonnees_remplib, #grand_titre_coordonnees, #grand_titre_coordonneesb, #grand_titre_demande_enregistrement, #grand_titre_detail_commande, #grand_titre_fiche_produit, #grand_titre_info_livraison_popup, #grand_titre_info_livraison, #grand_titre_infos_cgv_popup, #grand_titre_infos_cgv, #grand_titre_infos_partenaires, #grand_titre_infos_securite_popup, #grand_titre_infos_securite, #grand_titre_infos_societe, #grand_titre_liste_famille, #grand_titre_liste_produits, #grand_titre_mot_de_passe_perdu, #grand_titre_nom_produit_fiche_produit, #texte_marques_fiche_produit, #grand_titre_page_actus_page, #grand_titre_page_actus, #grand_titre_page_libre, #grand_titre_page_mailing, #grand_titre_paiement_cheque, #grand_titre_panier_vide, #grand_titre_panierb, #grand_titre_recherche_resultat, #grand_titre_securite_tpev, #grand_titre_sommaire_commande_front, #grand_titre_sommaire_compte, #titre_facture, #titre_formulaire_perso, #titre_page_erreur, #titre_us_page_erreur, #titre_code_dev_acces_rapide, #titre_code_dev_cartes, #titre_code_dev_deja_vu, #titre_code_dev_edito, #titre_code_dev_langue, #titre_code_dev_login_sans_code_remise, #titre_code_dev_login, #titre_code_dev_mailing, #titre_code_dev_marques, #titre_code_dev_nav_vertical, #titre_code_dev_nav_vertical2, #titre_code_dev_nav_vertical3, #titre_code_dev_nav_vertical4, #titre_code_dev_nav_vertical5, #titre_code_dev_nav_vertical6, #titre_code_dev_nav, #titre_code_dev_nom, #titre_code_dev_promotion, #titre_code_dev_recherche_style, #titre_code_dev_recherche, #titre_code_dev_retour_accueil, #titre_code_dev_votre_compte, #titre_code_dev_votre_selection, #titre_code_dev, #texte_pour_acceder_sas_securise, #divBlocTitre_MiniPanier, .titre_pwb{ font-family:'Playfair Display'; font-weight:400; font-size:15px; color:#777; } /*############################################################################################################################################################################################################*/ /* sous titre */ /* GROUPE:Apparence generale */ /* NAME: sous titre */ /* TYPE:BLOC */ #chiffre_montant_sous_total_detail_commande, #chiffre_montant_total_detail_commande, #chiffre_montant_total_ttc_facture, #chiffre_total_euros_paiement_cheque, #date_facturation_facture, #ficheProduitTexteDelaiDispo, #numerotation_facture, #panierbDispoLabel, #prix_affiche_devises_promo_off_liste_produits, #prix_affiche_promotion_devises_liste_produits, #prix_promotion_francs_fiche_produit, #texte_adresse_facturation_facture, #texte_adresse_livraison_facture, #texte_commande_panierb, #texte_continuer_commande_panierb, #texte_delais_acheminement_panierb, #texte_indisponible_recherche_resultat, #texte_pays_destination_panierb, #texte_prix_si_devise_desactive, #texte_votre_commande_detail_commande, #texte_votre_reglement_detail_commande, #titre_bon_livraison_detail_commande, #titre_code_suivi_detail_commande, #titre_date_bon_de_commande, #titre_date_expedition_detail_commande, #titre_date_facture_detail_commande, #titre_date_sommaire_commande, #titre_designation_detail_commande, #titre_designation_panierb, #titre_detail_livraison_detail_commande, #titre_detail_tva_facture, #titre_heure_bon_de_commande, #titre_inprimer_facture_detail_commande, #titre_marque_tri_liste_produits, #titre_montant_sommaire_commande, #titre_montant_total_ttc_facture, #titre_nb_colis_detail_commande, #titre_nom_article_liste_produits, #titre_num_facture_detail_commande, #titre_numero_facture, #titre_panier_sous_total_detail_commande, #titre_panier_total_detail_commande, #titre_panier_total_paiement_cheque, #titre_prix_liste_produits, #titre_prix_total_final_bon_de_commande, #titre_prix_total_detail_commande, #titre_prix_total_panierb, #titre_prix_unitaire_detail_commande, #titre_prix_unitaire_panierb, #titre_quantite_detail_commande, #titre_quantite_panierb, #titre_reference_detail_commande, #titre_reference_sommaire_commande, #titre_reglement_sommaire_commande, #titre_remise_detail_commande, #titre_remise_panierb, #titre_transporteur_detail_commande, #titreTauxTvaPanierb, .DeviseEuroCrossSellingFicheProduit, .DevisePromoEuroCrossSellingFicheProduit, .DevisePromoFrancsCrossSellingFicheProduit, .DevisePromoUSCrossSellingFicheProduit, .intituleChampLibre, .prixFrancsProduitComparateur, .prixPromotionEuroProduitComparateur, .texte_gras_catalogue, .texte_gras_defaut, .titreOngletOnFicheProduit, .ValeurChampsLibresFicheProduit, #grand_titre_adresse_livraison_coordonnees, #prix_devise_gras_recherche_resultats, #prix_pas_promotion_euro_fiche_produit, #prix_promotion_euro_fiche_produit, #prix_total_panierb, #ref_commande_detail_commande, #texte_com_enreg_confirm_order, #texte_compte_recherche_resultats, #texte_gras_grand_titre_bon_de_commande, #texte_intro_grand_titre_coordonnees_remplib, #texte_meme_adresse_livraison_coordonnees, #texte_mot_cle_recherche_resultat, #titre_adr_livr_formulaire_client, #titre_adresse_detail_commande, #titre_adresse_livraison_bon_de_commande, #titre_champ_email_deja_inscrit, #titre_champ_mdp_deja_inscrit, #titre_cnil_infos_cgv_popup, #titre_cnil_infos_cgv, #titre_coordonnee_bon_de_commande, #titre_coordonnees_detail_commande, #titre_coordonnees_perso_coordonnees_modifiable, #titre_coordonnees_perso_compte_client_modif, #titre_coordonnees_personnelles_coordonneesb, #titre_deja_client, #titre_designation_bon_de_commande, #titre_detail_commande_bon_de_commande, #titre_detail_commande, #titre_gras_catalogue, #titre_gras_defaut, #titre_identifiaction_infos_societe, #titre_identification_cgu_infos_cgv_popup, #titre_identification_cgu_infos_cgv, #titre_identification_infos_cgv_popup, #titre_identification_infos_cgv, #titre_info_commande_detail_commande, #titre_info_complem_bon_de_commande, #titre_info_facturation_detail_commande, #titre_info_livraison_detail_commande, #titre_nouveau_client, #titre_pour_le_mdp_formulaire_client, #titre_prix_total_bon_de_commande, #titre_prix_unitaire_bon_de_commande, #titre_quantite_bon_de_commande, #titre_recuperation_mot_de_passe_perdu, #titre_remise_appliquee_detail_commande, #titre_remise_bon_de_commande, #titre_total_panierb, #titre_votre_mode_reglement_bon_de_commande, #titreEncadrementComparerArticlesComparateur, .CaptionChampsLibresFicheProduit, .CaptionCrossSellingFicheProduit, #texte_liste_nom_liste_produits, #compteClientModifModificationCompte, #coordonneesEnregistrementCreationCompte, #texte_grand_titre_coordonnees_enregistrement, #texte_grand_titre_coordonnees, .sous_titre_pwb{ font-size:14px; color:#666; } #lien_powerboutique, #lien_powerboutique a{ font-size:10px; color:#777; font-style:italic; } #copyright{ font-size:10px; color:#777; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* CODE DEV */ /* ---------------------------------------------------------------- */ #encart_code_dev_langue, #encart_code_dev_mailing, #encart_code_dev_nav_vertical, #encart_code_dev_recherche_style, #encart_code_dev_retour_accueil, #encart_code_dev_votre_compte, #encart_code_dev_votre_selection, #encart_code_dev_nom{ display:none; } #nav_verti_contener, #encart_texte_votre_selection, #encart_texte_votre_compte, #encart_texte_retour_accueil, #encart_texte_langue{ position:relative; margin:0; padding:0; } #encart_logo_boutique_logo, #encart_nom_slogan_telephone_boutique{ margin:0; padding:0; } #encart_recherche_style{text-align:left;width:60%;padding:0;margin:0 auto;position:relative} #encart_recherche_style > form{padding:0 35px 0 5px !important;} #bouton_texte_recherche_avancee_style{display:none;} #champ_recherche_style{height:30px;width:100%;padding:3px 28px 3px 11px;border:1px solid #E6E6E6;font-style:italic;color:#777;font-size:12px;} #bouton_texte_recherche_style{position: absolute;top:0;right:0;background:none;display:block;width:20px;height:20px;margin:9px 0 0;} #image_accueil{background:url("../img/icoHome.svg");background-size:32px 32px;background-repeat:no-repeat;width:32px;height:32px;display:block;margin: 0 10px 0 0;} #image_votre_compte{background:url("../img/pictoUser.png") no-repeat 0 0;width:21px;height:21px;display:block;margin: 0 10px 0 0;} #image_panier{background:url("../img/pictoPanier.png") no-repeat 0 0;width:22px;height:23px;display:block;margin: 0 10px 0 0;} #encart_mini_panier{position:absolute;right:0px;top:6px} /*#nav_verti_menu{margin:0 auto;}*/ #mentions_legales_pwb{width:200px;margin:0 auto;} #mentions_legales_adresse{background-image:url("../img/icoLocation.svg");background-size:15px 15px;background-repeat:no-repeat;} #mentions_legales_telephone{background-image:url("../img/icoTel.svg");background-size:15px 15px;background-repeat:no-repeat;} #mentions_legales_email{background-image:url("../img/icoMailing.svg");background-size:15px 15px;background-repeat:no-repeat;} .mentions_legales_label, #mentions_legales_enseigne .mentions_legales_texte, #mentions_legales_statut .mentions_legales_texte, #mentions_legales_nom .mentions_legales_texte, #mentions_legales_adresse_bureaux .mentions_legales_texte, #mentions_legales_directeur_publication .mentions_legales_texte{display:none;} .mentions_legales_texte{display: block;margin: 0 0 15px;} #image_drapeaux_us_langue{background-image:url("../img/uk.png");background-size:24px 24px;background-repeat:no-repeat;width:24px;height:24px;display:inline-block;margin:5px;vertical-align:middle;} #image_drapeaux_fr_langue{background-image:url("../img/fr.png");background-size:24px 24px;background-repeat:no-repeat;width:24px;height:24px;display:inline-block;margin:5px;vertical-align:middle;} #encart_texte_langue a{opacity:0.5;} #encart_texte_langue a:hover{opacity:1;} #encart_langue_fr_langue,#encart_langue_us_langue{display:inline-block;} #texte_francais_langue,#texte_anglais_langue{display:none;} #encart_mailing{position:relative;margin:0 0 30px;padding:0;} #texte_abonnement_mailing, #texte_desabonnement_mailing, .radio_mailing{ display:none; } #bouton_texte_ok_mailing{background:none;width:30px;height:25px;position:absolute;bottom:4px;right:15%;} #champ_email_mailing{height:25px;border:1px solid #6b6b6b;background: none; padding-left: 5px;margin: 10px 0 0;width: 75%;font-style:italic;color:#c4c4c4;font-size:12px;} .reseau_social {margin:0 5px;} #divBloc_MiniPanier, #BlocPreferenceMiniPanier #encadrement_titre_code_dev{ background-color:#FBFBFB; padding: 20px; text-align: center; border-radius:2px 2px 0 0; } #divBlocContenu_MiniPanier, #BlocPreferenceMiniPanier #encadrement_texte_defaut{ background-color:#FFF; padding: 20px; border-radius:0 0 2px 2px; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* BOUTONS */ /* ---------------------------------------------------------------- */ /* GROUPE: Boutons */ /* NAME: boutons de conversion */ /* TYPE:BLOC */ #habillage_bouton_imprimer_paiement_cheque, #habillage_bouton_selectionner_fiche_produit, #habillage_bouton_submit_appel_paiement, #habillage_bouton_texte_commander_bon_de_commande, #habillage_bouton_texte_commander_panierb, #habillage_bouton_texte_etape_suivante_formulaire_client, #habillage_bouton_texte_modifier_coordonnees_compte_client_formulaire_client, #habillage_bouton_texte_valider_coordonnees_compte_client_formulaire_client, #habillage_bouton_texte_valider_mode_catalogue_formulaire_client, #habillage_bouton_valider_confirm_order, #habillage_bouton_valider_formulaire_perso, #habillage_bouton_voir_MiniPanier, #afficheBoutonValidChoix #habillage_bouton_defaut, #ContentCheckoutLivraison #habillage_bouton_defaut, .habillage_bouton_conversion{ background-color:#abbf03; font-size:14px; color:#FFFFFF; font-weight:bold; padding:8px 16px; border:none; border-radius:2px; cursor:pointer; } /*############################################################################################################################################################################################################*/ /* GROUPE: boutons */ /* NAME: boutons defaut */ /* TYPE:BLOC */ #habillage_bouton_alert, #habillage_bouton_defaut, #habillage_bouton_etape_suivante_adresse_e_mail, #habillage_bouton_ok_sas_securise, #habillage_bouton_sas_affilie, #habillage_bouton_submit_blocage_aspirateur_panier, #habillage_bouton_texte_code_remise, #habillage_bouton_texte_imprimer_facture_detail_commande, #habillage_bouton_texte_recalculer_panierb, #habillage_bouton_texte_recherche, #habillage_bouton_texte_rechercher_recherche_resultat, #habillage_bouton_texte_validation_login_sans_code_remise, #habillage_bouton_texte_validation_login, #habillage_bouton_texte_valider_commande_affilie, #habillage_bouton_texte_valider_mot_de_passe_perdu, #habillage_bouton_valider_deja_inscrit_adresse_e_mail, #habillage_boutonComparerListeProduits, #habillage_boutonFermerComparateur, #habillage_boutonViderComparateur, #lien_deconnexion, .habillage_boutonSupprimerProduitComparateur, #blocRecherchePointRelais #lien_defaut, #lien_detail_sommaire_commande, .habillage_bouton_action{ background-color:#888; font-size:14px; color:#FFFFFF; font-weight:bold; padding:3px; border:none; border-radius:2px; cursor:pointer; } #habillage_bouton_texte_recalculer_panierb{background-image:url("../img/icoRefresh.svg");background-size:32px 32px;background-repeat:no-repeat;background-position:7px 4px;padding-left:25px;} /*############################################################################################################################################################################################################*/ /* GROUPE: boutons */ /* NAME: boutons secondaires */ /* TYPE:BLOC */ #habillage_bouton_annuler_formulaire_perso, #habillage_bouton_fermer_MiniPanier, #habillage_bouton_refuser_us, #habillage_bouton_refuser, #habillage_bouton_retour_accueil_paiement_cheque, #habillage_bouton_retour_confirm_order, #habillage_bouton_retour_formulaire_perso_merci, #habillage_bouton_texte_annuler_formulaire_client, #habillage_bouton_texte_annuler_transaction_us, #habillage_bouton_texte_annuler_transaction, #habillage_bouton_texte_envoyer_erreur_us, #habillage_bouton_texte_envoyer_erreur, #habillage_bouton_texte_fermer_pop_up_compte, #habillage_bouton_texte_poursuite_achat_panierb, #habillage_bouton_texte_retour_indispo_us, #habillage_bouton_texte_retour_indispo, #habillage_bouton_texte_retour_invalid, #habillage_bouton_texte_retour_merci_cheque, #habillage_bouton_texte_retour_merci_us, #habillage_bouton_texte_retour_merci, #afficheBoutonChangerChoix #habillage_bouton_defaut, #lien_retour_sommaire_commande_front, #lien_bouton_retour, .habillage_bouton_secondaire{ background-color:#F8F8F8; font-size:14px; color:#888; font-weight:bold; padding:8px 16px; border:none; border-radius:2px; cursor:pointer; } /*#habillage_bouton_texte_recherche_style, #habillage_bouton_texte_ok_mailing{display:none;} */ /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* SELECT - INPUT */ /* ---------------------------------------------------------------- */ select {background-image:url("../img/arrow-down.svg");background-size:20px 20px;background-repeat:no-repeat;background-position:right center;-webkit-appearance: none;-moz-appearance: none;} /* IE10 + */ select::-ms-expand {display: none;} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* NAV HORIZONTALE & VERTICALE */ /* ---------------------------------------------------------------- */ /* fond premier niveau */ /* GROUPE:Navigation */ /* NAME:fond premier niveau */ /* TYPE:BLOC */ #nav_hori_menu, #nav_hori2_menu, #nav_hori3_menu, #nav_hori4_menu, #nav_hori5_menu, #nav_hori6_menu{ background-color:#3F3F3F; } /*############################################################################################################################################################################################################*/ /* texte premier niveau */ /* GROUPE:Navigation */ /* NAME:texte premier niveau */ /* TYPE:BLOC */ #nav_hori_menu dt a, #nav_hori2_menu dt a, #nav_hori3_menu dt a, #nav_hori4_menu dt a, #nav_hori5_menu dt a, #nav_hori6_menu dt a, #nav_hori_menu td a, #nav_hori2_menu td a, #nav_hori3_menu td a, #nav_hori4_menu td a, #nav_hori5_menu td a, #nav_hori6_menu td a{ font-size:16px; color:#E6E6E6; font-weight:bold; text-align:center; padding:15px; } /*############################################################################################################################################################################################################*/ /* texte premier niveau survole */ #nav_hori_menu dt a:hover, #nav_hori2_menu dt a:hover, #nav_hori3_menu dt a:hover, #nav_hori4_menu dt a:hover, #nav_hori5_menu dt a:hover, #nav_hori6_menu dt a:hover, #nav_hori_menu td a:hover, #nav_hori2_menu td a:hover, #nav_hori3_menu td a:hover, #nav_hori4_menu td a:hover, #nav_hori5_menu td a:hover, #nav_hori6_menu td a:hover{ text-decoration:none; } /*############################################################################################################################################################################################################*/ /* fond deuxieme niveau */ /* GROUPE:Navigation */ /* NAME:fond premier niveau survol et fond deuxieme niveau */ /* TYPE:BLOC */ #nav_hori_contener_sous, #nav_hori2_contener_sous, #nav_hori3_contener_sous, #nav_hori4_contener_sous, #nav_hori5_contener_sous, #nav_hori6_contener_sous, #nav_verti_contener_sous, #nav_verti2_contener_sous, #nav_verti3_contener_sous, #nav_verti4_contener_sous, #nav_verti5_contener_sous, #nav_verti6_contener_sous{ background-color:#717171; padding:20px; } /*############################################################################################################################################################################################################*/ /* texte deuxieme niveau */ /* GROUPE:Navigation */ /* NAME:texte deuxieme niveau */ /* TYPE:BLOC */ #nav_hori_menu dd a, #nav_hori2_menu dd a, #nav_hori3_menu dd a, #nav_hori4_menu dd a, #nav_hori5_menu dd a, #nav_hori6_menu dd a, #nav_verti_menu dd a, #nav_verti2_menu dd a, #nav_verti3_menu dd a, #nav_verti4_menu dd a, #nav_verti5_menu dd a, #nav_verti6_menu dd a{ font-size:14px; color:#F6F6F6; font-weight:bold; padding:5px; } .nav_verti_image_treeview_close, .nav_verti2_image_treeview_close, .nav_verti3_image_treeview_close, .nav_verti4_image_treeview_close, .nav_verti5_image_treeview_close, .nav_verti6_image_treeview_close{ background-image:url("../img/icoPlus.svg"); background-size:13px 13px; background-repeat:no-repeat; width:13px; height:13px; display:inline-block; margin:0 15px; cursor:pointer; } .nav_verti_image_treeview_open, .nav_verti2_image_treeview_open, .nav_verti3_image_treeview_open, .nav_verti4_image_treeview_open, .nav_verti5_image_treeview_open, .nav_verti6_image_treeview_open{ background-image:url("../img/icoMoins.svg"); background-size:13px 13px; background-repeat:no-repeat; width:13px; height:13px; display:inline-block; margin:0 15px; cursor:pointer; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* FICHE PRODUIT - PANIER VIDE */ /* ---------------------------------------------------------------- */ #image_mail_envoyer_fiche_produit{ background-image:url("../img/icoMailing.svg"); background-size:20px 20px; background-repeat:no-repeat; width:20px; height:20px; display:block; margin:0 5px 0 0; } #image_retour_fiche_produit, #image_fleche_commande_panier_vide{ background-image:url("../img/arrow-left.svg"); background-size:20px 20px; background-repeat:no-repeat; width:20px; height:20px; display:block; margin:0 5px 0 0; } #image_loupe_fichier_attache_fiche_produit{ background-image:url("../img/icoAttachment.svg"); background-size:30px 30px; background-repeat:no-repeat; width:30px; height:30px; display:block; } #ficheProduitImageFavoris{ background-image:url("../img/icoStar.svg"); background-size:20px 20px; background-repeat:no-repeat; width:20px; height:20px; display:block; margin:0 5px 0 0; } #ficheProduitImageZoom{ background-image:url("../img/icoSearch.svg"); background-size:20px 20px; background-repeat:no-repeat; width:20px; height:20px; display:block; margin:0 5px 0 0; } #zoneAttributsSsRefs dt, #texte_option_fiche_produit{line-height:32px;} /* ---------------------------------------------------------------- */ /* LISTE PRODUITS, LISTE FAMILLES */ /* ---------------------------------------------------------------- */ #image_fleche_retour_liste_produits, #image_fleche_retour_liste_famille{ background-image:url("../img/arrow-left.svg"); background-size:30px 30px; background-repeat:no-repeat; width:30px; height:30px; display:block; } #image_fleche_suivant_liste_produits, #image_fleche_suivant_liste_famille{ background-image:url("../img/arrow-right.svg"); background-size:30px 30px; background-repeat:no-repeat; width:30px; height:30px; display:block; } #couleur_fond_entete_recherche_resultats{margin: 20px 0;} #bouton_image_croissant_nom_liste_produits, #bouton_image_croissant_marque_liste_produits, #bouton_image_croissant_prix_liste_produits{ background-image:url("../img/arrow-up.svg"); background-size:15px 15px; background-repeat:no-repeat; width:12px; height:15px; display:block; } #bouton_image_decroissant_nom_liste_produits, #bouton_image_decroissant_marque_liste_produits, #bouton_image_decroissant_prix_liste_produits{ background-image:url("../img/arrow-down.svg"); background-size:15px 15px; background-repeat:no-repeat; width:12px; height:15px; display:block; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* PANIER */ /* ---------------------------------------------------------------- */ #id_tableau{background-color:#FFF;} .entete_panierb{background-color:#FBFBFB;text-align:center;} .down_qte{background-image:url("../img/arrow-down.svg");background-size:20px 20px;background-repeat:no-repeat;width:20px;height:20px;display:inline-block;cursor:pointer;margin:3px 0 0;} .up_qte{background-image:url("../img/arrow-up.svg");background-size:20px 20px;background-repeat:no-repeat;width:20px;height:20px;display:inline-block;cursor:pointer;} .deleteItemPanierb{background-image:url("../img/icoDelete.svg");background-size:16px 16px;background-repeat:no-repeat;width:16px;height:16px;position:absolute;margin:5px 0 0 4px;vertical-align:middle;} #choix_livraison_frais_offert{color:#489615;font-weight:bold;} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* FIL ARIANE TUNNEL COMMANDE */ /* ---------------------------------------------------------------- */ #ContentCheckoutSas #etape_commande, #ContentCheckoutPanier #etape_commande, #ContentCheckoutPanierVide #etape_commande, #creation_compte #etape_commande, #etape_commande .etape-1, #etape_commande .etape-5, #paiementChequeEtapeVotreSelection, #paiementChequeEtapeIdentification, #paiementChequeEtapeIdentification, #paiementChequeEtapeModeReglement, #paiementChequeEtapeValidation{ display:none; } #etape_commande{table-layout:fixed;border-spacing: 20px;} #etape_commande td{line-height:30px;height:30px;border:1px solid #E6E6E6;padding:5px;} #etape_commande td span{padding: 0 30px;} .etape-off span{float:inherit !important;color:#489615 !important;} .etape-on span{font-weight:bold !important;} #choixLivraisonImageEtapesEffectuees, #bonDeCommandeImageEtapesEffectuees, #choixPointRelaisImageEtapesEffectuees{display:none;} .etape-off{background-image:url("../img/icoCheck.svg");background-size:15px 15px;background-repeat:no-repeat;background-position:10px center;} .etape-on{background-image:url("../img/arrow-right.svg");background-size:25px 25px;background-repeat:no-repeat;background-position:left center;} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* POINT RELAIS - CHOIX LIVRAISON - BON DE COMMANDE */ /* ---------------------------------------------------------------- */ .dys_mode_livraison, .dys_mode_paiement, .pointRelaisIdRadio{display:none;} .checkbox_design_livraison, .checkbox_design_paiement, .checkbox_design_point_relais{ display:block; width:25px; height:40px; background-image:url("../img/icoRadio.png"); background-size:14px 14px; background-repeat:no-repeat; background-position:center center; float:left; cursor: pointer; } #formChoixPointRelais .dys_mode_livraison:checked + .checkbox_design_livraison, #form_mode_paiement .dys_mode_paiement:checked + .checkbox_design_paiement, #pointRelaisConteneur .pointRelaisIdRadio:checked + .checkbox_design_point_relais{ background-image:url("../img/icoCheck.svg") !important; background-size:25px 25px; -webkit-transition: background-size 0.3s ease; -moz-transition: background-size 0.3s ease; -o-transition: background-size 0.3s ease; -ms-transition: background-size 0.3s ease; transition: background-size 0.3s ease; } .pointRelaisContent{display:block;padding-left:40px;} #formChoixPointRelais label hr, #form_mode_paiement label hr, #pointRelaisConteneur hr{margin:0;} #formChoixPointRelais label:hover, #form_mode_paiement label:hover, .pointRelaisChoisi{background-color:#DCEFD4 !important;} #formChoixPointRelais #boutonValiderNormal, #formChoixPointRelais #boutonValiderPointRelais, #habillage_bouton_texte_commander_bon_de_commande{margin-top:35px;} #ContentCheckoutCoordonnees{margin:30px 0;} #blocTotal{display:none !important;} #form_mode_paiement #texte_votre_mode_reglement_bon_de_commande{margin:0 0 30px;} #form_mode_paiement #titre_gras_defaut{margin:30px 0 0;} /*############################################################################################################################################################################################################*/ /* -------------------------------------------------------------------------------- */ /* FILTRES */ /* ------------------------------------------------------------------------------ */ #id_formulaire_pwb_filtre_liste label {display:block;min-height:24px;line-height:24px;padding:10px 10px 10px 34px;background-image:url("../img/icoCheckbox.png");background-size:14px 14px;background-repeat:no-repeat;background-position:10px center} #id_formulaire_pwb_filtre_liste .checkbox_design:checked + label {background-image:url("../img/icoCheck.svg") !important;font-weight:bold} #id_formulaire_pwb_filtre_liste .checkbox_design{display:none} #conteneurCentralFiltreListe .bloc_pwb_filtre_liste{background-color:#FBFBFB;background-image:url("../img/arrow-right-light.svg");background-size:20px 20px;background-repeat:no-repeat;background-position:5px 13px} #conteneurCentralFiltreListe .bloc_pwb_filtre_liste:hover{background-image:url("../img/arrow-down.svg")} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* ONGLETS */ /* ---------------------------------------------------------------- */ .boiteOngletsFicheProduit label{background-color:#FBFBFB;background-image:url("../img/arrow-right-light.svg");background-size:30px 30px;background-repeat:no-repeat;background-position: 4px center;} /* onglet ferme survole */ .boiteOngletsFicheProduit label:hover{background-image:url("../img/arrow-right.svg")} /* onglet ouvert */ .boiteOngletsFicheProduit input:checked + label{background-image:url("../img/arrow-down.svg")} .ongletContent{background-color:#FFF} /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------- */ /* ui-accordion.css - dataTable.css */ /* ---------------------------------------------------------------- */ .ui-state-default{background-color:#FBFBFB;background-image:url("../img/arrow-right-light.svg");font-weight:normal;} .ui-state-hover {background-image:url("../img/arrow-right.svg");font-weight:bold;} .ui-state-active {background-image:url("../img/arrow-down.svg");font-weight:bold;} table.dataTable thead .sorting {background-position:95% center;background-repeat:no-repeat;background-size:18px 18px;background-image:url("../img/sort-both.svg");} table.dataTable thead .sorting_asc {background-position:95% center;background-repeat:no-repeat;background-size:18px 18px;background-image:url("../img/arrow-up.svg");text-decoration:underline;} table.dataTable thead .sorting_desc {background-position:95% center;background-repeat:no-repeat;background-size:18px 18px;background-image:url("../img/arrow-down.svg");text-decoration:underline;} table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before { top:6px; left:6px; height:16px; width:16px; position:absolute; line-height:16px; content:''; background-image:url("../img/icoMenuMobile.svg"); background-size:16px 16px; background-repeat:no-repeat; background-position:0 0; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before { background-image:url("../img/icoClose.svg"); background-size:12px 12px; background-repeat:no-repeat; background-position:center center; } /*############################################################################################################################################################################################################*/ /* ---------------------------------------------------------------------- */ /* BIG MENU SIMPLE + BIG MENU VIGNETTE RESUME + BIG MENU TETE DE GONDOLE */ /* -------------------------------------------------------------------- */ /* fond premier niveau PC */ /* GROUPE:Navigation */ /* NAME:fond premier niveau */ /* TYPE:BLOC */ .bigMenuSimple .li_niveau_1, .bigMenuVignetteResume .li_niveau_1, .bigMenuTeteGondole .li_niveau_1{ background:none !important; height:61px !important; } /* texte premier niveau PC et mobile + titre nav mobile */ /* GROUPE:Navigation */ /* NAME:texte premier niveau */ /* TYPE:BLOC */ .bigMenuSimple .li_niveau_1 .btSousnavigation, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation, .btNavMobile{ padding:20px 15px; font:400 16px 'Playfair Display'; color:#fff; text-decoration:none; text-transform: uppercase; text-align:center; border:0px solid red } /* titre nav mobile survole */ .btNavMobile:hover{ color:#E6E6E6; text-decoration:none; } /* fond premier niveau survole PC + fond deuxieme niveau PC */ /* GROUPE:Navigation */ /* NAME:fond premier niveau survol et fond deuxieme niveau */ /* TYPE:BLOC */ .bigMenuSimple .on .btSousnavigation, .bigMenuVignetteResume .on .btSousnavigation, .bigMenuTeteGondole .on .btSousnavigation, .bigMenuSimple .li_niveau_1 .btSousnavigation:hover, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation:hover, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation:hover, .bigMenuSimple .li_niveau_1:hover .btSousnavigation, .bigMenuVignetteResume .li_niveau_1:hover .btSousnavigation, .bigMenuTeteGondole .li_niveau_1:hover .btSousnavigation, .bigMenuSimple .li_niveau_1 .sousnavigation, .bigMenuVignetteResume .li_niveau_1 .sousnavigation, .bigMenuTeteGondole .li_niveau_1 .sousnavigation{ background-color:#aec10b; } /* barre de separation li PC */ .bigMenuSimple .li_niveau_1 .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation:after{ bottom:19px; top:19px; width:1px; background-color:#7F7F7F; } .bigMenuSimple .li_niveau_1:nth-child(6) .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1:nth-child(6) .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1:nth-child(6) .btSousnavigation:after{ display:none } /* texte vignette resume */ /* GROUPE:Navigation */ /* NAME:texte deuxieme niveau */ /* TYPE:BLOC */ .bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem .resume{ color:#fff; text-align:justify; font:300 14px 'Lato' !important } /* texte deuxieme niveau PC et mobile */ /* GROUPE:Navigation */ /* NAME:texte deuxieme niveau */ /* TYPE:BLOC */ .bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2 a{ padding:5px; font:400 14px 'Lato' !important; color:#fff; text-decoration:none; } /* texte deuxieme niveau survole PC et mobile + lien tete de gondole survole */ .bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a, .bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a, .bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a:hover{ text-decoration:underline; } /* lien tete de gondole */ /* GROUPE:Navigation */ /* NAME:texte deuxieme niveau */ /* TYPE:BLOC */ .bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a{ font-size:12px; color:#F6F6F6; text-decoration:none; } /* barre de separation tete de gondole */ .bigMenuTeteGondole .li_niveau_1 .sousnavigation .sepatateurTdG{ height:1px; background-color:#7F7F7F; margin: 15px 0px 0px; } #voirplus_li .btSousnavigation{ background-image:url("../img/icoMenuMobile.svg"); background-size:32px 32px; background-repeat:no-repeat; background-position:50% 50%; color:transparent; } /*############################################################################################################################################################################################################*/ /*############################################################################################################################################################################################################*/ /*############################################################################################################################################################################################################*/ /*Ajout Studio pour personnalisation du theme*/ /*############################################################################################################################################################################################################*/ /*Diapo Pwb*/ #diaporama1{z-index:1} /*Header*/ #header .table #espace{width:35%} #header .table #blog, #header .table #evt{ font-size:15px } #header .table #langue, #header .table #blog, #header .table #evt{ padding-top:5px } #header .table #blog{background: url(../img/pictoBlog.png) no-repeat left 0 top 3px;padding-left: 25px} #header .table #blog a{color:#abbf03;font-size:15px;white-space: nowrap;} #header .table #evt{background: url(../img/pictoEvt.png) no-repeat left 0 top 3px;padding-left: 25px;width:12%;white-space: nowrap;} #header .table #evt a{color:#000;font-size:15px} #blocLangue{position: relative;cursor: pointer;white-space: nowrap;} #langOn{display:block;position: absolute;left:-3px; max-height:0;overflow: hidden;background:#f2f2f2;transition: all 0.3s ease-in-out} #langOn.transition{max-height:25px;padding:5px 3px 3px;} /*############################################################################################################################################################################################################*/ /*CMS*/ #cms2,li{padding:0;margin:0;} #cms2{width:990px;max-width: 100%;margin:15px auto;} #cms2 li{display:inline-block;padding-bottom:10px;position: relative;height:auto;width:auto;vertical-align: top;} #cms2 li a{display:block;} #cms2 li a img{max-width: 100%;height:auto} #cms2 li a span{position:absolute;padding:10px;background:#fff;color:#000;font:400 14px 'Playfair Display';text-transform: uppercase;top:50%;left:50%;margin:-25px 0 0 -35px} #cms2 li:nth-child(5) a span{margin-left:-42px} #cms2 li:nth-child(2), #cms2 li:nth-child(4), #cms2 li:nth-child(5){ margin-left:17px } @media(max-width:980px){ #cms2 li {width:48%;text-align: center;} #cms2 li:nth-child(4),#cms2 li:nth-child(5) {width:25%;} #cms2 li:first-child a img{height:240px} #cms2 li:nth-child(3) a img{height:150px} #cms2 li:nth-child(2){margin-left:25px} #cms2 li:nth-child(4), #cms2 li:nth-child(5){ margin-left:3px } } @media(max-width:420px){ #cms2 li {width:100% !important;text-align: center;} #cms2 li{margin:0 !important} } /*############################################################################################################################################################################################################*/ /*LISTE ARTicles*/ .contenerList *{text-align: center} .contenerList{border:1px solid #E6E6E6;padding:20px;transition:all 0.2s linear;height:auto;position: relative;overflow: hidden} .contenerList:hover{border-color:#000;box-shadow: 0 0 2px #cacaca} .contenerImgList{height:auto;width:100%} .contenerImgList .bordure_image_defaut{max-width: 100%;height:auto} .contenerImgInfos{font-size:14px !important} .btInfosList *{color:#fff !important;text-decoration: none;font-size:13px} .btInfosList{display:none;padding:10px 25px;position: absolute;top:40%;right:0;background:#abbf03;} .contenerList:hover .btInfosList{display: block;} .contenerImgInfos #texte_liste_nom_liste_produits{color:#000} .contenerImgInfos #prix_affiche_devises_promo_off_liste_produits{color:#abbf03} .contenerImgInfos #prix_barre_devises_liste_produits{color:#cacaca} /*############################################################################################################################################################################################################*/ /*Tete de Gondole*/ .contenerGondole{width:100%;display:table;table-layout: fixed} .itemGondole{width:calc(100% / 5);padding:0;display: table-cell;position: relative;vertical-align: top !important;font:400 15px 'Lato'} .itemGondole a:first-child{width:100%;height:210px;text-align:center;display: block;overflow: hidden} .itemGondole a:first-child img{max-width:100%;height:auto; position: relative; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lienGondole{text-decoration: none;color: #000;width:100%;display:block;text-align: center;font:700 15px 'Lato'} .nomGondole{} .prixGondole *{display:block;text-align: center} .prixGondole{color:#abbf03;display:block;text-align: center} .prixGondole span{color:#cacaca !important;font-size:11px !important} /*############################################################################################################################################################################################################*/ /*Fiche*/ #texte_navigation_fiche_produit{font-weight:bold !important;color:#000 !important} #contenerFiche *{box-sizing: border-box} #contenerImgFiche, #contenerInfosFiche, #contenerRefFiche, #contenerDetailFiche, #contenerPrixFiche, #contenerBtFiche{ display: inline-block;vertical-align: top; /*border:1px solid red;*/ } #contenerImgFiche, #contenerInfosFiche{ width:50%; position: relative; z-index: 1 } /*Bug PWB*/ .zoomPad img{max-width:100%} #contenerRefFiche, #contenerPrixFiche{ width:59% } #contenerDetailFiche, #contenerBtFiche{ width:39% } #contenerImgFiche{} #contenerImgFiche #zone_image{text-align: center} #contenerInfosFiche{} #contenerInfosFiche #nomG, #contenerInfosFiche #nomF{ display:block; font-weight:700; text-transform: uppercase } #contenerInfosFiche #nomG{font-size:13px;color:#181818} #contenerInfosFiche #nomF{font-size:20px;color:#abbf03;border-bottom: 1px solid #cacaca;padding:5px 0 10px;margin-bottom: 15px} /*#contenerRefFiche *{display: inline-block}*/ #contenerRefFiche{border-right:1px solid #cacaca;padding-bottom: 20px} #contenerRefFiche #texte_option_fiche_produit{font-weight: bold;color:#000 !important} #contenerDetailFiche{padding-left:20px} #contenerDetailFiche #ficheProduitTexteDelaiDispo{font-weight: 700;color:#000 !important;text-transform: uppercase} #contenerPrixFiche{position: relative;padding-bottom: 25px} #contenerPrixFiche #prixNormal{position: absolute;left: 0;bottom:0;text-decoration: line-through} #contenerPrixFiche #prixPromo{position: absolute;right:5%;top:0;font-size:20px;font-weight: 700} #contenerBtFiche #habillage_bouton_selectionner_fiche_produit{width:100% !important;text-transform: uppercase} #contenerReseau{background: #f8f8f8;padding:15px 5px !important;margin-top: 15px;position: relative;} #contenerReseau #lien_envoi_mail_titre, #contenerReseau #ficheProduitLienFavoris, #contenerReseau #lien_retour_fiche_produit{ display: inline-block;padding:20px 0 0 !important;margin: 0 !important; position: absolute;top:-6px } #contenerReseau #ficheProduitLienFavoris{right:19%} #contenerReseau #lien_retour_fiche_produit{right:4%} #contenerReseau table a#lien_envoi_mail_titre, #contenerReseau table a#ficheProduitLienFavoris, #contenerReseau table a#lien_retour_fiche_produit{ padding:0 !important; position: inherit !important } #contenerReseau #lien_envoi_mail_titre div, #contenerReseau #ficheProduitLienFavoris div, #contenerReseau #lien_retour_fiche_produit div{ padding:0 !important; margin:0 0 0 8px !important } #contenerReseau #image_mail_envoyer_fiche_produit, #contenerReseau #ficheProduitImageFavoris, #contenerReseau #image_retour_fiche_produit{ background-position: center top 2px; display:inline-block !important; height:23px !important; } #image_loupe_fichier_attache_fiche_produit{display: none} a#lien_produit_attache_fiche_produit{font-weight: bold;font-size:13px} a#lien_produit_attache_fiche_produit:before{content: "\25BA";} /*Onglets*/ #onglets {border:1px solid #dcd4c9;margin-top:30px;} #onglets-bts {margin:0px;padding:0px;display:table;width:100%;list-style:none;} #onglets-bts [id*=bt] {display:table-cell;vertical-align:top;} #onglets-bts > [id*=bt] a { display:block; padding:6px 10px; border-bottom:1px solid #d9d5d0; text-align:center; transition:all .15s linear; -webkit-transition:all .15s linear; } #onglets-bts > [id*=bt] a, #onglets-bts > [id*=bt] a * { font:normal 16px/30px Open sans; color: #a0a09d !important; text-transform: uppercase; text-decoration: none; background:#F4F4F0; } #onglets-bts > [id*=bt] a:hover { text-decoration: none; background:#fff; } #onglets-bts > li + li { border-left: 1px solid #dcd4c9; } #onglets-bts > li a:hover, #onglets-bts > li a.selected { background:#fff; } #onglets-bts > li a.selected { border-bottom:1px solid #fff; color:#abbf03 !important; } #onglets > div {padding:20px;} #zoneAttributsSimplesContenu dd span{font-weight: bold;margin-left: 10px;} /*VC*/ .resumeCrossSellingFicheArticle,.hrFicheProduit{display:none} .texteIntroductifFicheProduit, .lienSelectionnezCrossSellingFicheProduit, .lienInfosCrossSellingFicheProduit{ display:none } .CaptionCrossSellingFicheProduit{border-bottom:1px solid #dcd4c9;margin:15px 0;text-transform: uppercase;font-size:20px} .crossSellingId1 .crossSellingItemId1 .crossSellingItemContentId1, .crossSellingId2 .crossSellingItemId2 .crossSellingItemContentId2, .crossSellingId3 .crossSellingItemId3 .crossSellingItemContentId3{ float:none !important;width:100% !important } .crossSellingItemContentId1, .crossSellingItemContentId2, .crossSellingItemContentId3{ position: relative !important } .lienTitreCrossSellingFicheProduit{display: block !important;position: absolute !important;top:-57px !important;font-weight: 700;width:100% !important;text-align: center} .DevisePromoEuroCrossSellingFicheProduit{display:block;padding-top:25px;color:#abbf03 !important;} /*############################################################################################################################################################################################################*/ /*Footer*/ #contenerReseaux,#contenerReseaux > li{padding:0;margin:0} #contenerReseaux{font-size:0;} #contenerReseaux li{display: inline-block;font:400 12px 'Lato'} #contenerReseaux li a{font:400 12px 'Lato';color:#b6b6b6;display: inline-block;padding:5px 25px;} #contenerReseaux li:first-child{background:url(../img/fb.png) no-repeat 0 0} #contenerReseaux li:nth-child(2){background:url(../img/blog.png) no-repeat 0 0} #lienContact{display:block;font:400 12px 'Lato';color:#fff;text-transform: uppercase;background:url(../img/mail.png) no-repeat 0 center;margin: 15px 0;padding-left:25px} #reassurance{background:#363636;} #reassurance:before{content: "";display:block;width:100%;padding:10px 0;background:url(../img/bodyRepeat.png) repeat-x 0 0} #reassurance .tableFooter1 > .tableCell{font:700 14px 'Lato';color:#fff;text-transform: uppercase;text-align: center;padding:50px 0 25px} #reassurance .tableFooter1 .tableCell:first-child{background: url(../img/icoBottom.png) no-repeat center 15px} #reassurance .tableFooter1 .tableCell:nth-child(2){background: url(../img/icoBottom2.png) no-repeat center 15px} #reassurance .tableFooter1 .tableCell:nth-child(3){background: url(../img/icoBottom3.png) no-repeat center 15px} #reassurance .tableFooter1 .tableCell:nth-child(4){background: url(../img/icoBottom4.png) no-repeat center 15px} /*############################################################################################################################################################################################################*/ /*Surcouche PWB */ #encart_texte_votre_selection{width:60%;position: static !important} #encart_logo_boutique_logo{margin-top:-29px} /*Liste Articles*/ #encart_navigation_liste_produits{display:none} #grand_titre_liste_produits{font-size:20px !important;text-transform:uppercase;color:#000;border-bottom:1px solid #E6E6E6} /*Navs big menu*/ /*#conteneur_nav_horizontale_1_contener{position: relative;z-index:10}*/ nav#nav_horizontale_1_contener{position: relative;width:100%;z-index:10} nav#nav_horizontale_1_contener:before{content:"";display:inline-block;width:100%;height:19px;background: url(../img/logo2.png) no-repeat center 0 !important;position: absolute;z-index:11} .bigMenuSimple ul, .bigMenuVignetteResume ul, .bigMenuTeteGondole ul, .bigMenuSimple ul li, .bigMenuVignetteResume ul li, .bigMenuTeteGondole ul li{ /* padding-top:20px !important*/ height:100% !important; } /*adaptation rayon*/ /* .bigMenuVignetteResume .li_niveau_1:nth-child(3):hover .btSousnavigation{border-top-right-radius:49px} .bigMenuVignetteResume .li_niveau_1:nth-child(4):hover .btSousnavigation{border-top-left-radius:49px} */ /*Feedback*/ .bigMenuSimple .on .btSousnavigation, .bigMenuVignetteResume .on .btSousnavigation, .bigMenuTeteGondole .on .btSousnavigation{ background:#404040 !important } .sousnavigation ul .li_niveau_2 a{overflow: visible !important} .li_niveau_2.on a{ color:#535353 !important;position: relative} .li_niveau_2.on a:before{content: "";display: inline-block;width:5px;height:5px;border-radius:5px;border:1px solid #535353;position: absolute;left:-10px;top:12px;bottom:12px} /*Nav pwb usine*/ #encart_code_dev_nav_vertical{display: block !important} #titre_code_dev_nav_vertical, #titre_code_dev_nav_vertical2, #titre_code_dev_nav_vertical3{ color:#fff !important; text-transform: uppercase; } #encart_code_dev_nav_vertical, #encart_code_dev_nav_vertical2{ padding:15px 0 !important; text-align: left !important; border:0px solid red; } #nav_verti_menu a, #nav_verti2_menu a, #nav_verti3_menu a, #nav_verti4_menu a, #nav_verti5_menu a, #nav_verti6_menu a { line-height: 15px !important; color:#b6b6b6 !important } #nav_verti2_contener{padding:0 !important;margin:0 !important} /* #encart_code_dev_nav_vertical,#titre_code_dev_nav_vertical{padding:15px 0 !important;border:1px solid red;} #encart_code_dev_nav_vertical2,#titre_code_dev_nav_vertical2,#nav_verti2_contener{border:1px solid red} */ /*Mailing*/ #mailing_pwb{padding:15px 0 !important} #texte_mailing{color:#fff !important;font-family: 'Playfair Display' !important;font-size:15px !important} #texte_mailing:after{content:"Inscrivez-vous a la newsletter et recevez nos offres & actualites";display: block;text-transform: none;width:90%;font:400 12px 'Lato';color:#b6b6b6;white-space: normal !important;margin-top: 15px} #habillage_bouton_texte_ok_mailing{background:none !important;color:#b6b6b6 !important;font-weight:normal !important} /*Recherche*/ #encart_recherche_style{border-bottom:1px solid #efefef !important} #encart_recherche_style:before{content: "";display: inline-block;background:url(../img/loupe.png) no-repeat 0 0;width:19px;height:17px;position: absolute;bottom:8px;left:-15px} #champ_recherche_style{border:none !important;padding-top:10px} #habillage_bouton_texte_recherche_style{background:none !important;color:#a4a4a4 !important;font-weight:normal !important;margin-top:5px} .link_reseau_social{color: #b6b6b6 !important;display: inline-block;padding-right:10px} .linkContact{color: #fff !important;display:block;margin:25px 0}