/*no-wysiwyg*/ @font-face { font-family: 'Roboto-Bold'; src: url('../font-face/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../font-face/Roboto-Bold.woff') format('woff'), url('../font-face/Roboto-Bold.ttf') format('truetype'), url('../font-face/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('../font-face/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../font-face/Roboto-Light.woff') format('woff'), url('../font-face/Roboto-Light.ttf') format('truetype'), url('../font-face/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Medium'; src: url('../font-face/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../font-face/Roboto-Medium.woff') format('woff'), url('../font-face/Roboto-Medium.ttf') format('truetype'), url('../font-face/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: '/Roboto-Regular'; src: url('../font-face/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../font-face/Roboto-Regular.woff') format('woff'), url('../font-face/Roboto-Regular.ttf') format('truetype'), url('../font-face/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } /*####Font-Face*/ body{background:#fff;font-family: 'Roboto-Light';font-size:13px;color:#858585;padding:0px;margin:0px;background-image: url('../img/motifs-top.jpg');background-repeat:repeat-x;} #largeur_de_page_et_bordures{background:#fff;width:100%;max-width:1000px;margin:0 auto;padding: 20px 0px;box-sizing: border-box;} img{max-width:100%;height:auto;} 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:0px solid transparent;} input[type="text"], input[type="password"], select{ font: normal 12px 'Arial'; color: #7a7a79; border: 1px solid #cdcdcd !important; border-radius: 0px !important; min-width: 8% !important; } #champ_quantite_fiche_produit, #champ_quantite_panierb, #champ_cadeaux_offert_panierb{ min-width:5% !important } #champ_email_mailing{min-width:5% !important; border: 1px solid #cdcdcd !important; } /* ---------------------------------------------------------------- */ /* LIENS, HOVER, ACTIVE, VISITED */ /* ---------------------------------------------------------------- */ a, a:visited {font-size:13px;color:#333;text-decoration:none;background:none;transition: all 0.2s linear } /*Force le font-size 0*/ #catalogue_pwb{font-size:13px !important} a:not(.habillage_bouton_global):hover, a:not(.habillage_bouton_global):focus, a:not(.habillage_bouton_global):active { outline:0; color:#ccc; text-decoration:underline; } /* ---------------------------------------------------------------- */ /* GABARIT */ /* ---------------------------------------------------------------- */ .table{width:100%;display:table;table-layout: fixed} .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} .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} .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 */ #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{ font-family: 'Roboto-Medium'; font-weight: normal; color: #09254b !important; text-transform: uppercase !important; text-align: left !important; font-size: 22px !important; display: block; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; } #encart_code_dev_nav_vertical, #encart_code_dev_nav_vertical2, #encart_code_dev_nav_vertical3{padding: 15px; text-align: left;} #nav_verti_contener, #nav_verti2_contener, #nav_verti3_contener{padding: 0px 15px 10px 15px !important;margin-bottom: 0px;} #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{ font-family: 'Roboto-Medium'; font-weight:normal; font-size:12px; color:#515151; text-transform:uppercase; } /* sous titre */ #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, #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, #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; } #blocCommandeRapide .texte_gras_defaut{margin-right:20px;float: left;display: inline-block; font: normal 14px 'Roboto-medium'; text-transform: uppercase; color: #fff; padding-right: 0px;} #lien_powerboutique, #lien_powerboutique a{ font-size:10px; color:#777; font-style:italic; } #copyright{ font-size:10px; color:#777; } #bordure_image_produit_fiche_produit{max-width: initial !important;} /* ---------------------------------------------------------------- */ /* CODE DEV */ /* ---------------------------------------------------------------- */ #encart_mailing{padding: 0px;} #encart_code_dev_langue, #encart_code_dev_mailing, #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; } #encart_code_dev_nav_vertical{display: block;} #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 a, #nav_verti2_menu a, #nav_verti3_menu a { font-family: 'Roboto-Light'; font-size: 12px; color: #515151; line-height: 20px; } #nav_verti_menu{margin:0;} .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; } #blocCommandeRapide{padding-bottom:0px !important;margin-top: 0px !important;} /* ---------------------------------------------------------------- */ /* BOUTONS */ /* ---------------------------------------------------------------- */ /* GROUPE: Boutons */ #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{ font-size: 14px; border: none; cursor: pointer; color: #fff; padding: 10px !important; background-color: #1CA96B !important; text-transform: uppercase; font-weight: normal; font-family: 'Roboto-Medium' !important; border-radius: 0px; } /* GROUPE: boutons */ #habillage_bouton_alert, #habillage_bouton_etape_suivante_adresse_e_mail, #habillage_bouton_ok_sas_securise, #habillage_bouton_sas_affilie, #habillage_bouton_submit_blocage_aspirateur_panier, #habillage_bouton_texte_code_remise, #habillage_bouton_texte_imprimer_facture_detail_commande, #habillage_bouton_texte_recalculer_panierb, #habillage_bouton_texte_recherche, #habillage_bouton_texte_rechercher_recherche_resultat, #habillage_bouton_texte_validation_login_sans_code_remise, #habillage_bouton_texte_validation_login, #habillage_bouton_texte_valider_commande_affilie, #habillage_bouton_texte_valider_mot_de_passe_perdu, #habillage_bouton_valider_deja_inscrit_adresse_e_mail, #habillage_boutonComparerListeProduits, #habillage_boutonFermerComparateur, #habillage_boutonViderComparateur, #lien_deconnexion, .habillage_boutonSupprimerProduitComparateur, #blocRecherchePointRelais #lien_defaut, #lien_detail_sommaire_commande, .habillage_bouton_action{ background-color: transparent; font-size: 14px; color: #888; font-weight: normal; padding: 3px; border: none; border-radius: 0px; cursor: pointer; border: 1px solid #B6B6B6; } #formCommandeRapide #habillage_bouton_defaut{ color: #FFFFFF; cursor: pointer; display: inline-block; border-radius: 0px !important; background: #0c3264; margin-left: -3px; padding: 4px 5px; font-weight: normal; font-size: 12px; border: 1px solid #fff;} #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 */ #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{ padding: 8px 16px; background-color: transparent; font-size: 14px; color: #888; font-weight: normal; border-radius: 0px; cursor: pointer; border: 1px solid #B6B6B6; } #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-color:#133c71; } /* 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 2017 <<<< */ .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{background:#ffffff;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;padding:5px 0;} /*Largeur des items*/ #flotaison .tableCell:nth-child(1){width:100%;} /*####################################################################################################################################################################################*/ /*Header*/ #header{width:100%;padding:0;background-color:transparent;box-sizing: border-box;border:0px solid} #header .table .tableCell{white-space: nowrap;border:0px solid} /*Hauteur des tables header + padding*/ #header .table.contact{padding-top: 10px;background-color: #f2f2f2;} #header .table.logo{padding:0} /*Alignement items*/ #header .table.contact > .tableCell{text-align: center} #header .table #recherche, #header .table #compte, #header .table #selection{ vertical-align: middle } /*Liens*/ #lienLogo{display:block} #lienLogo img{display:block;height:auto;max-width:100%} a.lien_votre_compte2, a.lien_votre_selection2{ font-family: 'Roboto-Medium'; font-size: 14px; color: #3f3f3f; font-weight: 500; text-transform: none; white-space: nowrap; line-height: 17px; display:table-cell; text-align: center; text-transform: uppercase; vertical-align:bottom; padding-left:5px } /*liseret separation*/ #tel.tableCell::after, #contact.tableCell::after, #compte.tableCell::after, #suivre.tableCell::after{ content: ""; display: block; background:#eeeeee; position: absolute; top:1px;bottom:1px;right:0; width:1px; } #compte.tableCell::after{top:25px;bottom:25px;} /*Largeur des items*/ #header .table #tel{width:62%;text-align: right} #header .table #contact{width:11%} /*#header .table #suivre{width:16%}*/ #header .table #langue{width:6%} #header .table #logoSlogan{width: 38%;top: -34px;} #header .table #recherche{width:29%} #header .table #compte{width:18%;padding-left:1%} #header .table #selection{width:19%;padding-left:3%;padding-top:2%} /*Visuel Bloc contact telephone suivre : emplacement / padding/ marge */ a.lien_votre_selection2{text-align: right;padding-right:0px;border:0px solid;padding-left: 4px;} #image_panier2 {background-image: url("../img/panier.svg");background-repeat: no-repeat;background-position: center;} #image_votre_compte2 {background: url("../img/user.svg");background-repeat: no-repeat;background-position: center;} #image_panier2, #image_votre_compte2{ background-size:15px; height: 15px; width:15px; display:table-cell; vertical-align:bottom } #image_panier2{ background-size:24px; height: 20px; width:20px; display:table-cell; vertical-align:bottom } #lienTel, #lienContact, #lienSuivre{ height:100%; width:100%; vertical-align: top; border-right: 0px solid #d9d9d9; } #lienTel .alignSpan, #lienContact .alignSpan, #lienSuivre .alignSpan{ display:inline-block; vertical-align: top; height:20px; color: #626262; } #lienTel .alignSpan{padding-right: 2%;padding-left: 1%;} #lienContact .alignSpan, #lienSuivre .alignSpan{ padding-left:5%; } #lienTel::before, #lienContact::before, #lienSuivre::before{ display:inline-block; height:20px;width:20px; } #lienTel::before{content:"";background: url(../img/tel.svg) no-repeat 0 0;background-size: 20px !important;} #lienContact::before{content:"";background: url(../img/mail.svg) no-repeat 0 0;background-size: 20px !important;} #lienSuivre::before{content:"";background: url(../img/facebook.svg) no-repeat 0 0;background-size: 20px !important;} /*Bloc langue*/ #blocLangue{position: absolute;cursor: pointer;width: 3.2em;left: 15%;top:10%;border-right:0px solid #dfdfde;padding-right:8px} #langOn{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{max-height:25px;padding:5px 3px 3px;} /*####################################################################################################################################################################################*/ /*CMS*/ /*Accueil*/ /* BLOC INSTALLATION */ .titre-TG-HP{display: block;color: #0f376a;font: bold 22px 'Arial';padding: 10px 0;border-bottom: 1px solid #d9d9d9;margin-bottom: 10px;text-decoration: none;} #bloc-install-1{width:50%;display: inline-block;vertical-align: top;padding-right:20px;text-align: center;float: left;box-sizing: border-box;padding-left: 20px;} #bloc-install-2{width:50%;display: inline-block;vertical-align: top;text-align: center;float: left;box-sizing: border-box;padding-right: 20px;} #bloc-install-content{width:100%;padding-top:20px;} .lien-TG{color:#008abd;} /*GAMMES */ #ligne-1, #ligne-2, #ligne-3{ width:990px; margin:auto; display:inline-block; float:left; text-align:center; } .gamme-1, .gamme-2, .gamme-3, .gamme-4, .gamme-5, .gamme-6, .gamme-7, .gamme-8, .gamme-9, .gamme-10, .gamme-11, .gamme-12{ width:25%; display:inline-block; float:left; padding-top:20px; } #ligne-1, #ligne-2, #ligne-3 img{text-align:center;} #contener-GAMMES a{font-family: Arial;font-size: 12px;color: #9AAFB2;text-decoration: none;background: none;} #contener-GAMMES{width: 990px;margin: auto;display: inline-block;} #formCommandeRapide #champ{margin: 0px !important; margin-bottom: 10px!important;border: 0px solid #cdcdcd !important;height: 18px;} /*Simulation nav*/ ul li.titre{font:bold 13px 'Roboto-Light';text-transform: uppercase;color:#fff;padding:10px 0} ul li > a.lienNav{font:normal 12px 'Roboto-Light';color:#858585;text-decoration: none} /*Cms Conseils*/ #cmsConseils{font-family: 'Roboto-Light';font-size: 12px;color: #515151;line-height: 22px;padding: 0px 15px 10px 15px !important;} #cmsConseils .titreConseil{display:block;font:bold 13px 'Roboto-Light';text-transform: uppercase;color: #515151;padding: 15px 15px 15px 0px;} #cmsConseils a.lienConseil{display:block;font:normal 12px 'Roboto-Light';color:#858585;text-decoration: none} #cmsConseils img{width: 16px;vertical-align: middle;padding-right: 5px;} .tel-style{color: #09a6e1;font:bold 16px 'Roboto-Light';} /*Cms Reseaux*/ #reseaux{padding-top:5px} #reseaux #titreReseaux{font:bold 12px 'Roboto-Light';text-transform: uppercase;color:#fff;padding:0 10px;display: inline-block;} #reseaux a.lienReseaux img{width:20px;display: inline-block;padding:0 2px;transition: all 0.2s linear} #reseaux a.lienReseaux:hover img{opacity: 0.5} /*####################################################################################################################################################################################*/ /*Footer*/ #footerRassurance{background:#fbfbfb; font-family:'Roboto-Medium'; font-size: 15px !important; color:#022f6a;} #footerRassurance .table.rassurance{border-top: 5px solid #09a6e1;font-size: 15px !important;} #footerRassurance .table.rassurance .tableCell{padding:20px 0;text-align: center;border:0px solid red;font-size: 15px !important;} #footerRassurance .table.rassurance .tableCell:after{content:"";display: block;position: absolute;right:0;top:5px;bottom:5px;width:1px;background:#e1e1e1;} #footerRassurance .table.rassurance .tableCell:last-child:after{display: none} #footerRassurance .table.rassurance .tableCell:first-child{border-left:1px solid #e1e1e1;} #footerRassurance .table.rassurance .tableCell:last-child{border-right:1px solid #e1e1e1;} .font-bleu{color: #008abd;text-transform: uppercase;} .legende-style{color: #515151;font-size: 12px !important;font-family: 'Roboto-Light';line-height: 14px !important;display: block;} #footer{background:#ececec;border-bottom: 4px solid #cccccc;padding-top:20px; padding-bottom:20px;} #footer .table .tableCell{padding: 0px 0;text-align: left;} #footer .table .tableCell:after{content:"";display: block;position: absolute;right:0;top:5px;bottom:5px;width:1px;background: #d4d4d4;} #footer .table .tableCell:last-child:after{display: none} #footerReseaux{background: #0c3264;} #footerReseaux .tableCell:first-child{width:50%;padding: 12px 15px;border-left: 4px solid #09a6e1;} #footerReseaux .tableCell:nth-child(2n){width:50%;padding: 12px 10px 0px 15px;background-color:#194b86;border-right: 5px solid #0c3264;background-image: url('../img/separateur-mailing.jpg');background-repeat: no-repeat;background-position: left top;} #copyright{padding:10px} #copyright .tableCell{width:100%} #copyright .tableCell:last-child{text-align: left} /*#####################################################################################################################################################################################*/ /*Navigation*/ #navs .largeur_de_zone{padding:0;background: #133d73;background: -moz-linear-gradient(top, #133d73 0%, #012350 100%);background: -webkit-linear-gradient(top, #133d73 0%,#012350 100%);background: linear-gradient(to bottom, #133d73 0%,#012350 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133d73', endColorstr='#012350',GradientType=0 );} #navs .inlineBlock{width:100%} /*#####################################################################################################################################################################################*/ /*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{margin: 0 auto;width: 63%;} /*Recherche*/ #encart_recherche_style *{box-sizing: border-box;} #encart_recherche_style {text-align: left;width: 94%;padding: 0;margin:8px auto 0;position: relative;border:0px solid red} #champ_recherche_style {height: 30px;width: 100%;padding: 3px 58px 3px 8px;border: 1px solid #e6e6e6;color: #b0b0b0;font-size: 12px;border-radius: 0px;font-style: normal;} #bouton_texte_recherche_style {position: absolute;top: -2px;right: 3%;background-image: url("../img/loupe.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;} /*Mailing*/ #texte_mailing{display: inline-block;font: normal 14px 'Roboto-medium';text-transform: uppercase;color: #01A1DD;padding-right: 10px;} #champ_email_mailing{border:1px solid #555;width: 22%;border-radius: 0px;padding:3px 4px;height: 18px;} #habillage_bouton_texte_ok_mailing{display: inline-block;border-radius: 0px !important;background: #09a6e1;margin-left: -3px;padding: 5px 5px;font-weight: normal;font-size: 12px;border: 1px solid #fff;} .radio_mailing{display: none;} #texte_abonnement_mailing{display: none;} #texte_desabonnement_mailing{display: none;} /*####################################################################################################################################################################################*/ /*Tablette*/ @media screen and (max-width: 990px) { /*CMS GAMMES*/ #contener-GAMMES{width: 100%;} #ligne-1, #ligne-2, #ligne-3 {width: 100%;} } @media screen and (max-width: 768px) { /*CMS GAMMES*/ #contener-GAMMES{width: 100%;} .gamme-1, .gamme-2, .gamme-3, .gamme-4, .gamme-5, .gamme-6, .gamme-7, .gamme-8, .gamme-9, .gamme-10, .gamme-11, .gamme-12 { width: 50%;} #ligne-1, #ligne-2, #ligne-3 {width: 100%;} } @media screen and (max-width: 800px) { .deleteRwd{display:none !important} .afficheRwd{display:inline-block !important} .afficheRwd2{display:block !important} /*Header*/ #header .table.contact{height:100%} #header .table #logoSlogan{width:100%;top:0;background-color: #fff} #header .table #tel{width:16%;} #header .table #contact{width:16%} #header .table #langue{width:16%} #header .table.contact {padding-top:0px;background-color: #fff;} /*Alignement items*/ #header .table.contact > .tableCell{vertical-align: middle} #blocLangue{top:44% !important;left:32% !important} /*liseret separation*/ #tel.tableCell::after, #contact.tableCell::after, #compte.tableCell::after, #suivre.tableCell::after{ top:40px;bottom:40px; } /*taille Visuels header */ #lienTel::before, #lienContact::before, #lienSuivre::before { display:block !important; width:100% !important; background-position:center !important; border:0px solid red } #lienTel::before{background-size: 28px !important;height: 28px;} #lienContact::before{background-size: 28px !important;height: 28px;} #lienSuivre::before{background-size:35px;} #lienTel, #lienContact, #lienSuivre{border: 0px solid #d9d9d9;} #image_votre_compte2 {background: url("../img/user2.svg");background-repeat: no-repeat;background-position: center;background-size: 20px;height: 20px;width: 20px;} /*Bloc Navs + Recherche*/ #navs .inlineBlock{border:0px solid} #navs .inlineBlock:nth-child(1){width:10%;box-sizing: border-box;} #navs .inlineBlock:nth-child(1):after{content:"";display:block;position: absolute;right:0;top:5px;bottom:5px;width:1px;background:#284d7d;} #navs .inlineBlock:nth-child(2){width:30%;padding-left: 2%;box-sizing: border-box;} #navs .inlineBlock:nth-child(3){width:30%;border-right:0px solid #858585;text-align: center; margin-top: 11px;box-sizing: border-box;padding-right: 10px;padding-left: 10px;} #navs .inlineBlock:nth-child(4){width:30%;text-align: center; margin-top: 11px;box-sizing: border-box;padding-right: 10px;padding-left: 10px;} .lien_votre_compte2, .lien_votre_selection2{ color:#fff !important } /*Recherche*/ #encart_code_dev_recherche {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:0px solid #ebebeb!important;color: #777;font-size: 12px;border-radius: 5px;background: #ffffff;padding: 3px !important;} #bouton_texte_recherche{position: absolute;top: -2px;right: 5%;background-image: url("../img/loupe-mobile.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;left: 56%;width: 18px;height: 18px;top: -20px;background-color: #fff;border-radius: 20px;padding: 1px;} #encart_mini_panier #qte_mini_panier + span{display: none} #lien_mini_panier{display: block;text-align: center;} #lien_mini_panier *{color:#000;font-family: 'Roboto-Bold';} .inlineTable{display: table;width:auto;margin: 0 auto;} #cmsConseils{padding: 15px 15px 15px 15px;} /*Footer*/ /*#footerRassurance .table.rassurance .tableCell:nth-child(n+4) {width: calc(100% / 2);}*/ #footerReseaux .tableCell:first-child {border-left: none;} #footerReseaux .tableCell:nth-child(2n){border-right:none;} #footer .table .tableCell{display: inline-block !important;} #footer .table .tableCell:nth-child(-n+2){width: calc(100% / 2);border-top: 1px solid #d4d4d4;} #footer .table .tableCell:nth-child(n+3){border-top:1px solid #d4d4d4;width: calc(100% / 2);} #footerReseaux .tableCell:nth-child(2n){background-image: none;background-color: #194b86;} #footerReseaux{padding:0} #footerReseaux .table .tableCell:first-child{background: #0c3264;} #footerReseaux .table .tableCell{display:block !important;width:100%;text-align: center;padding:15px 0; background-color: #194b86;background-image: none;} } /*####################################################################################################################################################################################*/ /*Mobile*/ @media screen and (max-width: 420px) { .deleteRwdMobile{display:none !important} .afficheRwdMobile{display:table-cell} /*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*/ /*liseret separation*/ #tel.tableCell::after, #contact.tableCell::after, #compte.tableCell::after, #suivre.tableCell::after{ top:20px;bottom:20px; } /*Taille visuels pictos*/ #lienTel::before{background-size:30px;} #lienContact::before{background-size:35px;} #lienSuivre::before{background-size:30px;} /*Largeur des items*/ #flotaison .tableCell:nth-child(1){width:80%;} #flotaison .tableCell:nth-child(2){width:20%;background:#fff} #header .table #logoSlogan{width:100%;} #header .table #compte{width:25%} #header .table #selection{width:25%} #header .table #tel{text-align: center} #header .table #selection{width:19%;padding-left:0%;padding-top:0%.} #image_panier2, #image_votre_compte2 {width: 100%;background-size: 35px;height: 35px;display: block;vertical-align: bottom;border: 0px solid;} #image_votre_compte2 {background: url("../img/user.svg");background-repeat: no-repeat;background-position: center;width: 100%;background-size: 29px;height: 35px;display: block;vertical-align: bottom;border: 0px solid;} /*Bloc Navs + Recherche*/ #navs .inlineBlock{border:0px solid} #navs .inlineBlock:nth-child(1){width:10%;} #navs .inlineBlock:nth-child(2){width:86%;} #encart_recherche{margin:8px auto} /*Bloc langue*/ #blocLangueRWD{position: absolute;cursor: pointer;width: 3.2em;left: 15%;top:15%;border-right:0px solid #dfdfde;padding-right:8px} #langOnRwd{display:block;position: absolute;left:-3px; max-height:0;overflow: hidden;background:#fff;z-index:1000;transition: all 0.3s ease-in-out} #langOnRwd.transition{max-height:25px;padding:5px 3px 3px;} /*Bloc Panier*/ #encart_mini_panier {position: absolute;left: 56%;width: 20px;height: 20px;top: -16px;background-color: #103565;border-radius: 20px;padding: 1px;} #lien_mini_panier *{color:#fff; font-family: 'Roboto-Bold';} /*Footer*/ #footerRassurance .tableCell {display: block !important;} #footerRassurance .table.rassurance .tableCell {border-bottom: 1px solid #e1e1e1;} #flotaison{display: block;height: 20px;} #footer .tableCell{display: block !important;width:100% !important;border-bottom:0px solid !important} #copyright .tableCell, #footerReseaux .tableCell{text-align: center !important;border:none !important} #texte_mailing{display: block; padding-bottom: 15px;} /*CMS GAMMES*/ .gamme-1, .gamme-2, .gamme-3, .gamme-4, .gamme-5, .gamme-6, .gamme-7, .gamme-8, .gamme-9, .gamme-10, .gamme-11, .gamme-12 { width: 100%;} #bloc-install-1{width:100%;display: inline-block;vertical-align: top;padding-right:20px;text-align: center;float: left;box-sizing: border-box;padding-bottom: 40px;} #bloc-install-2{width:100%;display: inline-block;vertical-align: top;text-align: center;float: left;box-sizing: border-box;padding-bottom: 40px;} } /*####################################################################################################################################################################################*/