/*no-wysiwyg*/ body{background:#fff; background-image:url("../img/body-background-line.jpg"); background-repeat:no-repeat; background-position:center top; background-size: 2000px; width:100%; font-family: 'Open Sans', sans-serif; font-size:13px;color:#6a6a6a;padding:0px;margin:0px;position: relative} body:before{content:"";display:block;position: absolute;left:0;top:0;width:100%;height:31px;background:#5A5A5A; color: #FFF; border:0px solid red} #largeur_de_page_et_bordures{background:#fff;width:100%;max-width:1000px;margin:0 auto;padding:5px 2px; box-sizing: border-box;} img{max-width:100%;height:auto;} .table{width:100%;display:table;table-layout: fixed;/*margin-top: 5px;*/} .tableCell{display:table-cell;position:relative;box-sizing: border-box;vertical-align: top;font-size:13px} .largeur_de_zone{width:100%;max-width:1000px;margin:0 auto;box-sizing: border-box;font-size:0px} #catalogue_pwb{font-size:12px !important;} a, a:visited {font-size:13px;color:#6a6a6a;text-decoration:none; background:none;transition: all 0.2s linear } a:not(.habillage_bouton_global):hover, a:not(.habillage_bouton_global):focus, a:not(.habillage_bouton_global):active { outline:0; color:#7a7878; text-decoration:underline; } 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;} /* ---------------------------------------------------------------- */ /* GABARIT */ /* ---------------------------------------------------------------- */ #encart_alerte_erreure_email{margin: 0 0 30px;} #mentionsLegales, #mailingReseaux{text-align:center;} #copyright{padding: 20px 0 0;} .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;margin-top:50px !important} .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:'Arial', sans-serif; font-weight:bold; font-size:18px; color:#010101; } /* 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:#010101; } #lien_powerboutique, #lien_powerboutique a{ font-size:10px; color:#777; font-style:italic; } /* ---------------------------------------------------------------- */ /* 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; } #nav_verti_menu{margin:0;} #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;} #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;} .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; } #encart_texte_page_actus_page{ margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } /* ---------------------------------------------------------------- */ /* 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:#010101; font-size:14px; color:#fff; font-weight:normal; text-transform: uppercase; padding:8px 16px; border:none; border-radius:0; 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_ok_mailing #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:#010101; font-size:14px; color:#fff; font-weight:normal; text-transform: uppercase; padding:8px 16px; border:none; border-radius:0; 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:normal; padding:8px 16px; border:none; border-radius:0px; text-transform: uppercase; cursor:pointer; } #habillage_bouton_texte_recherche_style{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;} #zone2 a{ color:#555 !important;} /* ---------------------------------------------------------------- */ /* 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-color:#3F3F3F; } /* 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; font-size:16px; color:#E6E6E6; font-weight:bold; text-decoration:none; text-align:center; } /* 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; } /* 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<<<< */ .relatif{position: relative} .absolue{position: absolute} .inlineBlock{display: inline-block;vertical-align: top;} .deleteSite{display:none} .inlineTable{display: table;width:100%} /*CMS reassurance top header */ #flotaison{display:none} /*Liens*/ a.lien_votre_compte2, a.lien_votre_selection2{ font-size: 14px; color: #646463; font-family: 'Open Sans', sans-serif; text-transform: none; white-space: nowrap; line-height: ;25px; display:inline-block; vertical-align: middle; padding-bottom:8px; text-align: center; text-transform: uppercase; border:0px solid !important } a.lien_votre_compte2:hover{color: #000;} a.lien_votre_selection2:hover{color: #000;} #lienLogo img{display:block;max-width: 100%;height:auto} /*Header*/ #header{width:100%;padding:0;background:#fff url(../img/fondHeader.png) no-repeat 45% 30px;box-sizing: border-box;} #header .table .tableCell{white-space: nowrap;} #header .table.logo{height:75%;padding:0} /*Alignement items*/ #header .table #recherche, #header .table #compte, #header .table #selection{ vertical-align: middle } .alignSpan{color:#fff; font-family: 'Open Sans', sans-serif; font-size:11px;} /*liseret separation*/ #compte.tableCell::after{ content: ""; display: block; background:#cacaca; position: absolute; top:60px;bottom:60px; right:0; width:1px; } /*Largeur des items*/ #tel,#pro,#freedel,#contact,#suivre{text-align:right;padding:0 5px;vertical-align:middle;} #tel{width:18%;} #pro{width:18%;} #freedel{width:26%;} #contact{width:18%;} #suivre{width:20%;} #tel .img,#pro .img,#freedel .img,#contact .img{padding:0 3px;vertical-align:middle;} #suivre .img{margin-top:3px;width:24px;} #header .table #suivre a .img{transition: all 0.2s linear} #header .table #suivre a:hover .img{opacity:0.6} #header .table #logoSlogan{width:26%} #header .table #recherche{width:34%} #header .table #compte{width:20%;padding-left:4%} #header .table #selection{width:20%;padding-left:4%} /*Visuel Bloc contact telephone suivre : emplacement / padding/ marge */ #image_panier2 {background-image: url("../img/monpanier.svg");background-repeat: no-repeat;background-position: center;} #image_votre_compte2 {background: url("../img/moncompte.svg");background-repeat: no-repeat;background-position: center;} #image_panier2, #image_votre_compte2{ background-size: 25px; height: 25px; width:25px; display:inline-block; border:0px solid } /*Navigation*/ #navs .largeur_de_zone{background:transparent;padding:0;} #navs .inlineBlock{width:100%} /*Accueil*/ .table.accueil .tableCell{border:0px solid} .table.accueil .tableCell:nth-child(1){width:73%} .table.accueil .tableCell .lien{display: block} .table.accueil2{margin:20px 0} .table.accueil3 .tableCell:nth-child(1){width:64%} .table.accueil3 .tableCell:nth-child(2){width:41%} /* Accueil TDG : modèle TDG "Notre Sélection LT" */ .titreAccueilTDG{ border-bottom: 1px solid #ccc; color: #555555; font-size: 14px; font-weight: bold; padding: 10px 0; text-decoration: none; text-transform: uppercase; } .conteneurItemAccueilTDG{ box-sizing: border-box; display: inline-block; padding:20px; transition: all 0.3s ease 0s; vertical-align: top; font-size: 13px; width:33%; } .lien_vignetteAccueilTDG{ display: block; height: 210px; line-height: 210px; text-align: center; } .vignetteAccueilTDG{ border-bottom: 2px solid #bababa; margin: 15px 0 10px; padding-bottom: 10px; } .nomAccueilTDG{ height: 35px; text-align: left; } .nomAccueilTDG a{ color: #555555; font-size: 12px; font-weight: bold; text-decoration: none; } .resumeAccueilTDG{ color: #656565; font-family:arial; ;font-size: 12px; height: 80px; margin: 5px 0; overflow: hidden; text-decoration: none; } .prixAccueilTDG{ border: 1px solid #555555; color: #e6af00; font: bold 16px Arial; padding: 4px 0; text-align: center; ; text-decoration: none; } .prixBarreAccueilTDG{ color: #010101; font: 14px Arial; text-decoration: line-through; } .plusInfosAccueilTDG{ background-image:url(/site/img/TG-PlusInfos.png); background-repeat: no-repeat; background-position:left center; background-color:#555555; display:block; height:24px; text-align:center; } .plusInfosAccueilTDG a{text-decoration:none !important;} .spanInfos{ color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; } /*AJOUT KR*/ #texte_message_alert{ display:block; margin-top:35px; } .ajoutPanierAccueilTDG{ background: url(../img/listeAjoutPanier-fr.gif) no-repeat left center; background-color: #555555; display: block; height: 24px; text-align: center; } .ajoutPanierAccueilTDG a { text-decoration: none !important; } .spanajoutPanier { color: #fff; font-size: 12px; font-weight: bold; line-height: 24px; } /* FIN AJOUT KR */ @media screen and (max-width:1000px){.conteneurItemAccueilTDG{width:49%;}} @media screen and (max-width:640px){.conteneurItemAccueilTDG{width:100%;}} /*#####################################################################################################################################################################################################*/ /*CMS*/ #blocs_cms { overflow: hidden; display: block; width: 100%; margin-top: 30px; } .bloc-cms { float: right; display: inline-block; width: 31%; text-align: center; margin-right: 18px; position: relative; } .bloc-cms.last-item { margin-right: 0; } #cms22 *{box-sizing: border-box} #cms22 .inlineBlock:nth-child(1){width:100%;margin-right:1%} #cms22 .inlineBlock:nth-child(2){width:100%;white-space: nowrap} */ #cms27 .titre{padding:5px 0;margin:5px 0 0;font-size:15px;font-weight: bold;display: block;color:#000;} #cms27 .accroche{display:block;padding:5px 0;font-size:12px;margin-bottom: 10px; border-bottom: 1px solid #ccc} #cms27 .table .tableCell{vertical-align: top;padding:5px 15px;border:0px solid} #cms27 .table .tableCell > p{padding:0;margin:0;text-align: justify} #cms7{text-align: center} #cms7 .color{display: block;color:#faba00} .contenerCmsAccueil{position: relative;border:0px solid;text-align: center} .contenerCmsAccueil .texte{display:block;position: absolute;right:11%;top:45%;color:#000} .contenerCmsAccueil.bleu{background:#52d8d9; margin-bottom:3px;} .contenerCmsAccueil.jaune{background:#facf28} #cms31,#cms32{position:fixed;top:16rem;} #cms31{left:21rem} #cms32{right:21rem} .table.accueilNews *{box-sizing: border-box} .table.accueilNews .tableCell.gouttiere{width:1%} .table.accueilNews .tableCell.gouttierebig{width:5%} /*#####################################################################################################################################################################################################*/ /*Liste*/ .modele_Liste_B{text-align:center;position:relative;font-size: 0;border:0px solid red;margin:0 10%;} /* img promo */ .modele_Liste_B #contenerImg {position:relative;margin-bottom:10px; vertical-align:middle; padding-bottom:10px; border-bottom: 2px solid #bababa;margin-top:25px; } .modele_Liste_B .vigPromo{position:absolute; top:0px; left:0px;} /* fin img promo */ .modele_Liste_B .description_liste_produits{font-weight:normal;font-size:12px; margin:5px 0;color:#656565;min-height:72px !important; text-align: justify;overflow: hidden} #compteurArticle{margin-top:35px;} .LA-MarqueNom{margin-top:5px;height: 35px;} #texte_liste_nom_marque_liste_produits, #texte_liste_nom_liste_produits { display:table-cell; text-align:left; vertical-align:top; } /* Marque */ #texte_liste_nom_marque_liste_produits{text-decoration:none;font-weight:bold;font-size:12px;color:#555555;white-space: nowrap;padding-right:5px;display:block; } /* Nom */ .modele_Liste_B #texte_liste_nom_liste_produits{padding-top:5px;text-decoration:none;font-weight:bold;font-size:12px;color:#555555;text-align:left;} /* Prix & Bouton Panier */ .LA-Prix, .LA-AjoutPanier{ display:inline-block; vertical-align:top; border:0px solid red; height:24px !important; } .LA-Prix {background:#fff;border:1px solid #545454;width:100%;} .LA-AjoutPanier{width:100% !important;background: #545454;} .modele_Liste_B #prix_affiche_devises_promo_off_liste_produits{font-weight:bold;font-size:15px;color:#e5af00;padding:2px 0px 0px 0px;} /* fin prix */ /* prix barre */ .modele_Liste_B #prix_barre_devises_liste_produits{font-weight:normal;font-size:12px; } /* fin prix barre */ /* Indisponible */ #texte_disponible_liste_produits{ text-decoration:none; ; font-weight:bold; font-size:12px; color:#e6af00; text-transform:uppercase; white-space:nowrap; text-align: center; display: block; padding:5px 0px 4px 0px !important; letter-spacing: 1px; line-height: 14px; } /* Boutons */ .modele_Liste_B #lien_selectionnez_liste_produits{ background:url(../img/listeAjoutPanier-fr.gif) no-repeat left center; display:block; height:24px } .modele_Liste_B #lien_selectionnez_liste_produits #spanSelect{color:#FFF;font-size:12px;font-weight:bold;line-height:24px; letter-spacing: 1px;} .modele_Liste_B #lien_selectionnez_liste_produits{text-decoration:none !important;} /* fin Boutons */ /* Pagination */ #image_fleche_retour_liste_produits { background: transparent url("../img/listePagGauche.gif") no-repeat left top; width: 17px; height: 11px; display: block; } #image_fleche_suivant_liste_produits { background: transparent url("../img/listePagDroite.gif") no-repeat right top; width: 17px; height: 11px; display: block; } a#lien_precedent_liste_produits, a#lien_suivant_liste_produits, a#lien_chiffre_pages_liste_produits, #texte_lien_page_visite_liste_produits{ font:normal 14px 'Arial'; color:#656565; } #couleur_fond_entete_recherche_resultats{padding:10px 0;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc} #grand_titre_liste_produits{display:none} @media screen and (max-width:640px){ .conteneurGlobalListeProduits .conteneurItem{width:100% !important;margin:0 !important;} } /*#####################################################################################################################################################################################################*/ /*Filtres*/ #conteneurCentralFiltreListe{background:#deddd7} #conteneurCentralFiltreListe #grand_titre_liste_produits{font-weight: bold;font-size:20px;color:#000;text-transform: uppercase} #conteneurCentralFiltreListe .bloc_pwb_filtre_liste {width:32%;line-height:25px;background-color:#fff !important;background-position: right 8px;} #conteneurCentralFiltreListe .bloc_pwb_filtre_liste .texte_gras_catalogue{font-size:13px !important} #conteneurCentralFiltreListe #habillage_bouton_defaut.bouton_filtrer{float:none !important;display: block;margin: 13px auto 5px !important;padding:7px 45px;} #conteneur_resume_critere{background: #f2f2f2;padding-top:10px} #conteneur_resume_critere #grand_titre_liste_produits{font-weight: bold;font-size:15px;color:#9e9e9e;text-transform: uppercase} #conteneur_resume_critere #habillage_bouton_defaut{background:#9e9e9e;font-size:13px;color:#fff;text-transform: none} #conteneur_resume_critere #habillage_bouton_defaut:before{content: "x";display: inline-block;margin-right:10px} #contenu_resume_critere > span{display: block;border:0px solid} #contenu_resume_critere .texte_gras_catalogue{font-size:13px;color:#343434} #contenu_resume_critere .texte_catalogue{font-size:13px;color:#797979} #conteneurCentralFiltreListe .bloc_pwb_filtre_liste ul {top: 35px;max-height:260px;overflow: auto} /*#####################################################################################################################################################################################################*/ /*Fiche*/ /*conteneur principal largeur */ #modele_fiche_D{width:100%;display:table;table-layout: fixed;padding:20px 0;position:relative;} #contenerImgFiche{position:relative;z-index:1;display:table-cell;width:60%;vertical-align: top} /*Contener elements fiche : prix; bouton Panier etc...*/ #modele_fiche_D #nomsFiche{padding:0 15px !important;border-bottom:0px solid #f0f0f0;display:table-cell;vertical-align: top;width:40%;} #modele_fiche_D #nomsFiche #color{background:#f3f2ee;padding:10px 15px} /*Mise en forme nom gamme; produit; marque etc....*/ #modele_fiche_D #nomFamille{ font:bold 16px arial; color:#e04f00; } #modele_fiche_D #nomProduit{ font:bold 18px arial; color:#555555; text-transform:uppercase; } #modele_fiche_D #nomMarque{ font:bold 12px Arial; color:#8c8c8c; text-transform:uppercase; } /*Typo lien en savoir plus*/ #modele_fiche_D #lienSavoirPlus{font:normal 11px arial;color:#ccc;} /*Mise en forme Div reseaux sociaux*/ #modele_fiche_D #reseau{background-color:rgba(232,232,232, 0.1);border:1px solid #e0e0e0;margin:5px 0;} /*Typo refs produit catalogue*/ #modele_fiche_D #nomRefCat{ border-top:1px solid #bababa; margin-bottom:15px; } #modele_fiche_D #nomRefCat, #modele_fiche_D #nomRefCat div.texte_catalogue{ font:normal 12px arial; color:#656565; margin-top: 5px; width:100%; } #modele_fiche_D #ProduitRefCatalogue { text-decoration:underline; } /* Resume */ #modele_fiche_D #resumeFiche{display:block;margin:15px 0 5px 0;} /*typo ss refs*/ #modele_fiche_D #texteSsRefs{font:normal 12px arial;} /* Texte Dispo */ #modele_fiche_D #TexteDelai{border-top:1px solid #bababa;border-bottom:1px solid #bababa;margin:5px 0px;padding: 5px;padding-left:20px;background:url(../img/ficheTexteDispoPuce.gif) no-repeat left center;} #modele_fiche_D #texte_disponible_fiche_produit, #modele_fiche_D #ficheProduitTexteDelaiDispo{ margin:0px !important; text-decoration:none; font:bold 12px Arial; color:#000; } /* Partager */ #modele_fiche_D .partage{white-space: nowrap} #modele_fiche_D .partage img{margin-top:5px; } #modele_fiche_D #nomProduit, #modele_fiche_D #nomFamille, #modele_fiche_D #nomMarque{ display:block;padding:0;margin:0; } #modele_fiche_D h1, #modele_fiche_D h2{ display:block;padding:0;margin:0; } #modele_fiche_D #nomFamille, #modele_fiche_D #nomProduit{ text-transform:uppercase;} #modele_fiche_D #lienSavoirPlus{display:block;} #modele_fiche_D #lienSavoirPlus{text-decoration:none} #modele_fiche_D #lienSavoirPlus:hover{text-decoration:underline;} #modele_fiche_D #lienSavoirPlus:hover{text-decoration:underline;} /*Gestion img*/ #contenerImgFiche #tableZoneImage{width:100%;border:1px solid #bababa;padding:30px 0} #contenerImgFiche #tableZoneImage td{text-align: center !important} /*#contenerImgFiche #bordure_image_produit_fiche_produit{max-width:100%;display:block;}*/ #contenerImgFiche #blocImageArticleMiniaturesBas{margin:5px 0;} #contenerImgFiche #gallery_01{width:100%;margin:5px 0;border:1px solid #dbdbdb;} #contenerImgFiche #loupe{z-index:1000;cursor:pointer;display:block;position:absolute;top:0;right:0;} #contenerImgFiche{border:0px solid #bababa;text-align: center;} #blocImageArticleMiniaturesGauche{width:60px;text-align:center;top:14px;left:5px;}/*width:125px;text-align:center;*/ #blocImageArticleMiniaturesGauche img{border:0px;padding:5px 0px} #blocImageArticleMiniaturesGauche img{background:url(../img/ficheImgBorder.gif) no-repeat center bottom;padding: 0 0 25px 0;} #vignette, #vignette2, #vignette3, #vignette4, #vignette5{ width: 100px !important; height: auto !important; margin: 0px 2px 2px 5px !important; } #galerieImageCouranteZone{display: table;width:100%;vertical-align: middle;} /* #galerieImageCouranteZone {width:465px;height:495px;} */ #contenerImgFiche #lien_bordure_image_produit_fiche_produit{display:block} #contenerImgFiche #bordure_image_produit_fiche_produit { display:block;margin:0 auto} /*Loupe url background + dimension*/ #modele_fiche_D #loupe{ position:relative; background:url(../medias/ficheLoupe.gif)no-repeat 330px center; height:100px; margin-top: -10px; display:none } .table.fiche{border:0px solid red} .table.fiche .tableCell{display:block;border:0px solid;padding:10px;text-align:center} #contenerInfos{border:1px solid #bababa;padding:10px} /* Caracteristiques */ #modele_fiche_D #zoneAttributsSimplesContenu{margin-top:5px;padding-top:5px;border-top:1px solid #bababa;} #modele_fiche_D #zoneAttributsSimplesContenu dl{line-height:15px;margin:2px 0px;} #modele_fiche_D #zoneAttributsSimplesContenu dt > *{color:#656565;} #modele_fiche_D #zoneAttributsSimplesContenu dd{margin:0 !important;padding:0 !important;} #modele_fiche_D #zoneAttributsSimplesContenu dd > *{color:#555; font-weight:bold;} #modele_fiche_D [id*=titre_attribut_fiche_produit]{text-decoration:none;font:normal 12px Arial;} #modele_fiche_D [id*=valeurs_attribut_fiche_produit]{text-decoration:none;font:normal 12px Arial;} #modele_fiche_D [id*=titre_]{text-decoration:none;font:normal 12px Arial; color:#656565;} /* Reseaux sociaux */ /*#modele_fiche_D .btPrint{ margin-left:70px}*/ /*Prix */ #modele_fiche_D #encadrement_affichage_prix{background:none;border:0px;margin:0px !important;padding:0px !important;width:inherit;} #modele_fiche_D #prix_promotion_euro_fiche_produit, #modele_fiche_D #prix_pas_promotion_euro_fiche_produit, #modele_fiche_D #prix_pas_promotion_francs_fiche_produit{ text-decoration:none; font:bold 20px Arial; color:#e6af00; text-transform:uppercase; } #modele_fiche_D #prix_pas_promotion_francs_fiche_produit{position: relative;bottom: 20px;} /* Qte */ #modele_fiche_D #zone_qte{margin-top:-1px;} /* panier */ #modele_fiche_D a#bouton_selectionner_fiche_produit{display:block;margin:10px 0px;background: url(../img/ficheBtPanier.gif) no-repeat center;height:29px} #modele_fiche_D #spanSelect{display: none} /*Typo tt descr produit*/ #tableDescrCms{margin:25px 0px 10px } #descriptif{} #tableDescrCms #titreDescr{display:block;text-decoration:none;font:bold 12px 'Arial';color:#555;margin-left: 10px;text-align:left;} #tableDescrCms #texte_description_fiche_produit{ border-top:1px solid #bababa; margin: 10px; padding-top: 10px; text-decoration:none; font:normal 12px 'Arial'; text-align: justify; color:#555555; } /****************************/ /*VENTES CROISEES*/ /****************************/ .crossSellingId1 .crossSellingItemId1, .crossSellingId2 .crossSellingItemId2, .crossSellingId3 .crossSellingItemId3{ position: relative; width:24% !important; margin-right: 120px !important; border:1px solid red } .crossSellingId1 .crossSellingItemId1 .crossSellingItemContentId1, .crossSellingId2 .crossSellingItemId2 .crossSellingItemContentId2, .crossSellingId3 .crossSellingItemId3 .crossSellingItemContentId3{ width: 100% !important; float: none !important; height:217px; } /* VC ;*/ .texteIntroductifFicheProduit, .lienInfosCrossSellingFicheProduit{ display:none } .lienSelectionnezCrossSellingFicheProduit{display:block;position:absolute;border:0px solid red;bottom:-20px;right:6px;width:30px;height:24px;background:url(../img/panierListe.png) no-repeat 0 0} .lienSelectionnezCrossSellingFicheProduit > span{display:none} .CaptionCrossSellingFicheProduit{border-bottom:1px solid #dcd4c9;margin:15px 0;font-size:16px;font-weight: bold;color:#555} /*Contener Principal des 3 dyn ventes*/ /*En général ne pas le modifier*/ .crossSellingId1, .crossSellingId2, .crossSellingId3{ min-height:200px; border:0px solid red } /*Hauteur zone img*/ /*en général y placer une valeur haute si les elements se chevauchent !!*/ .crossSellingId1 .crossSellingItemId1, .crossSellingId2 .crossSellingItemId2, .crossSellingId3 .crossSellingItemId3{ height:300px; border:0px solid blue } /*Gestion bouton choix multiple*/ .crossSellingItemId1[style="margin-top:5px !important;width:100% !important;"]{height:15px} .crossSellingItemId2[style="margin-top:5px !important;width:100% !important;"]{height:15px} .crossSellingItemId3[style="margin-top:5px !important;width:100% !important;"]{height:15px} /*Pour forcer le img auto RWD*/ .crossSellingId1 .crossSellingItemId1 .bordure_image_defaut, .crossSellingId2 .crossSellingItemId2 .bordure_image_defaut, .crossSellingId3 .crossSellingItemId3 .bordure_image_defaut{ display:inline-block !important; border:0px solid red !important; margin-top: 5px; } /*Contener principal img*/ /*Voir à mettre la hauteur de l'img !!!*/ .crossSellingId1 .crossSellingItemId1 .crossSellingItemContentId1, .crossSellingId2 .crossSellingItemId2 .crossSellingItemContentId2, .crossSellingId3 .crossSellingItemId3 .crossSellingItemContentId3{ float:none !important; width:100% !important; height:210px; border:0px solid red } /*Simulation contener Texte + prix*/ .crossSellingId1 .crossSellingItemId1 .crossSellingItemContentId1:nth-child(2), .crossSellingId2 .crossSellingItemId2 .crossSellingItemContentId2:nth-child(2), .crossSellingId3 .crossSellingItemId3 .crossSellingItemContentId3:nth-child(2){ border:0px ;solid green; height:70px; top:10px } .crossSellingItemContentId1, .crossSellingItemContentId2, .crossSellingItemContentId3{ position: relative !important } .lienTitreCrossSellingFicheProduit{ display: block !important; position: absolute !important; top:0 !important; width:100% !important; left:0 !important; text-align: center; font-weight:bold; font-size:12px; color:#545454; border:0px solid red !important } /*Gestion Prix*/ #ventes #texte_prix_si_prix_desactive, #ventes .DevisePromoEuroCrossSellingFicheProduit, #ventes .DeviseEuroCrossSellingFicheProduit, #ventes #prix_barre_promotion_euro_fiche_produit{ display: block; width: 70%; color: #545454 !important; font-size:12px; position: absolute; left:50%; margin-left:-35%; border:1px solid #545454; height:24px; line-height:23px } #ventes .DevisePromoEuroCrossSellingFicheProduit, #ventes .DeviseEuroCrossSellingFicheProduit{ font-weight:bold } #ventes #texte_prix_si_prix_desactive, #ventes .DeviseEuroCrossSellingFicheProduit, #ventes .DevisePromoEuroCrossSellingFicheProduit{ bottom:-100px; } #ventes #prix_barre_promotion_euro_fiche_produit{bottom:-76px;font-weight:normal;} .resumeCrossSellingFicheArticle,.hrFicheProduit,.lienTitreCrossSellingFicheProduit br{display:none} #ventes #texte_disponible_fiche_produit{position: absolute;display: block;bottom: -37px;width: 100%;text-align: center} /*#####################################################################################################################################################################################*/ /*Footer*/ #footerRassurance{background:#f3f2ee; margin-top: 50px;} #footerRassurance .table.rassurance{} #footerRassurance .table.rassurance .tableCell{padding:20px 0;text-align: center;font-size:15px;color:#000;text-transform: uppercase; border:0px solid red} #footerRassurance .table.rassurance .tableCell a{color:#000} #footerRassurance .table.rassurance .tableCell:after{content:"";display: block;position: absolute;right:0;top:5px;bottom:5px;width:1px;background:#dfdedb} #footerRassurance .table.rassurance .tableCell:last-child:after{display: none} #footerRassurance .table.rassurance .img{display: block;margin:5px auto;width:32px} #footerRassurance .table.rassurance .color{display:block;text-transform: none} #footer{background:#000} #footer .table .tableCell{padding: 20px 0 20px 10px;text-align: center} #footer .table .tableCell:after{content:"";display: block;position: absolute;right:0;top:5px;bottom:5px;width:0px;background:#4F4C4C} #footer .table .tableCell:last-child:after{display: none} #copyright{padding:10px;background:#000;border-top:1px solid #262626} #copyright .block{font-size:12px} /*Simulation nav*/ .nav{padding:0;margin:0;list-style-type: none;border:0px solid red} .nav li.titre{text-transform: uppercase;color:#faba00;padding:1px 0} .nav li{text-align: left} .nav li > a.lienNav{color:#fff;opacity:0.5;text-decoration: none;display:block;margin:3px 0} .nav li > a.lienNav:hover{text-decoration: underline} /*#####################################################################################################################################################################################*/ /*Surcouche*/ #navs{box-sizing: border-box} /*Panier*/ #encart_code_dev_votre_selection,#encart_code_dev_recherche_style,#encart_texte_votre_selection > .lien_votre_selection{display:none} #encart_mini_panier{padding-top:2px} /*Recherche*/ #encart_recherche_style *{box-sizing: border-box} #encart_recherche_style {text-align: left;width: 94%;padding: 0;margin:5px auto 0;position: relative;border:0px solid red} #champ_recherche_style {height: 30px;width: 100%;padding: 3px 58px 3px 8px;border:1px solid #a5a4a1;color:#000;font-size: 12px;border-radius:0} #bouton_texte_recherche_style {position: absolute;top:0;right: 5%;background-image: url("../img/icoSearch.svg");background-size: 20px;background-repeat: no-repeat;display: block;width: 20px;height: 20px;margin: 6px 0 0;} #bouton_texte_recherche_avancee_style{display:none;} #nav_verti_menu ;{margin: 0 !important} #footer .table .tableCell #encart_code_dev_nav_vertical, #footer .table .tableCell #encart_code_dev_nav_vertical2, #footer .table .tableCell #encart_code_dev_nav_vertical3, #footer .table .tableCell #nav_verti_contener, #footer .table .tableCell #nav_verti2_contener, #footer .table .tableCell #nav_verti3_contener{ text-align: left !important; display:block !important; padding:0px; } #footer .table .tableCell #encart_code_dev_nav_vertical, #footer .table .tableCell #encart_code_dev_nav_vertical2, #footer .table .tableCell #encart_code_dev_nav_vertical3{ margin-bottom: 15px } /*#encart_code_dev_nav_vertical{padding:0 0 15px !important}*/ #titre_code_dev_mailing, #titre_code_dev_nav_vertical, #titre_code_dev_nav_vertical2, #titre_code_dev_nav_vertical3{ font-size:13px; color:#faba00 !important; text-transform: uppercase; font-weight: normal !important } #nav_verti_menu a, #nav_verti2_menu a, #nav_verti3_menu a { font-size:13px; line-height: 13px; color:#fff; opacity:0.5; display:block; margin:3px 0 } /*Fil d'ariane*/ #encart_navigation_liste_famille *, #encart_navigation_liste_produits *, #encart_navigation_fiche_produit *{ font-size:14px !important; font-weight:normal !important; background-color: #f3f3f1; padding-top:5px; padding-bottom:5px; padding-left:4px; color:#2f2f2f !important } /*####################################################################################################################################################################################*/ /*Tablette*/ @media screen and (max-width:1900px) { #cms31{left:17rem !important} #cms32{right:17rem !important} } @media screen and (min-width:1375px) and (max-width:1760px) { #cms31,#cms32{display:none} } @media screen and (max-width:1374px) { #cms31,#cms32{display:none} } @media screen and (max-width:1000px) { #header .table #logoSlogan img{margin:0 0 0 20px;} } @media screen and (max-width: 800px) { /*.deleteRwd{display:none !important}*/ .afficheRwd{display:inline-block !important} .afficheRwd2{display:block !important} /*Header*/ #header .table #logoSlogan{width:100%;} #header .table .tableCell{white-space:normal;} #tel, #pro, #freedel, #contact, #suivre{padding:10px;background-color:#5a5a5a;text-align:center;} #tel, #pro, #freedel, #contact{vertical-align:top;} #tel .img, #pro .img, #freedel .img, #contact .img{display:block;margin:0 auto;} #tel .img{padding:5px;} #contact .img{padding:3px;} body:before{height:65px;} /*Liens*/ a.lien_votre_compte2, a.lien_votre_selection2{ padding:0 0 0 5px !important; vertical-align:bottom; } #image_votre_compte2 {background: url(../img/moncompte.svg) no-repeat 0 0;background-size: 25px} #image_panier2 {background: url(../img/monpanier.svg) no-repeat 0 0;background-size: 25px} /*Bloc Navs + Recherche*/ #navs .largeur_de_zone {padding: 0; background-color: #5a5a5a;} #navs .inlineBlock{border:0px solid;height:45px;vertical-align: middle} #navs .inlineBlock:nth-child(1){width:10%;} #navs .inlineBlock:nth-child(1):after{content:"";display:block;position: absolute;right:0;top:0;bottom:0;width:1px;border-right:1px dotted #d09a00} #navs .inlineBlock:nth-child(2){width:30%;padding-left: 2%} #navs .inlineBlock:nth-child(3){width:28%;padding-top:10px;height:35px;text-align: center} #navs .inlineBlock:nth-child(3):after{content:"";display:block;position: absolute;right:0;top:0;bottom:0;width:1px;border-right:1px dotted #d09a00} #navs .inlineBlock:nth-child(4){width:28%;padding-top:10px;height:35px;text-align: center} .lien_votre_compte2, .lien_votre_selection2{ color:#fff !important } /*Accueil*/ #cms27 .table .tableCell{ display: block !important; width:100% !important } .table.accueilNews .tableCell.gouttiere{display:none} #cms23 .inlineBlock{display: block !important;width:100% !important;text-align: center} .contenerCmsAccueil .texte{right:21%;} /*TG*/ .cms-acc-grid-flex > * {border:0px solid red} .cms-acc-grid-flex-3 > * { width:49%;width: calc( 100% / 2 - 20px ); } /*Recherche*/ #encart_code_dev_recherche, #titre_recherchez_article{ display:none } #encart_recherche *{box-sizing: border-box} #encart_recherche{text-align: left;width: 94%;padding: 0;margin:8px auto;position: relative;border:0px solid red} #champ_recherche{height: 30px;width: 100%;padding: 3px 58px 3px 8px;border:1px solid #fff;color: #000;font-size: 13px;border-radius: 0px;background: #fff} #bouton_texte_recherche{position: absolute;top: -2px;right: 5%;background-image: url("../img/icoSearch.svg");background-size: 20px;background-repeat: no-repeat;display: block;width: 20px;height: 20px;margin: 6px 0 0;} #habillage_bouton_texte_recherche,#bouton_texte_recherche_avancee{display:none;} /*Panier*/ #encart_mini_panier{position: absolute;right:12%;background:#faba00;border-radius: 20px;width:20px;height:20px;top:30%} #encart_mini_panier #qte_mini_panier + span{display: none} #lien_mini_panier{display: block;text-align: center;} #lien_mini_panier *{color:#fff} .inlineTable {display: table;width:auto;margin: 0 auto;} /*Liste*/ .modele_Liste_B{margin:0 25px !important} /*Fiche*/ #contenerImgFiche,#nomsFiche{display:block !important;width:100% !important} /*#modele_fiche_D #nomsFiche > *{margin:0 auto !important} */ #modele_fiche_D #nomsFiche {padding: 16px 0 !important;} .table.fiche .tableCell{display: block;width:100%;text-align: center;padding:15px 0} .crossSellingId1 .crossSellingItemId1, .crossSellingId2 .crossSellingItemId2, .crossSellingId3 .crossSellingItemId3{ width: -webkit-calc(100% - 0px) !important; width: -moz-calc(100% - 0px) !important; width: calc(100% - 0px) !important; margin:0 !important } #ventes #texte_prix_si_prix_desactive, #ventes .DevisePromoEuroCrossSellingFicheProduit, #ventes .DeviseEuroCrossSellingFicheProduit, #ventes #prix_barre_promotion_euro_fiche_produit { width: 30%; left: 35%; margin-left:0; border: 1px solid; } .lienTitreCrossSellingFicheProduit{width:40% !important;left:30% !important} .lienSelectionnezCrossSellingFicheProduit{right:31%} #partage{margin:15px 0 !veryimportant;border:0px solid red} /*Footer*/ #footer .table .tableCell{display: inline-block !important;} #footer .table .tableCell:nth-child(-n+3){;width:calc(100% / 3)} #footer .table .tableCell:nth-child(n+4){border-top:1px solid #4F4C4C;width:50%} } /*####################################################################################################################################################################################*/ /*Mobile*/ @media screen and (max-width: 640px) { /*Largeur des items*/ /* #header .table #logoSlogan{width:50%;border:0px solid red} #header .table #tel{width:50%;padding:0 5%;display:inline-block;text-align: center;border:0px solid red} #header .table #tel .img {top: -8px;right: 60%;} #header .table #contact{width:50%;background: none;padding:0 5%;display:inline-block;border:0px solid red} #header .table #suivre{width:50%;padding:0 5%;display:inline-block;border:0px solid red} */ /*Déclenchement comportement mobile */ .deleteRwdMobile{display:none !important} .afficheRwdMobile{display:table-cell} body:before{display:none;} /*Header*/ #header .table #logoSlogan{width:39%} #header .table #tel{width:16%} #header .table #contact{width:16%} #header .table #suivre{width:16%} #header .table #langue{width:17%} /*liseret separation*/ #compte.tableCell::after{ top:20px;bottom:20px; } /*Taille visuels pictos*/ #image_votre_compte2 {background: url(../img/moncompte.svg) no-repeat 0 0;width:40px;height:40px} #image_panier2 {background: url(../img/monpanier.svg) no-repeat 0 0;width:40px;height:40px} /*Largeur des items*/ #flotaison{display:block;background-color:#f3f2ee;} #flotaison .img,#flotaison .texte{padding:0 5px;vertical-align:middle;} #flotaison .tableCell{padding:5px;white-space:nowrap;} #flotaison .tableCell:first-child{width:40%;} #flotaison .tableCell:first-child img{height:22px;padding-top:6px;} #flotaison .tableCell:last-child img{height:28px;} #header .table #logoSlogan{width:50%;} #header .table #compte,#header .table #selection{width:25%;text-align:center;} /*Bloc Navs + Recherche*/ #navs .inlineBlock{border:0px solid} #navs .inlineBlock:nth-child(1){width:12%;} #navs .inlineBlock:nth-child(2){width:84%;} #encart_recherche{margin:8px auto;} /*Accueil*/ .table.accueilNews .tableCell{display: block !important;width:100% !important;text-align: center} /*Fiche*/ .lienTitreCrossSellingFicheProduit{width:60% !important;left:20% !important} } /*420*/ @media screen and (max-width: 500px) { #flotaison .tableCell{display:block;width:100% !important;text-align:center;} } /*420*/ @media screen and (max-width: 420px) { /*Accueil*/ .contenerCmsAccueil .texte{right:8%;font-size:11px} /*TG*/ .cms-acc-grid-flex-3 > * {width: calc( 100% - 20px ); } /*Fiche*/ .lienTitreCrossSellingFicheProduit {width: 63% !important} .lienSelectionnezCrossSellingFicheProduit{right:28%} /*Panier*/ #encart_mini_panier{top:55%} /*Footer*/ #footerRassurance .table.rassurance .tableCell,#footer .tableCell{display: block !important;width:100% !important;border-bottom:1px solid #dfdeda !important} #copyright .tableCell{text-align: center !important;border:none !important} } /* Titres gammes */ #encart_grand_titre_liste_produits:first-child p{ text-align:left !important;} /*#####################################################################################################################################################################################################*/ /* >>>LCDR<<<< */ /*baseline negociants*/ #negociants { background-image: url("../img/negociants-rhum.png"); background-repeat: no-repeat; background-position: center; padding-top: 90px; padding-bottom:70px; } /*marge headers titres categories*/ .cms-headers { margin-top: 80px; margin-bottom: 20px;} /*marge images dans blocs categories*/ .img-cms-home { margin-top: 30px;} /*boutons home voir tous les produits*/ .line-through-seemore { width:100%; background-image:url("../img/line-btn.jpg"); height:32px; display:inline-block; margin-top:20px;" } .blank-space { background-color:#FFF; padding-top:7px; padding-bottom:7px; padding-left:20px; padding-right:20px; float:right; } .btn-cms-home { background-color:#5a5a5a; padding-top:7px; padding-bottom:7px; padding-left:15px; padding-right:15px; float:right; color:#FFF; } .btn-fidelite-home { padding-left:15px; float:right; } a.btn-cms-home:hover { color:#ffba00; text-decoration:none; } a.btn-cms-home:visited { color:#ffffff; text-decoration:none; } a.line { text-decoration:underline; } #conteneur_bandeau{ position:fixed; top:0; left:0; width:179px; height:164px; background: url("../img/FDP-2018-CORNER.png") no-repeat left top; z-index:9999; }