/************************************************************************************ * REDEFINITION DE BALISES HTML / PSEUDO-FORMATS / DEFINITIONS COMMUNES *************************************************************************************/ /* */ BODY{ margin:0px; font-family:Verdana; font-size:11px; color:#002C56; /*background-color:#FFCC00;*/ } /* Commun à tous les

/ H1{ } / Commun à tous les */ A{ } #tx-decstdcontent-pi1-3{ z-index:50; } /************************************************************************************ * CONTENEURS PRINCIPAUX *************************************************************************************/ /* Conteneur général / #main{ position:absolute; right:50%; margin-right:-490px; width:980px; background-image:url(../medias/images/border-shadows.gif); background-repeat:repeat-y; } / Conteneur du footer de fin de page / #cool-footer{ position:relative; height:48px; background-image:url(../medias/images/border-shadows-footer.gif); background-repeat:no-repeat; /background-color:#FFCC00;/ } / Corps principal de la page / #body{ position:relative; width:953px; height:100%; } / Communs à #body, #footer / #body, #footer{ width:794px; /left:80px;/ margin-left: auto; margin-right: auto; } / Entête de la page / #header{ position:relative; width:100%; height:165px; margin-left:14px; /left:14px;/ background-image:url(../medias/images/header-background.gif); background-repeat:no-repeat; } / Selecteurs / #selectors{ position:relative; left:475px; top:120px; width:386px; text-align:right; } / Menu principal / #main-menu{ width:796px; height:23px; } / Liens du menu principal / / #main-menu A{ color:#FFFFFF; text-decoration:none; } / / Rootline / #rootline{ position:relative; height:36px; line-height:36px; } / Entête des contenus / #content-header{ position:relative; width:794px; background-image:url(../medias/images/content-header-background.gif); background-repeat:no-repeat; height:110px; } / Partie gauche de l'entête des contenus / #content-header-left{ position:absolute; top:25px; left:30px; } / Partie droite de l'entête des contenus / #content-header-right{ position:absolute; top:60px; left:30px; } / Corps des contenus / #content{ position:relative; margin-bottom:20px; } / Footer / #footer{ position:relative; clear:both; height:40px; line-height:40px; margin-top:20px; border-top:1px solid #89CDFF; border-bottom:1px solid #89CDFF; } / Image principale d'une page à deux colonnes / #content-2cols #main-image{ position:relative; float:left; width:316px; margin-bottom: 20px; } / Corps des contenus dans une page à deux colonnes*/ #content-2cols #content{ position:relative; float:right; width:450px; margin-top:20px; } /************************************************************************************ * HOME / #tx-decstdcontent-flash-4,#tx-decstdcontent-flash-106,#tx-decstdcontent-flash-116{ width: 597px; float:left; } .lien_home{ background:url(../medias/images/fond_droite_home.jpg) no-repeat; float: left; width: 192px; height: 395px; margin-bottom: 20px; } .lien_home ul{ margin:0; padding:0; } .lien_home ul li{ list-style-type:none; background:url(../medias/images/puce.gif) no-repeat; padding-left: 10px; margin-left: 5px; margin-top: 40px; } .lien_home a{ color:#6c7e92; text-decoration:none; font-size: 12px; } .lien_home a:hover{ color:#6c7e92; text-decoration:underline; } / SELECTEURS DE PRODUITS *************************************************************************************/ /* Conteneur du titre (sélecteur entête de toutes les pages)/ #selectors-title{ position:relative; float:left; top:4px; width:240px; text-align:right; margin-right:5px; } / Selecteurs */ #selectors select, #products-selector select{ font-family:Verdana; font-size:10px; color:#002C56; } /************************************************************************************ * ROOTLINE *************************************************************************************/ /* Page courante dans la rootline / #rootline .currentPage{ color:#4EB2FB; font-weight:bold; } / Lien / #rootline A{ color:#002C56; text-decoration:none; } / #rootline A:hover{ color:#4EB2FB; font-weight:bold; } */ /************************************************************************************ * MENU TRANSVERSAL *************************************************************************************/ /* Conteneur du menu / #transversal-menu{ position:relative; float:left; left:20px; font-size:9px; /text-transform:uppercase;/ letter-spacing:0px; } / Commun à tous les items du menu/ .transversal-menu-item-no,.transversal-menu-item-act{ position:relative; float:left; background-image:url(../medias/images/transversal-menu-background.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px; margin-right:10px; } / Liens des items du menu/ .transversal-menu-item-no A,.transversal-menu-item-act A{ color:#003057; text-decoration:none; } .transversal-menu-item-no A:hover,.transversal-menu-item-act A:hover{ color:#8ACEFF; } / Item non courant du menu / .transversal-menu-item-no{ } / Item courant du menu */ #transversal-menu .transversal-menu-item-act A{ color:#8ACEFF; } /************************************************************************************ * LIEN ACCES PRO *************************************************************************************/ /* Conteneur du bouton */ #pro-access{ position:relative; float:left; top:10px; left:10px; } /************************************************************************************ * PLAN DU SITE *************************************************************************************/ /* Mise en forme générale + 1er niveau / .csc-sitemap ul li{ list-style-type:none; line-height:18px; padding-bottom:18px; } / Mise en forme liens 1er niveau / .csc-sitemap ul li A{ text-decoration:none; color:#8ACEFF; font-weight:bold; } / Mise en forme générale 2nd niveau / .csc-sitemap ul li ul li{ list-style-type:square; padding-bottom:0px; } / Mise en forme liens second niveau */ .csc-sitemap ul li ul li A{ color:#002C56; font-weight:normal; list-style-type:square; } /************************************************************************************ * LIEN DECEMBER *************************************************************************************/ /* Conteneur du bouton */ #december-signature{ position:relative; float:right; top:18px; right:10px; } /************************************************************************************ * PAGE "OU NOUS TROUVER" *************************************************************************************/ /* Conteneur carte de sélection des départements/ #map{ /position:relative;/ float:left; width:370px; height:560px; } #francophone{ display:block; width:370px; margin-top:15px; margin-bottom:15px; } #texte_intro{ margin-top:45px; font-weight:bold; text-align:center; } .franco{ padding-top:10px; } .franco a{ text-decoration:none; color:#002c56; } / Conteneur liste des distributeurs / #distributors{ /position:relative;/ float:right; width:400px; margin-top:45px; } / Conteneur titre / #distributors-title{ border-bottom:1px solid #91D1FF; padding-bottom:5px; } / Classe d'un item de la liste des distributeurs / .distributors-item{ padding-top:13px; padding-bottom:13px; border-bottom:1px solid #91D1FF; } / Classe d'un element d'un item de la liste des distributeurs / .distributors-item-element{ line-height:15px; } / Liens */ #distributors A{ text-decoration:none; color:#002C56; } #distributors A:hover{ } /************************************************************************************ * FICHE PRODUIT *************************************************************************************/ /* Conteneur général fiche produit / #product{ position:relative; } #polarisdiv{ margin:0; padding:0; } / Colonne gauche de la fiche / #product-leftcol{ position:relative; float:left; width:375px; top:-16px; clear:left; margin-top: 15px; } / Colonne gauche de la fiche / #product-rightcol{ position:relative; float:right; width:410px; /background-color:#3311BB;/ } / Conteneur image principale produit / #product-mainimage{ position:relative; } / Conteneur de la description du produit / #product-description{ float: left; padding:20px 0 0 0; margin-bottom:20px; line-height:15px; width: 670px; } / Conteneur du block "Atouts" / #product-assets{ position:relative; width:100%; margin-bottom: 45px; } / Conteneur du titre du block "Atouts" / #product-assets-title{ position:relative; width:100%; border-bottom:1px solid #91D1FF; } / Conteneur de la liste des atouts / #product-assets-list{ position:relative; width:100%; margin-top:10px; } #product-assets-list ul{ position:relative; margin:0; padding:0; } / Puces de la liste des atouts / #product-assets-list li{ position:relative; background-image:url(../medias/images/arrow.gif); background-repeat:no-repeat; background-position:7px left; padding-left:20px; list-style-type:none; line-height:22px; font-size:11px; font-weight:bold; color:#000000; } / Conteneur caractéristiques produit / #product-features, #product-cleaning-features{ position:relative; } #product-features{ background:url(../medias/images/fond_tab.gif) repeat-y; width: 395px; } #haut_tab{ background:url(../medias/images/haut_tab.gif) no-repeat; } #bas_tab{ background:url(../medias/images/bas_tab.gif) no-repeat; } / Conteneur caractéristiques de nettoyage produit / #product-cleaning-features{ margin-bottom:10px; } / Conteneur titre caractéristiques produit / #product-features-title, #product-cleaning-features-title{ position:relative; border-bottom:1px solid #c7c7c7; } / Conteneur texte caractéristiques produit / #product-features-text, #product-cleaning-features-text{ position:relative; margin-top:10px; } #product-features-text,#product-features-title{ margin-left:10px; margin-right: 10px; } / Conteneur Savoir + / #product-more-about{ position:relative; /margin-top:30px;/ margin-bottom:20px; } / Image du conteneur Savoir + / .product-more-about-image{ position:relative; float:left; margin:30px 3px 15px 0; } / Conteneur zoom produits / #product-zoom{ position:relative; width: 800px; } / Conteneur titre zoom produits / #product-zoom-title{ position:relative; } / Conteneur thumbnails zoom produits / #product-zoom-images{ position:relative; margin-top:4px; } / Thumbnail zoom produits / .product-zoom-thumbnail{ position:relative; float:left; margin-left:4px; } .product-zoom-thumbnail1{ float:left; } / Conteneur lien vers fiche produit / #product-descfile,#product-noticefile{ float:left; width: 197px; margin-top: 10px; } #product-descfile{ margin-right: 3px; } / Formulaitre de sélection de produits de la gamme */ #products-selector{ margin-top:13px; } #product-pictJets{ float:left; width: 122px; padding:10px 0 10px 0; } /************************************************************************************ * MISE EN FORME DES FORMULAIRES / form ul { list-style-type: none; } form ul li { clear: both; margin-bottom:2px; } form ul li label { width: 25%; float: left; } form input { height:16px; border: 1px solid #012C57; font-size:10px; color: #012C57; font-family: verdana; } form textarea { border: 1px solid #012C57; font-size:10px; color: #012C57; font-family: verdana; width: 215px; height: 100px; } form label { font-weight: bold; color: #012C57; } #newsletter-subscription input { width:200px; } #newsletter-subscription input { width:200px; } #newsletter-subscription #newsletter-subscription-button, #send-to-friend #send-to-friend-button, #comparison-guide #comparison-guide-button { width:67px; border:none; margin-bottom:10px; margin-top:10px; height:15px; } #newsletter-subscription .radio, #comparison-guide .radio{ width:20px; border:none; } #newsletter-subscription .radioOption{ position:relative; top:-2px; } #comparison-guide ul li label{ position:static; display:block; width:400px; float:none; margin-top:10px; } #comparison-guide-intro{ margin-bottom:20px; } / GUIDE COMPARATIF *************************************************************************************/ /* Conteneur intro guide comparatif / #comparison-guide-intro{ } / Conteneur fiche produit / .comparison-guide-product{ /margin-left:30px;/ float:left; width:225px; margin-bottom:30px; } / Conteneur logo produit / .comparison-guide-product-logo{ margin-bottom:5px; } / Conteneur signature produit / .comparison-guide-product-signature{ margin-bottom:5px; } / Conteneur image produit / .comparison-guide-product-image{ margin-bottom:10px; } / Mise en forme image produit / .comparison-guide-product-image-style{ border:1px solid #002D57; } / Conteneur image lien fiche produit / .comparison-guide-product-page-link{ } / Conteneur image lien page "Ou nous trouver" / #comparison-guide-findus-link{ float:left; width:250px; } / Ou nous trouver anglais */ #find_en{ padding-top:20px; padding-left:346px; } #find_en a{ color:#002C56; text-decoration:none; } #find_en a:hover{ text-decoration:underline; } #find_en h3{ color:#4EB2FB; padding-bottom:0px; margin-bottom:0px; font-size:13px; font-weight:bold; } /***************** PAGE NETTOYAGE */ .pagenettoyage .csc-textpic-text{ padding-left: 20px; padding-right: 20px; clear: left; } .pagenettoyage .csc-textpic-left{ float: left; width: 252px; } #tx-decstdcontent-flash-135,#tx-decstdcontent-flash-137,#tx-decstdcontent-flash-174,#tx-decstdcontent-flash-139,#tx-decstdcontent-flash-142,#tx-decstdcontent-flash-148,#tx-decstdcontent-flash-173,#tx-decstdcontent-flash-172,#tx-decstdcontent-flash-145 { width: 542px; float:left; clear: right; margin-bottom: 30px; } .pagenettoyage div.csc-textpic-clear{ clear: none; } .pagenettoyage .csc-textpic-left .csc-textpic-imagewrap{ float: left; width: 252px; height: 376px; background-color:#e2e2e2; } .pagenettoyage a{ text-decoration:underline; color: #003057; } .pagenettoyage a:hover{ text-decoration:underline; color: #4eb2fb; } /***** PAGE FOOTER / .apropos .csc-textpic{ border: 1px solid white; } .apropos .csc-textpic-text{ padding-top: 15px; } .apropos .align-center{ text-align:center; }