/*no-wysiwyg*/ /* GROUPE:Apparence generale */ /* NAME: body */ /* TYPE:BLOC */ body{background-color:#fff;font-family:'Oswald', sans-serif;font-size:14px;color:#000;padding:0px;margin:0px;} #largeur_de_page_et_bordures{background-color:#FFFFFF;width:1028px;max-width:100%;margin:0 auto;padding:20px 0 !important;box-sizing: border-box;} 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:16px;color:#000;text-decoration:none;background:none;transition: all 0.2s linear} /* 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; } #cms2{ width:100%; } /* ---------------------------------------------------------------- */ /* GABARIT */ /* ---------------------------------------------------------------- */ #rechercheav{ display: initial; width: 40%; margin-left: -30px; } .table{width:100%;display:table;table-layout: fixed} .tableCell{display:table-cell;position:relative;box-sizing: border-box;vertical-align: top} .largeur_de_zone{max-width:1028px;margin:0 auto;box-sizing: border-box;} /* GROUPE:Apparence generale */ /* NAME: zone en tete (header) */ /* TYPE:BLOC */ #header{width:100%;padding:15px;background-color:#FFF;box-sizing:border-box;} /* GROUPE:Apparence generale */ /* NAME: fond de navigation */ /* TYPE:BLOC */ #navs{width:100%;background-image:url("https://www.carnlink.com/site/medias/Bg.png");box-sizing:border-box} /* GROUPE:Apparence generale */ /* NAME: zone bas de page (footer) */ /* TYPE:BLOC */ #footer{width:100%;padding:20px;background-color:#FBFBFB;box-sizing:border-box;} #header .table > .tableCell{vertical-align:middle;} #logoSlogan{width:40%;padding:0 20px 0 0;} #texte_slogan_boutique, #texte_nom_boutique, #texte_telephone_boutique, #telephone_boutique{ font-family:'Oswald', sans-serif; font-weight:400; font-size:20px; color:#777; } #search{width:30%;padding: 0 15px;} #compte, #selection{width:15%;padding: 0 15px;} a.lien_retour_accueil, a.lien_votre_compte, a.lien_votre_selection, #texte_mailing, #etape_commande td span{ font-family:'Oswald', sans-serif; font-size:14px; color:#777; 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;} #mentionsLegales, #mailingReseaux{text-align:center;} #copyright{padding: 20px 0 0;} #footer .table > .tableCell{width:33%;} #footer .table > .tableCell:before{background-color:#E6E6E6;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_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:'Oswald', sans-serif; font-weight:400; font-size:26px; color:#2e91c8; } #texte_marques_fiche_produit{ font-family:'Oswald', sans-serif; font-weight:400; font-size:18px; color:#2e91c8; } #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_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{ display:block; padding-bottom:5px; border-bottom: 2px solid #2e91c8 } #grand_titre_nom_produit_fiche_produit{ display:block; padding-bottom:5px; } #texte_marques_fiche_produit{ display:block; padding-bottom:5px; } /* 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:16px 0; padding:0; } #encart_recherche_style{ text-align:left; width:94%; padding:0; margin:0 !important; position:relative } #encart_recherche_style > form{padding:0 35px 0 5px !important;} #bouton_texte_recherche_avancee_style{display:inline-block;font-size:14px;font-weight:400;color:#fff !important;text-transform: uppercase;padding-left:29px} /* #bouton_texte_recherche_avancee_style:before{content: "";display: inline-block;background:url(../img/demande.svg) no-repeat 0 0;background-size:20px;width:20px;height:20px;padding-right: 12px;} */ #champ_recherche_style{ height:30px; width:45%; padding:3px 28px 3px 11px; border:1px solid #f8a04d; font-style:normal; color:#fff; font-size:12px; background:#f8a04d; font-family:'Oswald'; } #bouton_texte_recherche_style{ position: absolute; top:0; right:53%; background-image:url("../img/search.svg"); background-size:20px 20px; background-repeat:no-repeat; 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/icoUser.svg"); background-size:35px 35px; background-repeat:no-repeat; width:35px; height:35px; display:block; margin: 0 10px 0 0; } #image_panier{ background-image:url("../img/icoPanier.svg"); background-size:32px 32px; background-repeat:no-repeat; width:32px; height:32px; display:block; margin: 0 10px 0 0; } #encart_mini_panier{position:absolute;right:0;} #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;padding: 0 0 0 20px;} #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-image:url("../img/icoMailing.svg"); background-size:30px 30px; background-repeat:no-repeat; width:30px; height:30px; position:absolute; bottom:2px; right:13%; } #champ_email_mailing{ height:30px; border:1px solid #E6E6E6; padding-left: 5px; margin: 10px 0 0; width: 75%; font-style:italic; color:#777; font-size:12px; } .reseau_social { margin:0 5px; } #divBloc_MiniPanier, #BlocPreferenceMiniPanier #encadrement_titre_code_dev, #formMailStockPopup #encadrement_titre_code_dev{ background-color:#FBFBFB; padding: 20px; text-align: center; border-radius:2px 2px 0 0; } #divBlocContenu_MiniPanier, #BlocPreferenceMiniPanier #encadrement_texte_defaut, #formMailStockPopup #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_texte_commander_bon_de_commande, #habillage_bouton_texte_commander_panierb, #habillage_bouton_submit_appel_paiement, #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:#2E91C8; font-size:15px; color:#fff !important; font-weight:400; padding:8px 16px; border:none; border-radius:0; cursor:pointer; font-weight: 600; font-family: oswald; text-transform: uppercase; } /* 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_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 !important; 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, #afficheBoutonChangerChoi, #habillage_bouton_defaut, #lien_retour_sommaire_commande_front, #lien_bouton_retour, .habillage_bouton_secondaire{ background-color:#F8F8F8; font-size:15px; color:#888; font-weight:bold; padding:8px 16px; border:none; border-radius:2px; cursor:pointer; text-transform: uppercase; font-family: oswald; } #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; } /* 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:15px 0 !important; font-size:15px; color:#fff !important; font-weight:normal !important; text-decoration:none; text-align:center; text-transform: uppercase !important } /* 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:#717171; } /* barre de separation li PC */ .bigMenuSimple .li_niveau_1 .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation:after{ bottom:12px; top:12px; width:1px; background-color:#7F7F7F; display:none } /* texte vignette resume */ /* GROUPE:Navigation */ /* NAME:texte deuxieme niveau */ /* TYPE:BLOC */ .bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem .resume{ font-size:12px; color:#F6F6F6; text-align:justify; } /* 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-size:14px; color:#F6F6F6; font-weight:bold; 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; } /*#####################################################################################################################################################################################*/ /* >>>STUDIO<<<< */ /*Masque*/ .relatif{position: relative} .absolue{position: absolute} .inlineBlock{display: inline-block;vertical-align: top;white-space: nowrap;border:0px solid red} .block{display:block} .deleteSite{display:none} .inlineTable{display: inline-table} /*CMS reassurance top header */ #flotaison{background:#FEDBD7;padding:5px 0;color:#878585;box-sizing: border-box;display:none} #flotaison > *{font-size:13px !important} #flotaison a:hover{text-decoration: none} #flotaison .tableCell{white-space: nowrap;text-align: center;} /*Largeur des items*/ #flotaison .tableCell:nth-child(1){width:100%;} /*Liens*/ a.lien_votre_compte2{ font-family: "Ubuntu"; font-size: 16px; color: #6f6e6e; font-weight: 500; text-transform: none; white-space: nowrap; line-height: 17px; display:block; text-align: center } /*Header + elt*/ #header{width:100%;padding:0;background-color:#fff;box-sizing: border-box;border:0px solid} #header .table .tableCell{white-space: nowrap;border:0px solid;} #header .table.contact{background:#fff;border-bottom:1px solid #e5e5e5;position: relative} #header .table.logo{background:#fff} #header .table.contact *{font-size:13px !important;color:#616161 !important} /*Hauteur des tables header + padding*/ #header .table.contact{height:25%;padding:0 5px} #header .table.logo{height:100%;padding:0;} /*Alignement items*/ #header .table.contact > .tableCell{text-align: center;padding-top:5px} #header .table #navs, #header .table #recherche, #header .table #selection{ vertical-align: middle } /*liseret separation*/ #tel.tableCell::after{ content: ""; display: block; background:#ddd; position: absolute; top:1px;bottom:1px;right:0; width:1px; } /*Largeur des items*/ #header .table #tel{width:22%;} #header .table #contact{width:56%;text-align: left;padding-left: 2%} #header .table #compte{width:10%} #header .table #selection{width:16%;background:#2e91c8} #header .table #logoSlogan{width:100%;text-align: center} /*Visuel Bloc contact telephone suivre : emplacement / padding/ marge */ #lienTel, #lienContact, #lienCompte, #lienPanier{ display: block; height:100%; vertical-align: top; } #lienPanier{text-align: left !important;padding-left:5%;} /*Texte coté picto*/ #lienTel .alignSpan, #lienContact .alignSpan, #lienCompte .alignSpan, #lienPanier .alignSpan{ display:inline-block; vertical-align: top; height:20px; } #lienTel .alignSpan{padding-right:5%;padding-left:5%} #lienContact .alignSpan{padding-left:2%} #lienCompte .alignSpan, #lienPanier .alignSpan{ padding-left:7%; } #header .table.contact #lienPanier .alignSpan{color:#fff !important;text-transform: uppercase} /*Pictos*/ #lienTel::before, #lienContact::before, #lienCompte::before, #lienPanier::before{ display:inline-block; height:21px;width:20px; } #lienTel::before{content:"";background: url(../img/nIndigo.png) no-repeat 0 0;width:100%} #lienContact::before{content:"";background: url(../img/chat.svg) no-repeat 0 0;background-size:20px;} #lienCompte::before{content:"";background: url(../img/connexion.svg) no-repeat 0 0;background-size:20px;} #lienPanier::before{content:"";background: url(../img/panier.svg) no-repeat 0 0;background-size:20px} a.lien_votre_selection2{text-align: right;padding-right:10%;border:0px solid} /*Bloc langue*/ #blocLangue,#blocLangueRWD{position: absolute;cursor: pointer;width: 3.2em;left: 2%;top:15%;border-right:0px solid #dfdfde;padding-right:8px} #langOn,#langOnRwd{display:block;position: absolute;left:-3px; max-height:0;overflow: hidden;background:#fff;z-index:1000;transition: all 0.3s ease-in-out} #langOn.transition, #langOnRwd.transition{max-height:25px;padding:5px 3px 3px;} /*Navigation*/ #navs .largeur_de_zone{} #navs .inlineBlock{border:0px solid red;padding:0;width:100%} #navs .inlineBlock:last-child{padding:10px 0;background:#f68820} #navs .inlineBlock:last-child:before{content: "";display: block;width: 23%;left:0;margin-top:-10px;background: #f68820;height: 58px;position: absolute;} #navs .inlineBlock:last-child:after{content: "";display: block;width: 23%;right:0;margin-top:-48px;background: #f68820;height: 58px;position: absolute;} /*Panier*/ #encart_mini_panier{position: absolute;top:-25px;right:2%} #header .table.contact #encart_mini_panier a *{font-size:10px !important;color:#fff !important} /*FOOTER*/ /*Version Site*/ #footerRassurance{background:#f2f2f2} #footerRassurance .table.rassurance{border-top:2px solid #2e91c8;position: relative} #footerRassurance .table.rassurance::before {content: "Distributeur exclusif";display: block;position: absolute;color: #2e91c8;top: -12px;background: #fff;left:40%;padding: 2px 10px;text-transform: uppercase;font-size:18px} #footerRassurance .table.rassurance .tableCell{padding:20px 0;text-align: center;vertical-align: middle !important;display:inline-block;width:19%;border:0px solid red} #footerRassurance .table.rassurance .tableCell:after{content:"";display: block;position: absolute;right:0;top:5px;bottom:5px;width:1px;background:#f2f2f2} #footerRassurance .table.rassurance .tableCell:last-child:after{display: none} #copyright{padding:10px} #copyright .tableCell{width:100%;display: block !important} #copyright .tableCell:last-child{text-align: right} /*CMS*/ #cms2 a{display: inline-block;margin:0 12px 15px 0;transition:all 0.2s linear} #cms2 a:hover{opacity: 0.5} #cms8 {font-size: 18px;text-transform: uppercase; background: #fff;margin-top: -70px;position: relative;z-index: 10000;margin-bottom: 20px;padding: 20px 0;} #cms8 .tableCell{text-align: center;padding:45px 0 15px;transition: all 0.2s linear;font-weight:600} #cms8 .tableCell:nth-child(1){background: url(../img/paiement-secur.svg) no-repeat center 0} #cms8 .tableCell:nth-child(2){background: url(../img/livraison-offerte.svg) no-repeat center 0} #cms8 .tableCell:nth-child(3){background: url(../img/livraison-r.svg) no-repeat center 0} #cms8 .tableCell:nth-child(4){background: url(../img/satisfait-rembourse.svg) no-repeat center 0} #cms8 .tableCell:hover{background-position:center -1px} #cms8 .colors{color:#bbb;display: block;font-size:14px !important;font-weight:300} #cms8 .imgCms{display: block;margin:5px auto} .conteneurTitreHp{width:100%;border:0px solid;padding:15px;position:relative;z-index:3;text-align:center;overflow: hidden} .liseretTitreHp{position:absolute;height:2px;background:#2e91c8;display:inline-block;width:100%;left:0;top:33px;z-index:4;} .titreHp{display:inline-block;position:relative;z-index:5;background:#fff;font-size:24px;color:#2e91c8;padding:0 15px;text-transform: uppercase} .conteneurTitreHp.orange .liseretTitreHp{background:#f68820 !important} .conteneurTitreHp.orange .titreHp{color:#f68820} #modeleTdG5 .texte_gras_catalogue.bleu{color:#2e91c8} #modeleTdG5 .texte_gras_catalogue.orange{color:#f68820} #rassuranceSite #cms8{margin:0 !important} /*#####################################################################################################################################################################################*/ /*Listes Gammes*/ #encart_navigation_liste_famille *{font-size:12px !important;color:#c1c1c1} #encart_grand_titre_liste_famille{margin-bottom: 45px} .contenerList{display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #dadada;padding-bottom:15px} .contenerImgList, .contenerTxtList, .contenerButtonList{ display:inline-block; vertical-align: top; border:0px solid } .contenerImgList{width:20%} .contenerTxtList{width:59%} .contenerButtonList{width:20%} .contenerList #lien_categorie_nom_famille{display:block;padding-bottom: 10px; font-size:18px !important;font-weight:normal !important;color:#000 !important} .contenerList .texte_catalogue{color: #c5c5c5;font-size: 12px;font-weight: normal !important;} .contenerButtonList #lien_cliquez_ici_liste_famille{display: block;background: #c7c7c7;text-align: center;width: 70%;padding: 15px;color: #fff;font-size: 14px !important} .contenerButtonList #lien_cliquez_ici_liste_famille:hover{background:#aba8a8} /*#####################################################################################################################################################################################*/ /*Listes Produits */ #encart_navigation_liste_produits *{font-size:12px !important;color:#c1c1c1} .contenerListArt *{box-sizing: border-box} .contenerListArt{transition: all 0.2s linear;padding:2px 0 15px} .contenerListArt:hover{background:#2e91c8} .contenerListArt:hover *{color:#fff !important} .contenerImgListArt{text-align: center;padding:15px 0} .contenerTxtListArt{padding:10px} .contenerButtonListArt{display: table;table-layout: fixed;width: 100%} .contenerButtonListArt .col{display:table-cell;vertical-align: top} .contenerTxtListArt #texte_liste_nom_liste_produits{display: block;text-align: center;color:#000 !important;margin:10px 0} .contenerTxtListArt .description_liste_produits{font-size:12px !important;color:#c1c1c1 !important;padding:10px;border-top:1px solid #dbd8d8;border-bottom:1px solid #dbd8d8;} .contenerListArt:hover #texte_liste_nom_liste_produits, .contenerListArt:hover .description_liste_produits{ color:#fff !important } .contenerButtonListArt #prix_affiche_devises_promo_off_liste_produits{color:#2e91c8} .contenerButtonListArt #prix_barre_devises_liste_produits{color:#cecece} .contenerButtonListArt #texte_disponible_liste_produits{display: block;text-align: center;color:#f68820;text-transform:uppercase;font-size:12px !important} /*Diapo*/ #encart_grand_titre_liste_produits.bis_encart_grand_titre_liste_produits{margin-bottom: 20px !important} /*#featured {height: 285px !important}*/ #fragment-1 .info #grand_titre_liste_produits, #fragment-2 .info #grand_titre_liste_produits, #fragment-3 .info #grand_titre_liste_produits, #fragment-4 .info #grand_titre_liste_produits{ border-bottom: none !important;font-size:14px !important } #featured .ui-tabs-panel .info {top: 177px !important;height: 81px !important} #featured .info h2, #featured .info p {overflow:visible !important;text-overflow:inherit} /*#####################################################################################################################################################################################*/ /*Fiche Prdouit*/ #encart_navigation_fiche_produit *{font-size:12px !important;color:#c1c1c1} #contenerFiche{box-sizing: border-box;display: table;table-layout: fixed;width:100%;margin-bottom: 15px} #contenerImgFiche, #contenerTxtFiche, #contenerInfos{ display: table-cell; vertical-align: top; border:0px solid } #contenerImgFiche{width:30%;text-align: center} #contenerTxtFiche{width:39%;padding:0 15px} #contenerInfos{width:30%} #contenerTxtFiche .texte_catalogue{font-size:13px !important;color:#686868 !important} #contenerTxtFiche #nomG{font-size:24px;color:#2e91c8;display: block;border-bottom:2px solid #2e91c8;padding-bottom: 5px} #contenerTxtFiche #nomM{font-size:12px;color:#c1c1c1;display:block;margin:5px 0 15px} #contenerInfos .colors{background: #f2f2f2;padding:15px;margin-bottom: 10px} #contenerInfos .table{border-top:1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding:15px 5px} #contenerInfos .table .tableCell{width:50%} #titreDescr{display: block;color:#f68820;font-size:16px;font-weight:400;border-bottom:2px solid #f68820;padding:5px 0;margin-bottom: 15px;text-transform: uppercase} #contenerInfos #encadrement_affichage_prix{float:right} #contenerInfos #prix_pas_promotion_euro_fiche_produit{color:#f68820;font-size:24px} #contenerInfos #habillage_bouton_selectionner_fiche_produit{display: block;margin: 16px auto 0;width: 100%;border-radius: 0;background: #2e91c8;font-size: 18px;font-weight: 600;text-transform: uppercase} #contenerInfos #ficheProduitTexteDelaiDispo{display:block;color:#393939;text-transform: uppercase;margin-bottom: 5px} #contenerInfos #texte_disponible_quantite_fiche_produit{font-size:13px !important;font-weight:300;color:#686868} #cmsFiche{border-top:1px solid #dadada} #cmsFiche #cms8{margin:0 !important} #ficheProduitLienFavoris, #lien_envoi_mail_titre{ display:inline-block !important; font-size:11px !important; color:#8e8e8e !important; font-weight: 300; padding-right:10px } #ficheProduitImageFavoris, #image_mail_envoyer_fiche_produit{ background-size: 15px !important; width: 15px !important; height: 15px !important; margin: 0 5px 0 0; opacity: 0.5; } #tableZoneImage{margin:0 auto !important} #contenerInfos .colors dl dt, #contenerInfos .colors dl dd{ display: inline-block } #contenerInfos .colors dl dt{width:28%} #contenerInfos .colors dl dd{width: 70%} #contenerInfos .colors dl dt{color:#686868;font-size:13px !important} #contenerInfos .colors dl select{width:90%} /*VC*/ .texteIntroductifFicheProduit, .lienSelectionnezCrossSellingFicheProduit, .lienInfosCrossSellingFicheProduit{ display:none } .CaptionCrossSellingFicheProduit{border-bottom:1px solid #f68820;margin:15px 0;text-transform: uppercase;font-size:16px;font-weight: 600;color:#f68820} .crossSellingId1, .crossSellingId2, .crossSellingId3{ min-height:330px; border:0px solid red } .crossSellingId1 .crossSellingItemId1 .crossSellingItemContentId1, .crossSellingId2 .crossSellingItemId2 .crossSellingItemContentId2, .crossSellingId3 .crossSellingItemId3 .crossSellingItemContentId3{ float:none !important; width:100% !important; border:0px solid red; text-align: center; } .crossSellingId1 .crossSellingItemId1, .crossSellingId2 .crossSellingItemId2, .crossSellingId3 .crossSellingItemId3{ height:277px; border:0px solid blue } .crossSellingItemContentId1, .crossSellingItemContentId2, .crossSellingItemContentId3{ position: relative !important } #vcFiche .lienTitreCrossSellingFicheProduit{display: block !important;position: absolute !important;top:-89px !important;font-weight: 700;width:83% !important;text-align: center;left:8%} #vcFiche .DevisePromoEuroCrossSellingFicheProduit, #vcFiche .DeviseEuroCrossSellingFicheProduit, #vcFiche #prix_barre_promotion_euro_fiche_produit{ color: #797979 !important; display: block; position: absolute; width: 100%; } #vcFiche .DevisePromoEuroCrossSellingFicheProduit, #vcFiche .DeviseEuroCrossSellingFicheProduit{ font-weight:bold } #vcFiche .DevisePromoEuroCrossSellingFicheProduit{bottom: 5px;} #vcFiche .DeviseEuroCrossSellingFicheProduit{bottom: 3px;} #vcFiche #prix_barre_promotion_euro_fiche_produit{bottom:22px;} .resumeCrossSellingFicheArticle,.hrFicheProduit,.lienTitreCrossSellingFicheProduit br{display:none;} /*#####################################################################################################################################################################################*/ /*Surcouche*/ #encart_texte_votre_selection .lien_votre_selection{display:none !important} nav#nav_horizontale_2_contener{width:60%;margin:0 auto} #conteneur_nav_horizontale_2_contener ul li a.btSousnavigation{color: #3d3d3d !important;font-size: 14px !important;font-weight: normal !important;padding:0 !important} #conteneur_nav_horizontale_2_contener ul li a.btSousnavigation:hover{background:none !important} #conteneur_nav_horizontale_2_contener ul li:after{content:"";position: absolute;background:#cacaca;width:1px;bottom:5px;top:5px} #conteneur_nav_horizontale_2_contener ul li:first-child:after{display: none} /*#####################################################################################################################################################################################*/ /*Tablette*/ @media screen and (max-width: 800px) { /*Masque*/ .deleteRwd{display:none !important} .afficheRwd{display: inline-block!important} .afficheRwd2{display:block!important} /*Largeur Items*/ #header .table #langue{width:10%} #header .table #tel{width:35%;} #header .table #contact{width:40%;text-align: left;padding-left: 2%} #header .table #compte{width:13%} #header .table #selection{width:12%} /*Images*/ #lienTel::before, #lienContact::before, #lienSuivre::before, #lienCompte::before, #lienPanier::before{ display:block; height:20px; width:100%; background-position: center !important } #lienTel::before{display: inline-block !important;} #lienContact::before{background-position: left center !important} /*Panier*/ #encart_mini_panier{position: absolute;right:0;background:#f0660f;border-radius: 20px;width:20px;height:20px;top:-26px} #encart_mini_panier #qte_mini_panier + span{display: none} #lien_mini_panier{display: block;text-align: center;line-height:18px} #lien_mini_panier *{color:#fff} /*Navigation*/ /* #navs .largeur_de_zone{padding:0;background:#f3f3f3} #navs .inlineBlock:nth-child(1){width:15%;} #navs .inlineBlock:nth-child(1):after{content:"";display: block;position: absolute;right:0;top:15px;bottom:15px;background:#cacaca;width:1px} #navs .inlineBlock:nth-child(2){width:83%;} */ #navs .inlineBlock:last-child{padding:18px 0} #navs .inlineBlock:last-child:before,#navs .inlineBlock:last-child:after{display:none} /* .bigMenuSimple .li_niveau_1 .btSousnavigation, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation, .btNavMobile{ font-size:13px !important; } */ /*Recherche*/ #encart_recherche_style{margin:1px auto !important} #champ_recherche_style{width:51%} #bouton_texte_recherche_style {margin: 0 !important;position: absolute;right:45%;top:10px} /*Footer*/ #footer .table .tableCell{display: inline-block !important;} #footer .table .tableCell:nth-child(-n+2){;width:calc(100% / 2)} #footer .table .tableCell:nth-child(n+3){border-top:1px solid #4F4C4C;width:50%} #footerRassurance .tableCell{border-bottom:1px solid #cacaca !important} /*Cms*/ #cms2 a {margin: 0 27px 0} #footerRassurance .table.rassurance .tableCell {display: block !important;width: 100% !important} #cms8{margin:0 !important} /*Fiche*/ #contenerPrincFiche{padding:15px} #contenerImgFiche, #contenerTxtFiche, #contenerInfos{ display:block !important; vertical-align: top; width:100% !important; padding:0 !important } } /*#####################################################################################################################################################################################*/ /*Mobile*/ @media screen and (max-width: 420px) { /*Masque*/ .deleteRwdMobile{display:none !important} .afficheMobile{display:table !important;width: 100%;table-layout: fixed} /*Header*/ #header{height:auto} #header .table.logo {height: 70%;border:0px solid} #header .table.contact{border-bottom:0px solid #000;background:#fff !important;height:50px !important} /*liseret separation*/ #navMobile.tableCell::before{ content: ""; display: none; background:#ddd; position: absolute; top:1px;bottom:1px;right:0; width:1px; } /*Largeur des items*/ #header .table #navMobile{width:20%;} #header .table #langue{width:20%;} #header .table #contact{width:20%;display:none} #header .table #compte{width:20%;} #header .table #selection{width:20%} #header .table #selection{vertical-align: top} /*Images*/ #lienContact::before, #lienCompte::before, #lienPanier::before{ background-size:40px !important; height:55px; } #lienContact::before{background-position:center !important;} #lienCompte::before, #lienPanier::before{ background-position:center 15px !important; } /*Panier*/ #encart_mini_panier{right:2%;top:-40px} /*Recherche*/ /*#encart_recherche_style {margin:25px auto 0 !important} */ #champ_recherche_style {width: 87%;} #bouton_texte_recherche_style {right: 6%} /*Bloc Langue*/ #blocLangueRWD{top:39% !important;left:22% !important} /*Navs*/ #nav_horizontale_1_contener{visibility: inherit;width: 350px;background: #393939;} #header .table.contact #nav_horizontale_1_contener ul li a.btSousnavigation{color:#fff !important;font-size:16px !important;text-align: center} .btNavMobile {padding:11px !important;background-position: center !important} #header .table.contact .sousnavigation ul li a{color:#fff !important} #navs .inlineBlock:last-child{width:100% !important;border:0px solid red} #nav_horizontale_2_contener ul li {border:none !important} #nav_horizontale_2_contener ul li a.btSousnavigation{color: #3d3d3d !important;text-align: center !important;margin:0 !important;padding:0 !important} /*CMS*/ #cms2 a {margin:0 !important;text-align: center;display: block !important} #cms8 .tableCell{display: block !important} /*Liste G*/ .contenerImgList, .contenerTxtList{ display:inline-block; vertical-align: top; } .contenerImgList{width:35%} .contenerTxtList{width:64%} .contenerButtonList{display:block !important;width:100%} .contenerButtonList #lien_cliquez_ici_liste_famille{margin: 19px auto 0;} /*Liste Art*/ #encart_grand_titre_liste_produits{display:none !important} /*Fiche*/ /*Footer*/ #footerRassurance .tableCell{display: block !important;width:100% !important} #copyright .tableCell{text-align: center !important;border:none !important} #footerRassurance .table.rassurance::before {left: 23%} } #diaporama31{ max-width: 100%; min-height: 400px !important; overflow: hidden; position: relative; width: 100%; } #diaporama21 { max-width: 100%; min-height: 400px !important; overflow: hidden; position: relative; width: 100%; }