/* RÉINITIALISATION DES ÉLÉMENTS --------------------------------------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img,abbr,acronym{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} a:active,object,embed{outline:none;} /* FONTS --------------------------------------------------------------------------------------- */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 5, 2012 */ @font-face { font-family: 'PTSansRegular'; src: url('inc/Fonts/pt_sans-web-regular-webfont.eot'); src: url('inc/Fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'), /*url('inc/Fonts/pt_sans-web-regular-webfont.woff') format('woff'),*/ url('inc/Fonts/pt_sans-web-regular-webfont.ttf') format('truetype'), url('inc/Fonts/pt_sans-web-regular-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } /* BODY ET HTML --------------------------------------------------------------------------------------- */ body{ background: #FFF; color: #5d5d5d; font-size: 12px; line-height: 150%; font-family: Arial, sans-serif; text-align: left; } /* TEXTES ET HYPERLIENS GLOBAUX --------------------------------------------------------------------------------------- */ a, a:link{color:#149fd9; text-decoration:none;} a:visited{color:#149fd9;} a:hover, a:focus{color:#0083ba;} a:active{color:#0e8bbf;} a.lienBleu, a:visited.lienBleu{color:#54a6b8; text-decoration: none;} a:hover.lienBleu{text-decoration: underline;} a.lienBleuFl, a:visited.lienBleuFl{color:#54a6b8; text-decoration: none; font-size: 11px; font-weight: bold; background: url(gx/M/puce_lienbleufl.png) no-repeat bottom right; padding-right: 10px;} a:hover.lienBleuFl{color: #22bee3;} h1{color:#676263; font-size:23px; line-height:100%; padding: 23px 0 19px 0; text-transform: uppercase; font-weight: normal; font-family: 'PTSansRegular';} h1 a, h1 a:link, h1 a:visited{text-decoration:none;} h1#titreArchives a {color:#676263;} h1#titreArchives a:hover {color:#0083ba;} h1.titreLogo{ padding:0;} h2{color:#676263; font-size:23px; line-height:100%; padding: 23px 0 19px 0; text-transform: uppercase; font-weight: normal; font-family: 'PTSansRegular'} h2 a, h2 a:link, h2 a:visited{text-decoration:none;} h3{color: #484344; font-size: 17px; line-height:100%; font-weight: normal; padding: 16px 0 18px 0; font-family: 'PTSansRegular'} blockquote, q{quotes:none; margin:1em 0;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;} blockquote, q, cite{font-style:italic;} blockquote{padding-left: 1.625em; border-left:3px solid #ccc;} blockquote > p {padding: 0;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} .divCache{display: none;} hr{margin:10px 0; background-color:#CCC; height:1px; border:none;} p{padding-bottom: 10px;} .incTinyMce{/*line-height:170%;*/} .incTinyMce p{/*margin-bottom:1em;*/} .incTinyMce ul li, .incTinyMce ol ul li{/*list-style:none; margin-left:16px;*/list-style: none; background: url(gx/M/puce_bleu.png) no-repeat 0 6px; padding-left: 10px;} .incTinyMce ul ul li{list-style:none;} .incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;} .incTinyMce ol ol li{list-style:lower-alpha;} .textePetit{font-size:11px;} .fLeft{float: left;} /* Méthode de clear float */ .both, .clearBoth{clear:both;} /* Méthode alternative */ .clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;} * html .clearfix {zoom:1;} *:first-child+html .clearfix{zoom:1;} /* FORMULAIRES --------------------------------------------------------------------------------------- */ fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;} legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;} label{font-size:12px;} label.erreur{color:#cc0000;} input.erreur, textarea.erreur, select.erreur{border:1px solid #cc0000;} .champTexte{ /*padding:5px;*/ float: left; /*background: url(gx/M/bg_champ.jpg) repeat-x top center;*/ width: 133px; color: #6c6c6c; font-size: 11px; border: 1px solid #d1d4d9; padding:3px 4px; } .champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#f6f6f6; color: #333; } .listeDeroulante{ border: 1px solid #d1d4d9; color: #94969d; float: left; font-size: 12px; font-style: italic; } .contenuOuAcheter select.listeDeroulante{ float: right; width: 290px; } .champFichier{ padding:5px; } .boiteTexte{ } input.bouton{ float: left; background: url(gx/M/bg_btngris.jpg) repeat-x top center; width: 70px; height: 23px; color: #fff; text-align: center; border: 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 0 0 3px 0; margin: 0; cursor: pointer; } /* .bouton{ float:right; } .bouton:hover{}*/ .champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} p.conseil{font-size:11px;display:none;} div.erreur{color:#cc0000} p{padding-bottom: 10px;} form table th.label { font-weight:bold; text-align:right; color:#565656; padding:2px 6px 6px 0; vertical-align:middle; width:200px; } form table th.erreur { color:#C00; } form table td { padding:2px 0 6px 0; } form table th.label:after { content:' :' } form table th.labelradio:after { content:'' } form table .btnRadio {vertical-align: text-top; } #formContact table .champTexte {margin:0; width:240px; } #formContact table .listeDeroulante {margin:0; width:250px; } /* Icones générales --------------------------------------------------------------------------------------- */ .lienRSS{background: url(Gx/icone_RSS.png) no-repeat left;padding:5px 0 5px 20px;} /*.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}*/ /* CONTENEURS ET CLASSES GÉNÉRALES --------------------------------------------------------------------------------------- */ .conteneurLarge{margin:0 auto;width:100%;} .conteneur{margin:0 auto;/*width:1000px;*/} #contenu{ margin-bottom:10px; min-height:500px; height:auto !important; height:500px; margin:0 auto; position:relative; z-index:300; } #contenu.accueil{margin:0; height: auto;margin:0 auto;} .contenuGen{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 0 20px 0 22px; } .conteneurAccueil{width: 1000px; margin: 0 auto;} .contenuListing{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 0 20px 0 22px; } .conteneurLargeGris{width: 100%; background: #e6e8ee; margin: 0 auto; border-bottom: 1px solid #cdcfd7;} .conteneurGris{width:1000px;margin: 0 auto;background: #e6e8ee url(gx/M/bg_gris_bas.png) no-repeat bottom center;} .bgHautGris{ width:958px; background: url(gx/M/bg_gris_haut.png) no-repeat top center; overflow: hidden; /*min-height: 200px; height: auto !important; height: 200px;*/ padding: 0 20px 0 22px; } .conteneurLargeBlanc{width: 100%; background: #fff; margin: 0 auto; /*margin-top: 1px solid #eeeff2;*/} .conteneurBlanc{width:1000px;margin: 0 auto;background: #fff url(gx/M/bg_blanc_bas.png) no-repeat bottom center; } .bgHautBlanc{ width:958px; background: url(gx/M/bg_blanc_haut.png) no-repeat top center; overflow: hidden; /*min-height: 200px; height: auto !important; height: 200px;*/ padding: 0 20px 0 22px; } .conteneurLargeAriane{width: 100%; margin: 0 auto; } /*.conteneurAriane{width:958px;height: 29px;margin:0 auto;padding: 0 20px 0 22px; background: url(gx/M/bg_ariane.jpg) repeat-x top center; padding-top: 10px;margin-top: 42px;}*/ .conteneurAriane{width:1000px;height: 50px;margin:0 auto;/*padding: 0 20px 0 22px;*/ background: url(gx/M/bg_ariane.jpg) repeat-x bottom center; padding-top: 10px;margin-top: 21px; position:relative; z-index:50px;} .fil{width: 668px; float: left; padding: 20px 0 0 22px;}/*690*/ .conteneurAriane .fil ul li{list-style: none; display: inline;} .conteneurAriane .fil ul li a, .conteneurAriane .fil ul li.dernier{color: #636363; text-decoration: none; background: url(gx/M/sep_ariane.png) no-repeat 0 2px; padding-left: 30px;} .conteneurAriane .fil ul li a.premier{background:none; padding-left: 0px;} .conteneurAriane .fil ul li a span{color: #008eac;} .filBtn{width: 310px;height: 50px; float: left;/*padding: 16px 0 0 112px;*/ font-size: 11px; font-weight: bold; color: #473e40; text-transform: uppercase;} .filBtn a{width: 198px;height: 34px; float: left; background: url(gx/M/bg_btn_ariane.png) no-repeat top center;padding: 16px 0 0 112px;color: #473e40; text-decoration: none;} .filBtn.sans{background: none;} .filBtn SPAN { background: url(gx/M/flechedd.png) no-repeat center center; display: block; float: right; height: 10px; margin: 4px 10px; width: 9px; } .filBtn SPAN.ouvert { background: url(gx/M/fermer.png) no-repeat; } #haut{width: 1000px;/*float:left;*/margin: 0 auto;} #logo{width: 200px;float:left; margin-top: 10px;} #hautDroit{width: 800px; float: left;} #boiteRecherche{width: 175px; float: left; padding: 17px 0 0 625px; margin-bottom: 3px;} .bgRecherche{width: 175px; height: 23px; float: left; background: url(gx/M/bg_champ_rech.png) no-repeat 0 0; border: 0;} input.champRecherche{width: 140px; float: left; border:0; background: transparent; padding: 5px 0 0 10px; color: #6c6c6c; font-size: 11px;} input.champRecherche:focus{ outline:none; } input.btnRecherche{width: 25px; height: 23px; float: left; background: url(gx/M/btn_loupe.png) no-repeat 0 3px; border:0; cursor: pointer;} #dbx_recherche{ width:187px; } /* MENUS ------------------------------------------------------------------------------------------- */ /*Menu principal*/ #menu{width: 1000px; height: 109px; border-left: 1px solid #ececec; margin: 0 auto; text-transform: uppercase; /*background: url(gx/M/bg_menu_gris.png) repeat-x bottom center;border-bottom: 1px solid #ececec;*/ font-size: 11px; z-index:400; position: relative;} #menu a, #menu a:visited{color: #4e4b4b; text-decoration: none;} #menu ul li{ list-style: none; display: inline-block; text-align: center; float:left; color: #4e4b4b; font-weight: bold; border-right: 1px solid #ececec; /*border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; */ } #menu ul li a, #menu ul li a:visited{ background: #fff; width: 124px; height: 54px;/*108*/ display: inline-block; padding-top: 54px; color: #4e4b4b; } #menu ul li a:hover{background:#1f9ec1 url(gx/M/bg_menu_over.png) no-repeat top center; color: #fff;padding-top: 46px;height: 63px;} #menu ul li a.actif{background:#474243 url(gx/M/bg_menu_actif.png) no-repeat top center; color: #fff;padding-top: 46px;height: 63px;} #menu ul li.Nortek a{width: 130px;} #menu ul li.Nortek a:hover{background:#fff; color: #4e4b4b; padding-top: 47px;height: 63px;} .nortekContenu{ position: relative; width: 130px; top: -15px; } .nortekContenu img{margin-top: 5px;} /*Sous-menu*/ .sousMenu{width: 1000px; /*height: 204px;*/ position: absolute; z-index: 600; top: 110px;/*107*/ left:0px; background: #F6F6F6; display: none;} #echangeur.sousMenu{width: 855px; left:140px;} #echangeur.sousMenu.usa{left:0px;} #accessoires.sousMenu{width: 216px; left:281px;} #accessoires.sousMenu.usa{left:140px;} #assistance.sousMenu{width: 216px; left:704px;} #assistance.sousMenu.usa{left:563px;} .sousMenuDroite{width: 843px; height: 204px; float: left; } #echangeur .sousMenuDroite{width: 630px; height: 204px; float: left;} .sousMenuDroite a{float:left; position: relative;} .sousMenuDroite a img{z-index: 100;} .sousMenuDroite span{ position: absolute; top:0px; left:0px; z-index: 1000; width: 205px; height: 144px; background-color: #666; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; font-size: 16px; font-weight: bold; color: #fff; line-height: 24px; text-align: center; padding-top: 60px; display: none; } .sousMenuGauche{width: 155px; float: left; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; margin-top: -2px;} #echangeur .sousMenuGauche{width: 216px;} #echangeur .sousMenuGauche a{width: 194px;} .sousMenuGauche a, .sousMenuGauche a:visited{ width: 134px;/*156*/ height: 49px;/*67*/ float: left; border-bottom: 1px solid #d2d2d2; text-decoration: none; text-transform: uppercase; color: #686364; padding: 18px 0 0 22px; } .sousMenuGauche a:hover{background: #FFF;width: 133px;border-right: 1px solid #d2d2d2;} .sousMenuGauche a span{color: #3296af;} .sousMenuSimple{width: 216px; float: left; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;} .sousMenuSimple a, .sousMenuSimple a:visited{ width: 194px; /*height: 39px;*//*49*/ float: left; border-bottom: 1px solid #d2d2d2; text-decoration: none; text-transform: uppercase; color: #686364; padding: 18px 0 18px 22px;/*padding: 18px 0 0 22px;*/ background: #f6f6f6; } .sousMenuSimple a:hover{background: #fff;} .sousMenuSimple a span{color: #3296af;} img.flechesmd{padding-left: 3px;} /*Menu secondaire*/ #menuSec{width: 800px; float: left; text-align: right; font-size: 11px; padding-top: 20px;position:relative;} #menuSec ul li{list-style: none; display: inline; padding-left: 22px;} #menuSec ul li.pays{padding-left: 2px;} #menuSec ul li a, #menuSec ul li a:visited{color: #7c7c7c; text-decoration: none;} #menuSec ul li a:hover{color: #4d4d4d;} #menuSec ul li a.actif{color: #4d4d4d; font-weight: bold;} li.pays a.actif img{border: 1px solid #00CDE5;} .messagepop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; position:absolute; right:0; text-align:center; width:75px; z-index:500; padding: 5px; } .messagepop div { margin:8px 0; padding-bottom:8px; } #choixLang li { padding-right:20px;} /* .menuPays{float: left;} */ /*Menu flottant*/ .menuFlottant{ display:block; position:fixed; top:330px; left:0; width:140px; /*height:108px;*/ border:0; background: url(gx/M/bg_flotant.jpg) no-repeat bottom left; padding: 10px 0 20px 0; z-index: 500; } .menuFlottant.fermer { left: -120px; } .menuFlottant #btnFermer { /* background: url(gx/M/puce_blancheG.png) no-repeat center center; display: block; float: right; height: 8px; padding: 5px 8px; text-decoration: none; width: 4px; */ background: url(gx/M/puce_blancheG.png) no-repeat center center; display: block; float: right; height: 15px; padding: 0 5px 0 0; text-decoration: none; width: 15px; } .menuFlottant.fermer #btnFermer { background: url(gx/M/puce_blancheD.png) no-repeat center center; } .menuFlottant ul li{list-style: none; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 12px 0 2px 22px;} .menuFlottant ul li a, .menuFlottant ul li a:visited{color: #fff; text-decoration: none;} .menuFlottant ul li a:hover{color: #c0b2b5;} .menuFlottantFerme{ display:none; position:fixed; top:330px; left:0; width:20px; border:0; background: url(gx/M/bg_flotant.jpg) no-repeat bottom left; padding: 10px 0 20px 0; } /*.btnFermer a{color: #fff; z-index: 999; position: absolute; top:0; right:0; text-decoration: none; display: none;}*/ .btnFermer{color: #fff; z-index: 999; position: absolute; top:0; right:0; display: none;width: 10px; height: 10px; cursor: pointer;} .btnFermer a, .btnFermer a:visited{color: #fff; text-decoration: none;} /*#menu{margin-bottom:20px;} #menu li{display:inline-block; float:left;} #menu a, #menu a:link, #menu a:visited{ border: 1px solid #999; color: #000; font-size: 12px; font-weight: bold; line-height: 12px; margin-right:4px; padding: 5px; text-decoration: none; zoom:1; } #menu a:hover, #menu a:focus, #menu a:visited:hover{background-color:#ddd; color:#333;} #menu a.actif, #menu a.actif:visited, #menu a:active, #menu a:visited:active{background-color:#01ACF3; color:#FFF;}*/ /* Navigation secondaire */ /*#menuSec{float:right; font-size:11px;} #menuSec li{display:inline; float:left;} #menuSec a, #menuSec a:link, #menuSec a:visited{padding:0 5px;} #menuSec li.dernier a{padding-right:0;}*/ /* 00_110 : PAGE NOUVELLE --------------------------------------------------------------------------------------- */ .contenuNouvelles{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 0 20px 0 22px;} .contenuNouvelles .gauche{width: 327px; float: left; padding: 30px 30px 0 0;} .contenuNouvelles .gauche h2{padding: 10px 0 10px 0; text-transform: none; font-size: 18px;} .contenuNouvelles .gauche .blocListeEnvoi{width: 327px; float: left; padding: 26px 0 26px 26px;} .contenuNouvelles .gauche .blocListeEnvoi .blocListeEnvoiTxt{width: 327px; float: left; margin:9px 0; padding-top:5px; display:inline;} .contenuNouvelles .droite{width: 580px; min-height: 400px; height: auto !important; height: 400px; float: left; padding: 0 0 0 20px;border-left: 1px solid #e6e6e6; margin-top: 20px; display: inline;} .contenuNouvelles .droite h1{padding: 15px 0 20px 0;} .nouvelle{width: 580px; float: left; padding-bottom: 20px;} .nouvelle h2{text-transform: none; padding: 0 0 10px 0; font-size: 18px;} .nouvelleImg{width: 150px; height: 150px; float: left; border: 1px solid #E6E6E6;} .nouvelleTxtImg{width: 400px; float: left; padding-left: 20px;} .nouvelleTxt{width: 570px; float: left; } .nouvelleTxt h2{text-transform: none; padding: 0 0 10px 0; font-size: 18px;} .nouvelleTxt h2 a{color: #676263; text-decoration: none;} .txtPublie{color: #999;} .txtPublie a, .txtPublie a:visited{text-decoration: none; color: #298EC6;} .txtPublie a:hover{text-decoration: underline;} /*.photoMortaise{float:left; margin:4px 10px 5px 0;}*/ .nouvelleRS{float: left;width: 420px;padding: 0 0 0 0;} .nouvelleRS.Img{width: 400px;padding: 0 0 0 20px;} /* Boutons de partage */ .btnPartageGoogle{width:85px;float:left;} .btnPartageTwitter{width:100px;float:left;} .btnPartageLinkedIn{width:110px;float:left;} .btnPartageFacebook{width:100px;float:left;} /* 01_100 : PAGE ACCUEIL --------------------------------------------------------------------------------------- */ #slideshowAccueil{width: 1000px; height: 525px;/*508*/ float: left; position: relative;} #slides {position:absolute;top:0px;left:0px;z-index:100;} .slides_container {width:1000px;overflow:hidden;position:relative;height: 525px;/*display:none;*/};} .slides_container div.slide {width:1000px;height:525px;display:block;} .pagination {width: 198px; position: absolute; bottom:71px; right:11px; z-index: 300; } .pagination li {float:right;margin:0 1px;list-style:none;} .pagination li a, .pagination li a:visited {display:block;width:18px;height:4px;padding-top:12px;background-image:url(js/jQuery/slidesjs/img/pagination.png);background-position:0 -1px;float:left;overflow:hidden;} .pagination li.current a, .pagination li.current a:visited {background-position:0 -18px;} .slides_containerSimple{width:1000px;position:relative;} .boiteSlideShow{width: 198px; height: 293px; position: absolute; background: url(gx/M/bg_blanc.png) repeat; z-index: 200; top:67px; right:0; padding: 26px; font-family: 'PTSansRegular';} .boiteSlideShow h2{font-size: 17px; color: #706a6b; text-transform: uppercase; font-weight: normal; padding: 0 0 18px 0; } .boiteSlideShow h3{font-size: 15px; color: #484344; font-weight: normal;padding: 13px 0 8px 0;} .boiteSlideShow p{line-height: 14px;/*14*/ color: #847d7e; font-weight: normal; padding-bottom: 7px;} a.btnSlideShow{width: 196px; height: 21px; float: left; background: url(gx/M/btn_slideshow.png) no-repeat top center; color: #fff; text-align: center; text-decoration: none; padding-top: 4px; margin-top: 10px; display: inline;} #accueilCTA{width: 1000px; float: left; margin-bottom: 20px; display: inline; font-family: 'PTSansRegular';} a.accueilCTA{float: left; text-transform: uppercase; text-decoration: none;} a.accueilCTA.vedette{width: 221px; height: 86px;background: url(gx/M/cta_vedette.png) no-repeat bottom center; padding: 52px 0 0 113px;} a.accueilCTA.securite{width: 218px; height: 107px; background: url(gx/M/cta_securite.png) no-repeat bottom center; padding: 31px 0 0 113px;} a.accueilCTA.carriere{width: 179px; height: 94px; background: url(gx/M/cta_carriere.png) no-repeat bottom center; padding: 44px 0 0 156px;} a.accueilCTA h2, a:visited.accueilCTA h2{ font-size: 17px;line-height: 18px; color: #656565; padding: 0;} a.accueilCTA p, a:visited.accueilCTA p{font-size: 12px; line-height: 14px;color: #3bb8d3; padding: 5px 0 0 0;} /* 02_100 : PAGE HOTTES - EN SAVOIR PLUS --------------------------------------------------------------------------------------- */ #slideshowProduit{width: 960px; height: 332px;/*508*/ float: left; position: relative;} #slideshowProduit .slides_container {width:960px;overflow:hidden;position:relative;display:none;} #slideshowProduit .slides_container{height: 332px;} #slideshowProduit .slides_container div.slide {width:960px;height:332px;display:block;} #slideshowProduit .pagination {width: 92px; height: 23px; position: absolute; bottom:9px; padding-top: 9px;right:0; z-index: 300; background: url(gx/M/bg_pagin_produit.png) no-repeat top center; } #slideshowProduit .pagination li {float:right;margin:0 1px;list-style:none;} #slideshowProduit .pagination li a {display:block;width:18px;height:4px;padding-top:12px;background-image:url(js/jQuery/slidesjs/img/pagination_produit.png);background-position:0 -1px;float:left;overflow:hidden;} #slideshowProduit .pagination li.current a {background-position:0 -18px;} .btnProduitSS{width: 424px; height: 51px; position: absolute; background: #ccc; z-index: 200; bottom:0px; left:0;} .btnProduitSS a.catalogue, .btnProduitSS a:visited.catalogue{ width: 199px; height: 33px; float: left; background: url(gx/M/btnss_catalogue.jpg) no-repeat top center; color: #fff; text-decoration: none; text-transform: uppercase; padding: 18px 0 0 14px; } .btnProduitSS a.catalogue.double, .btnProduitSS a:visited.catalogue.double{height: 43px;padding: 8px 0 0 14px;} .ddProduitSS{width: 192px; height: 37px; float: left; background: url(gx/M/bg_gris_ss.jpg) repeat-x top center; padding: 14px 0 0 19px;} .ddProduitSS select{width: 154px; height: 22px;color: #353535;} .introGamme{width: 220px; float: left; margin: 0 12px 60px 0; display: inline;} .gamme{width: 230px; float: left; margin: 0 12px 20px 0; display: inline;} .gamme.dernier{margin-right:0;} .gammeImg{width: 230px; float: left; border-top: 5px solid #d1d4d9; border-bottom: 1px solid #d1d4d9;} .gammeTxt{width: 230px; height: 160px; float: left; padding: 23px 0 37px 0; color: #5d5d5d; font-size: 12px; line-height: 18px;} .gammeTxt.ech{height: 100%;} .gammeListe{width: 202px; float: left; border: 1px solid #e6e6e6; padding: 22px 14px;} .gammeListe ul li{list-style: none; background: url(gx/M/puce_bleu.png) no-repeat 0 6px; padding-left: 10px;} .introHotte { width: 960px; float: left; padding-bottom: 10px;} .introHotte h2{ text-transform: none; font-size: 17px; color: #484344; padding: 22px 0 19px 0;} .introHotteImg { width: 369px; float: left;} .introHotteTxt { width: 576px; float: left;} .introHotteTxt.gauche {padding: 0 5px 0 10px;} .introHotteTxt.droite {padding: 0 10px 0 5px;} .ventiler2Colonne{width: 958px; float: left; padding-top: 10px;} .colonneVentiler{width: 478px; float: left;} .ventiler{width: 478px; float: left; padding-bottom: 20px;} .ventilerImg{width: 110px; float: left;} .ventilerTxt{width: 326px; float: left; padding: 0 20px 0 22px;} /* 02_200 : PAGE HOTTES - LISTING --------------------------------------------------------------------------------------- */ .listingGauche{width: 230px; float: left; padding: 37px 0 0 0;} .listingDroite{width: 700px; float: left; padding: 37px 0 0 28px;} .listingDroite h1{padding: 0 0 14px 0; font-weight: normal; font-size: 24px;} a.boutonBleu{ width: 216px; height: 47px; float: left; background: url(gx/M/btn_bleufl.jpg) no-repeat top center; color: #fff; text-decoration: none; padding: 30px 0 0 13px; text-transform: uppercase; font-size: 11px; } a.boutonBleu.double{height: 57px;padding-top: 20px; } a.boutonBleu.acc{margin-bottom: 20px; display: inline;} a.boutonBleu.actif{background: #666162 url(gx/M/btn_grisfl.jpg) repeat-x top center; cursor: default;} .listingProduit{width: 700px; float: left;} .listingProduit h2{color: #0e9dbb; padding: 37px 0 9px 0; min-height: 100px;} .listingProduit.produitSuggestion h2{padding: 0; } .listingProduit h2 a, .listingProduit h2 a:visited{color: #0e9dbb; text-decoration: none;} .listingProduit. h2.avsListe{font-size: 18px; padding-bottom: 0; height: auto;} .produit{width: 220px; float: left; padding-right: 20px;} .produit.dernier{padding-right: 0px;} .produit.avsListe{padding-right: 0px; height: 100px;} .produit.avsListe p{width: 180px;} .produitImg{width: 218px; height: 218px; float: left;border: 1px solid #cecece;} .produitComparer{width: 220px; float: left; height: 22px; padding-top: 8px;} .produitComparer .CompareItem {margin-top: 5px; float: left; display: inline;} .produitComparer label{margin-top: 3px; padding: 0 0 0 5px; float: left; display: inline;} .voirComparaison{ border: none; cursor: pointer; width: 115px; height: 25px; line-height: 25px; float: right; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; background: url(gx/M/btn_comparaison.png) no-repeat top center; padding-bottom: 3px; } p.comparateurSans{padding-left: 15px;} .boiteTri{width: 230px; float: left;} .boiteTri h2{color: #0e9dbb; border-bottom: 1px solid #d1d4d9; padding: 32px 0 3px 0; text-transform: none; font-size: 17px;} .tri{width: 110px; float: left; margin-right: 10px; display: inline;} .tri.dernier{margin-right: 0px;} .triImg{width: 110px; float: left; position: relative; padding-top: 14px;} .triImg a, .triImg a:visited{width: 110px; height: 99px; float: left;text-decoration: none;display: inline;} .triImg a.mural{background: url(gx/M/sprite-type.png) no-repeat 0 0;} .triImg a:hover.mural, .triImg a.actif.mural{background: url(gx/M/sprite-type.png) no-repeat -111px 0;} .triImg a.ilot{background: url(gx/M/sprite-type.png) no-repeat 0 -100px;} .triImg a:hover.ilot, .triImg a.actif.ilot{background: url(gx/M/sprite-type.png) no-repeat -111px -100px;} .triImg a.sousarmoire{background: url(gx/M/sprite-type.png) no-repeat 0 -200px;} .triImg a:hover.sousarmoire, .triImg a.actif.sousarmoire{background: url(gx/M/sprite-type.png) no-repeat -111px -200px;} .triImg a.encastre{background: url(gx/M/sprite-type.png) no-repeat 0 -300px;} .triImg a:hover.encastre, .triImg a.actif.encastre{background: url(gx/M/sprite-type.png) no-repeat -111px -300px;} .triImg a.puissance1{background: url(gx/M/sprite-puissance.png) no-repeat 0 0;} .triImg a:hover.puissance1, .triImg a.actif.puissance1{background: url(gx/M/sprite-puissance.png) no-repeat -111px 0;} .triImg a.puissance2{background: url(gx/M/sprite-puissance.png) no-repeat 0 -100px;} .triImg a:hover.puissance2, .triImg a.actif.puissance2{background: url(gx/M/sprite-puissance.png) no-repeat -111px -100px;} .triImg a.puissance3{background: url(gx/M/sprite-puissance.png) no-repeat 0 -200px;} .triImg a:hover.puissance3, .triImg a.actif.puissance3{background: url(gx/M/sprite-puissance.png) no-repeat -111px -200px;} /* .triImg a.largeur24{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 0;} .triImg a:hover.largeur24, .triImg a.actif.largeur24{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px 0;} .triImg a.largeur30{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -200px;} .triImg a:hover.largeur30, .triImg a.actif.largeur30{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -200px;} .triImg a.largeur36{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -100px;} .triImg a:hover.largeur36, .triImg a.actif.largeur36{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -100px;} .triImg a.largeur42{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -300px;} .triImg a:hover.largeur42, .triImg a.actif.largeur42{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -300px;} */ .triImg a.largeur24{background: url(gx/M/sprite-largeur.png) no-repeat 0 0;} .triImg a:hover.largeur24, .triImg a.actif.largeur24{background: url(gx/M/sprite-largeur.png) no-repeat -111px 0;} .triImg a.largeur30{background: url(gx/M/sprite-largeur.png) no-repeat 0 -200px;} .triImg a:hover.largeur30, .triImg a.actif.largeur30{background: url(gx/M/sprite-largeur.png) no-repeat -111px -200px;} .triImg a.largeur36{background: url(gx/M/sprite-largeur.png) no-repeat 0 -100px;} .triImg a:hover.largeur36, .triImg a.actif.largeur36{background: url(gx/M/sprite-largeur.png) no-repeat -111px -100px;} .triImg a.largeur42{background: url(gx/M/sprite-largeur.png) no-repeat 0 -300px;} .triImg a:hover.largeur42, .triImg a.actif.largeur42{background: url(gx/M/sprite-largeur.png) no-repeat -111px -300px;} .triImg a.venmar{background: url(gx/M/sprite-collection.jpg) no-repeat 0 0;} .triImg a:hover.venmar, .triImg a.actif.venmar{background: url(gx/M/sprite-collection.jpg) no-repeat -111px 0;} .triImg a.venmarJazz{background: url(gx/M/sprite-collection.jpg) no-repeat 0 -100px;} .triImg a:hover.venmarJazz, .triImg a.actif.venmarJazz{background: url(gx/M/sprite-collection.jpg) no-repeat -111px -100px;} .triImg a.venmarConnaisseur{background: url(gx/M/sprite-collection.jpg) no-repeat 0 -200px;} .triImg a:hover.venmarConnaisseur, .triImg a.actif.venmarConnaisseur{background: url(gx/M/sprite-collection.jpg) no-repeat -111px -200px;} .triImg a.ispiraCollection{background: url(gx/M/sprite-collection.jpg) no-repeat 0 -300px;} .triImg a:hover.ispiraCollection, .triImg a.actif.ispiraCollection{background: url(gx/M/sprite-collection.jpg) no-repeat -111px -300px;} .triImg a.venmarCommercial_fr{background: url(gx/M/sprite-marque.png) no-repeat 0 -100px;} .triImg a:hover.venmarCommercial_fr, .triImg a.actif.venmarCommercial_fr{background: url(gx/M/sprite-marque.png) no-repeat -111px -100px;} .triImg a.venmarCommercial_en{background: url(gx/M/sprite-marque.png) no-repeat 0 -300px;} .triImg a:hover.venmarCommercial_en, .triImg a.actif.venmarCommercial_en{background: url(gx/M/sprite-marque.png) no-repeat -111px -300px;} .triImg a.venmarAVS{background: url(gx/M/sprite-marque.png) no-repeat 0 -200px;} .triImg a:hover.venmarAVS, .triImg a.actif.venmarAVS{background: url(gx/M/sprite-marque.png) no-repeat -111px -200px;} .triImg a.energyStar{background:url(gx/M/energyStarLogo.jpg) top left no-repeat; width: 110px; height: 99px; border: 1px solid #fff;} .triImg a:hover.energyStar, .triImg a.actif.energyStar{border: 1px solid #0E9DBB;} a.cfm70{background: url(gx/M/sprite-cfm.png) no-repeat 0 0;} a:hover.cfm70, a.actif.cfm70{background: url(gx/M/sprite-cfm.png) no-repeat -111px 0;} a.cfm80{background: url(gx/M/sprite-cfm.png) no-repeat 0 -100px;} a:hover.cfm80, a.actif.cfm80{background: url(gx/M/sprite-cfm.png) no-repeat -111px -100px;} a.cfm150{background: url(gx/M/sprite-cfm.png) no-repeat 0 -200px;} a:hover.cfm150, a.actif.cfm150{background: url(gx/M/sprite-cfm.png) no-repeat -111px -200px;} a.cfm180{background: url(gx/M/sprite-cfm.png) no-repeat 0 -300px;} a:hover.cfm180, a.actif.cfm180{background: url(gx/M/sprite-cfm.png) no-repeat -111px -300px;} a.surface1{background: url(gx/SURFACE/1.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.surface1, a.actif.surface1{background: url(gx/SURFACE/1.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} a.surface2{background: url(gx/SURFACE/2.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.surface2, a.actif.surface2{background: url(gx/SURFACE/2.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} a.surface3{background: url(gx/SURFACE/3.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.surface3, a.actif.surface3{background: url(gx/SURFACE/3.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} a.FILTRATION1{background: url(gx/FILTRATION/1.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.FILTRATION1, a.actif.FILTRATION1{background: url(gx/FILTRATION/1.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} a.FILTRATION2{background: url(gx/FILTRATION/2.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.FILTRATION2, a.actif.FILTRATION2{background: url(gx/FILTRATION/2.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} a.FILTRATION3{background: url(gx/FILTRATION/3.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid gainsboro;} a:hover.FILTRATION3, a.actif.FILTRATION3{background: url(gx/FILTRATION/3.jpg) no-repeat 15px 10px;background-size: 80px 80px;border:1px solid lightseagreen;} .en a.vrc{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 -299px;} .en a:hover.vrc, .en a.actif.vrc{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px -299px;} .en a.vre{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 -399px;} .en a:hover.vre, .en a.actif.vre{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px -399px;} .en a.recuperation0{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 -499px;} .en a:hover.recuperation0, .en a.actif.recuperation0{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px -499px;} a.vrc{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 0;} a:hover.vrc, a.actif.vrc{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px 0;} a.vre{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 -100px;} a:hover.vre, a.actif.vre{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px -100px;} a.recuperation0{background: url(gx/M/sprite-recuperateur.png) no-repeat 0 -200px;} a:hover.recuperation0, a.actif.recuperation0{background: url(gx/M/sprite-recuperateur.png) no-repeat -111px -200px;} .triTxt{width: 110px;/*230*/ float: left; padding-top: 3px;color: #353535; font-size: 11px; text-align: center;} .triTxt a{color: #353535; text-decoration: none;} .boiteRechercheGauche{width: 212px; height: 64px; float: left; background: url(gx/M/bg_rech_gauche.jpg) repeat-x top center; margin-top: 15px; display: inline; padding: 21px 0 0 18px;} .boiteRechercheGauche .titreRech{font-size: 17px; color: #565253; padding: 0 0 10px 0;font-family: 'PTSansRegular'} .boiteRechercheGauche .ddRech{width: 212px; float: left;} .boiteRechercheGauche select{color: #353535;} #filtre { border-bottom: 1px solid #d1d4d9; float: left; min-height: 24px; padding: 6px 0px 15px 0px; width: 100%; } #filtre .btn_filtre { background: url(gx/M/fermer.gif) no-repeat 95% 50%; border: 1px solid #d1d4d9; border-radius: 5px; box-shadow: inset 0px -8px 8px #eee; color: #676263; display: block; float: left; height: 17px; margin-right: 10px; padding: 2px 10px; overflow: hidden; width: 130px; } .module_pagination { margin:20px 10px 10px 0; float:left; } .module_pagination_libelle { color:#868686; float:left; display:block; padding:3px; line-height:13px; height:13px; } .module_pagination_page a, .module_pagination_pagecourante { margin:0 2px; display:block; width:13px; line-height:13px; height:13px; padding:4px; } .module_pagination_page { text-align:center; float:left; display:block; } .module_pagination_page a { color:#848484; } .module_pagination_page a:hover { text-decoration:none; -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow:0 0 3px rgba(0,0,0,.5); } .module_pagination_page a:hover, .module_pagination_page a:active, .module_pagination_pagecourante { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .module_pagination_page a:active, .module_pagination_pagecourante { -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.5); -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); box-shadow:inset 1px 1px 3px rgba(0,0,0,.5); } #dbx_nbrParPage { margin-top: 20px; margin-bottom: 10px; float: right;} /* 02_300 : PAGE HOTTES - DETAIL --------------------------------------------------------------------------------------- */ .conteneurBoiteDDRech{ display: none; height: 443px; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 100; width: 1000px;} #affBteRech .boiteDDrecherche{ background: #fff; width: 940px; height: 426px; padding: 17px 30px 17px 30px; } #affBteRech .boiteDDrecherche .ddHautGris{width: 461px; height: 53px; float: left; background: url(gx/M/bg_hautgris.jpg) repeat-x top center;} #affBteRech .boiteDDrecherche .bgBlanc{float: left; height: 388px; background: #fff;} #affBteRech .boiteDDrecherche .basBtn{width: 940px; height: 38px; float: left;} #affBteRech .boiteDDrecherche h2{font-size: 17px; color: #0e9dbb; border-bottom: 1px solid #d1d4d9; text-transform: none; padding: 14px 0 4px 0; margin: 0 0 17px 0;} #affBteRech .boiteDDrecherche .boite{width: 102px; float: left; margin-right: 17px; display: inline;} #affBteRech .boiteDDrecherche .boite.dernier{margin-right: 0;} #affBteRech .boiteDDrecherche .boite a.img{width: 102px; height: 80px; float: left; border: 1px solid #c3c3c3; padding:0; text-decoration: none;} #affBteRech .boiteDDrecherche .boite a.img.mural{background: url(gx/M/sprite-type.png) no-repeat -3px -10px;} #affBteRech .boiteDDrecherche .boite a:hover.img.mural{background: url(gx/M/sprite-type.png) no-repeat -114px -10px;} #affBteRech .boiteDDrecherche .boite a.img.ilot{background: url(gx/M/sprite-type.png) no-repeat -4px -114px;} #affBteRech .boiteDDrecherche .boite a:hover.img.ilot{background: url(gx/M/sprite-type.png) no-repeat -115px -114px;} #affBteRech .boiteDDrecherche .boite a.img.sousarmoire{background: url(gx/M/sprite-type.png) no-repeat -3px -209px;} #affBteRech .boiteDDrecherche .boite a:hover.img.sousarmoire{background: url(gx/M/sprite-type.png) no-repeat -114px -209px;} #affBteRech .boiteDDrecherche .boite a.img.encastre{background: url(gx/M/sprite-type.png) no-repeat -3px -309px;} #affBteRech .boiteDDrecherche .boite a:hover.img.encastre{background: url(gx/M/sprite-type.png) no-repeat -114px -309px;} #affBteRech .boiteDDrecherche .boite a.img.venmar{background: url(gx/M/sprite-collection.jpg) no-repeat -5px -4px;} #affBteRech .boiteDDrecherche .boite a:hover.img.venmar{background: url(gx/M/sprite-collection.jpg) no-repeat -116px -4px;} #affBteRech .boiteDDrecherche .boite a.img.jazz{background: url(gx/M/sprite-collection.jpg) no-repeat -5px -110px;} #affBteRech .boiteDDrecherche .boite a:hover.img.jazz{background: url(gx/M/sprite-collection.jpg) no-repeat -116px -110px;} #affBteRech .boiteDDrecherche .boite a.img.connaisseur{background: url(gx/M/sprite-collection.jpg) no-repeat -5px -210px;} #affBteRech .boiteDDrecherche .boite a:hover.img.connaisseur{background: url(gx/M/sprite-collection.jpg) no-repeat -116px -210px;} #affBteRech .boiteDDrecherche .boite a.img.ispira{background: url(gx/M/sprite-collection.jpg) no-repeat -5px -308px;} #affBteRech .boiteDDrecherche .boite a:hover.img.ispira{background: url(gx/M/sprite-collection.jpg) no-repeat -116px -308px;} #affBteRech .boiteDDrecherche .boite a.venmarCommercial_fr{background: url(gx/M/sprite-marque.png) no-repeat -5px -110px;} #affBteRech .boiteDDrecherche .boite a:hover.venmarCommercial_fr {background: url(gx/M/sprite-marque.png) no-repeat -116px -110px;} #affBteRech .boiteDDrecherche .boite a.venmarCommercial_en{background: url(gx/M/sprite-marque.png) no-repeat -5px -310px;} #affBteRech .boiteDDrecherche .boite a:hover.venmarCommercial_en {background: url(gx/M/sprite-marque.png) no-repeat -116px -310px;} #affBteRech .boiteDDrecherche .boite a.venmarAVS{background: url(gx/M/sprite-marque.png) no-repeat -5px -210px;} #affBteRech .boiteDDrecherche .boite a:hover.venmarAVS {background: url(gx/M/sprite-marque.png) no-repeat -116px -210px;} #affBteRech .boiteDDrecherche .boite a.img.puissance1{background: url(gx/M/sprite-puissance.png) no-repeat -3px -10px;} #affBteRech .boiteDDrecherche .boite a:hover.img.puissance1{background: url(gx/M/sprite-puissance.png) no-repeat -114px -10px;} #affBteRech .boiteDDrecherche .boite a.img.puissance2{background: url(gx/M/sprite-puissance.png) no-repeat -3px -110px;} #affBteRech .boiteDDrecherche .boite a:hover.img.puissance2{background: url(gx/M/sprite-puissance.png) no-repeat -114px -110px;} #affBteRech .boiteDDrecherche .boite a.img.puissance3{background: url(gx/M/sprite-puissance.png) no-repeat -1px -209px;} #affBteRech .boiteDDrecherche .boite a:hover.img.puissance3{background: url(gx/M/sprite-puissance.png) no-repeat -112px -209px;} #affBteRech .boiteDDrecherche .boite a.img.largeur24{background: url(gx/M/sprite-largeur.png) no-repeat -5px -11px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur24{background: url(gx/M/sprite-largeur.png) no-repeat -116px -11px;} #affBteRech .boiteDDrecherche .boite a.img.largeur30{background: url(gx/M/sprite-largeur.png) no-repeat -5px -210px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur30{background: url(gx/M/sprite-largeur.png) no-repeat -116px -210px;} #affBteRech .boiteDDrecherche .boite a.img.largeur36{background: url(gx/M/sprite-largeur.png) no-repeat -5px -111px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur36{background: url(gx/M/sprite-largeur.png) no-repeat -116px -111px;} #affBteRech .boiteDDrecherche .boite a.img.largeur42{background: url(gx/M/sprite-largeur.png) no-repeat -5px -310px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur42{background: url(gx/M/sprite-largeur.png) no-repeat -116px -310px;} #affBteRech .boiteDDrecherche .boite a.img.largeur3036{background: url(gx/M/sprite-largeur.png) no-repeat -5px -409px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur3036{background: url(gx/M/sprite-largeur.png) no-repeat -116px -409px;} /*FR*/ /* #affBteRech .boiteDDrecherche .boite a.img.largeur24fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -5px -11px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur24fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -116px -11px;} #affBteRech .boiteDDrecherche .boite a.img.largeur30fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -5px -210px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur30fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -116px -210px;} #affBteRech .boiteDDrecherche .boite a.img.largeur36fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -5px -111px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur36fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -116px -111px;} #affBteRech .boiteDDrecherche .boite a.img.largeur42fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -5px -310px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur42fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -116px -310px;} #affBteRech .boiteDDrecherche .boite a.img.largeur3036fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -5px -409px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur3036fr{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -116px -409px;} */ /*EN*/ /* #affBteRech .boiteDDrecherche .boite a.img.largeur24en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -5px -11px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur24en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -116px -11px;} #affBteRech .boiteDDrecherche .boite a.img.largeur30en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -5px -210px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur30en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -116px -210px;} #affBteRech .boiteDDrecherche .boite a.img.largeur36en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -5px -111px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur36en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -116px -111px;} #affBteRech .boiteDDrecherche .boite a.img.largeur42en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -5px -310px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur42en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -116px -310px;} #affBteRech .boiteDDrecherche .boite a.img.largeur3036en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -5px -409px;} #affBteRech .boiteDDrecherche .boite a:hover.img.largeur3036en{background: url(gx/M/sprite-largeur-en.jpg) no-repeat -116px -409px;} */ #affBteRech .boiteDDrecherche .boite a.cfm70{background: url(gx/M/sprite-cfm.png) no-repeat -7px -8px;} #affBteRech .boiteDDrecherche .boite a:hover.cfm70 {background: url(gx/M/sprite-cfm.png) no-repeat -118px -8px;} #affBteRech .boiteDDrecherche .boite a.cfm80{background: url(gx/M/sprite-cfm.png) no-repeat -7px -108px;} #affBteRech .boiteDDrecherche .boite a:hover.cfm80 {background: url(gx/M/sprite-cfm.png) no-repeat -118px -108px;} #affBteRech .boiteDDrecherche .boite a.cfm150{background: url(gx/M/sprite-cfm.png) no-repeat -7px -208px;} #affBteRech .boiteDDrecherche .boite a:hover.cfm150 {background: url(gx/M/sprite-cfm.png) no-repeat -118px -208px;} #affBteRech .boiteDDrecherche .boite a.cfm180{background: url(gx/M/sprite-cfm.png) no-repeat -7px -308px;} #affBteRech .boiteDDrecherche .boite a:hover.cfm180 {background: url(gx/M/sprite-cfm.png) no-repeat -118px -308px;} #affBteRech .boiteDDrecherche .boite a.vrc{background: url(gx/M/sprite-recuperateur.png) no-repeat -7px -13px;} #affBteRech .boiteDDrecherche .boite a:hover.vrc {background: url(gx/M/sprite-recuperateur.png) no-repeat -118px -13px;} #affBteRech .boiteDDrecherche .boite a.vre{background: url(gx/M/sprite-recuperateur.png) no-repeat -7px -113px;} #affBteRech .boiteDDrecherche .boite a:hover.vre {background: url(gx/M/sprite-recuperateur.png) no-repeat -118px -113px;} #affBteRech .boiteDDrecherche .boite a.recuperation0{background: url(gx/M/sprite-recuperateur.png) no-repeat -7px -211px;} #affBteRech .boiteDDrecherche .boite a:hover.recuperation0 {background: url(gx/M/sprite-recuperateur.png) no-repeat -118px -211px;} #affBteRech .boiteDDrecherche .boite a.desc{width: 102px; height: 30px; float: left; font-size: 11px; color: #353535; text-decoration: none; padding: 3px 0 0 0; text-align: center;} #affBteRech .boiteDDrecherche .gauche{width: 461px; float: left; padding: 0px; } #affBteRech .boiteDDrecherche .gauche a{font-size: 17px; color: #635e5f; text-decoration: none; padding: 17px 0 0 21px; float: left;} #affBteRech .boiteDDrecherche .droite{width: 461px; float: left; padding-left: 18px;} #affBteRech .boiteDDrecherche .droite .titre{float: left; font-size: 17px; color: #635e5f; padding: 17px 0 0 21px;} #affBteRech .boiteDDrecherche .droite select{margin: 15px 0 0 60px;display: inline;color: #4d4849;} .contenuDetail{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 20px 20px 0 22px; position: relative; } .contenuDetail .gauche{width: 420px; float: left; padding: 0 0 0 9px;} .contenuDetail .gauche h2{color: #665f61; font-size: 17px; font-weight: normal; text-transform: none; padding: 0 0 5px 0; margin: 26px 0 0 0; border-bottom: 1px solid #d1d4d9;} .imgProduit{width: 420px; height: 420px; float: left; position: relative; border: 1px solid #EEEFF1;} a.loupe{width: 420px; height: 420px; position: absolute; bottom:0; right:0;background: url(gx/M/loupe_produit.png) no-repeat bottom right; text-decoration: none;} .blocCollection{width: 420px; min-height: 64px; height: auto !important; height: 64px; float: left; padding: 0 0 0 0; margin-top: 56px; display: inline;} .blocCollectionImg{width: 261px; float: left; background: url(gx/M/bg_bloc_collection.jpg) repeat-y top left; padding-left: 11px;} .blocCollectionBtn{width: 148px; float: left; padding-top: 19px;} .blocCollectionBtn a{ width: 258px; height: 21px; float: left; background: url(gx/M/iconedd.jpg) no-repeat 113px 0; text-decoration: none; font-size: 11px; color: #473e40; text-transform: uppercase; font-weight: bold; padding: 5px 0 0 14px; } .collectionVideo{width: 420px; float: left; padding: 20px 0 0 0;} .collectionCache{width: 420px; display: none; float: left; padding-top: 10px;} a.btnFermerfl{float: left; height: 30px; background: url(gx/M/fermersp.jpg) no-repeat 0 5px; color: #473e40; font-size: 11px; font-weight: normal; padding: 3px 0 0 20px; text-decoration: none; text-transform: uppercase;} .blocPromo{width: 409px; float: left; padding: 10px 0 0 11px; background: url(gx/M/bg_bloc_promo.jpg) repeat-y top left; margin: 9px 0; display: inline;} .affImgProduit{display: none;} a.imgInactive{cursor: default;} .contenuDetail hr{background: #d1d4d9; height: 1px; clear: both;} .blocPromo DT { cursor: pointer; margin-left: 18px; list-style: none; background: url(gx/M/puce_papillon.jpg) no-repeat 0 0; padding: 4px 0 18px 27px; min-height: 18px; height: auto !important; height: 18px; } .blocPromo DD { display: none; padding: 0px 0px 10px 45px; } #lnk_plus { color: #53A6B4; float: right; font-size: 11px; font-weight: bold; } .blocEnregistrement{width: 394px; float: left; padding: 26px 0 26px 26px; background: url(gx/M/bg_bloc_enregistrement.jpg) repeat-y top left; margin: 9px 0; display: inline;} .blocEnregistrementTxt{width: 274px; float: left; padding-top: 5px;} .blocEnregistrementBtn{width: 120px; float: left;} .blocEnregistrementBtn a{width: 120px; height: 23px; float: left; background: url(gx/M/btn_enregistrer.jpg) no-repeat top center; text-decoration: none; text-align: center; color: #fff; padding-top: 4px;} .contenuDetail .droite{width: 482px; float: left; padding: 0 0 0 47px;} .contenuDetail .droite h1 span{color: #0e9dbb;} .contenuDetail .droite h1 span.sku {color: #0e9dbb; font-size:16px;} .descProduit{font-size: 12px; color: #8c8f96;} .blocProfil{width: 482px; float: left; margin-bottom: 15px; display: inline;} .profil{float: left; height: 84px;} .profilImg{ height: 84px; margin: auto; width: 100px; } .profilTxt{float: left; color: #353535; font-size: 11px; text-align: center; width: 120px; } .profil.collection, .profil.CFM, .profil.recuperation, .profil.type, .profil.puissance, .profil.largeur { text-align: center; width: 120px;} /* .affTypeProd.type3{display: none;} .affTypeProd.type4{display: none;} */ .profilImg.CFM1{width:100px; height: 84px; background: url(gx/M/sprite-cfm.png) no-repeat -5px -13px;}/* 70 et moins */ .profilImg.CFM2{width:100px; height: 84px; background: url(gx/M/sprite-cfm.png) no-repeat -5px -113px;}/* 80-140 */ .profilImg.CFM3{width:100px; height: 84px; background: url(gx/M/sprite-cfm.png) no-repeat -5px -210px;}/* 150-180 */ .profilImg.CFM4{width:100px; height: 84px; background: url(gx/M/sprite-cfm.png) no-repeat -5px -314px;}/* 180 + */ .profilTxt.CFM{width:100px;text-align: center;} .profilImg.recuperation1{width:100px; height: 84px; background: url(gx/M/sprite-recuperateur.png) no-repeat -5px -13px; }/* VRC */ .profilImg.recuperation2{width:100px; height: 84px; background: url(gx/M/sprite-recuperateur.png) no-repeat -5px -113px; }/* VRE */ .profilImg.recuperation3{width:100px; height: 84px; background: url(gx/M/sprite-recuperateur.png) no-repeat -5px -210px; }/* aucune */ .profilTxt.recuperation{width:130px;text-align: center;} .en .profilImg.recuperation1{background-position: -5px -312px; }/* VRC */ .en .profilImg.recuperation2{background-position: -5px -412px; }/* VRE */ .en .profilImg.recuperation3{background-position: -5px -509px; }/* aucune */ .en .profilTxt.recuperation{width:130px;text-align: center;} .profilImg.type3{width:100px; height: 84px; background: url(gx/M/sprite-type.png) no-repeat -5px -13px;}/*Murale*/ .profilImg.type4{width:100px; height: 84px; background: url(gx/M/sprite-type.png) no-repeat -5px -113px;}/*Ilot*/ .profilImg.type7{width:100px; height: 84px; background: url(gx/M/sprite-type.png) no-repeat -5px -13px;}/*Cheminee*/ .profilImg.type5{width:100px; height: 84px; background: url(gx/M/sprite-type.png) no-repeat -5px -210px;}/*Sous-armoire*/ .profilImg.type6{width:100px; height: 84px; background: url(gx/M/sprite-type.png) no-repeat -5px -314px;}/*Encastré*/ .profilImg.puissance1{width:100px; height: 84px; background: url(gx/M/sprite-puissance.png) no-repeat -5px -13px;} .profilImg.puissance2{width:100px; height: 84px; background: url(gx/M/sprite-puissance.png) no-repeat -5px -113px;} .profilImg.puissance3{width:100px; height: 84px; background: url(gx/M/sprite-puissance.png) no-repeat -5px -213px;} .profilImg.largeurM30{ background: url(gx/M/sprite-largeur.png) no-repeat -5px -14px;} .profilImg.largeur30{ background: url(gx/M/sprite-largeur.png) no-repeat -5px -214px;} .profilImg.largeur36{ background: url(gx/M/sprite-largeur.png) no-repeat -5px -110px;} .profilImg.largeurP36{ background: url(gx/M/sprite-largeur.png) no-repeat -5px -314px;} .profilImg.largeur3036{ background: url(gx/M/sprite-largeur.png) no-repeat -5px -413px;} .profilImg.bgLargeur{background: url(gx/M/bg_largeur_profil.jpg) no-repeat 0 0;} .profilImg.bgLargeur{padding-top:33px;height: 51px; color: #54a6b8; font-size: 14px;} .profilImg.bgLargeur.double{padding-top:26px !important;height: 58px !important;} .profilImg.bgLargeur.triple { height: 66px !important; line-height: 16px; padding-top: 18px !important; } /*.triImg a:hover.largeur24, .triImg a.actif.largeur24{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px 0;} .triImg a.largeur30{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -200px;} .triImg a:hover.largeur30, .triImg a.actif.largeur30{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -200px;} .triImg a.largeur36{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -100px;} .triImg a:hover.largeur36, .triImg a.actif.largeur36{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -100px;} .triImg a.largeur42{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat 0 -300px;} .triImg a:hover.largeur42, .triImg a.actif.largeur42{background: url(gx/M/sprite-largeur-fr.jpg) no-repeat -111px -300px;}*/ /* .profil.puissance .profilImg{margin-left: 15px;} .profil.puissance .profilTxt{width: 105px; text-align: center;} .profil.largeur .profilTxt{width: 65px; padding: 0 0 0 10px; text-align: center;margin-left: 15px;} .profil.largeur .profilImg{margin-left: 15px;} .profil.largeur{ width: 114px; height: 52px; padding: 28px 9px 0 9px; text-align: center; font-size: 12px; background: url(gx/M/bg_largeur.jpg) no-repeat top center; } .profil.largeur{ width: 75px; height: 38px; float: left; padding: 14px 10px 0 10px; text-align: center; font-size: 12px; }*/ .blocProfil h2, .blocCouleurStyle h2{font-size: 17px; color: #0e9dbb; font-weight: normal; text-transform: none; border-bottom: 1px solid #d1d4d9; padding: 25px 0 7px 0; margin-bottom: 6px; } .blocCouleurStyle h2{margin-bottom: 12px;} .blocCouleurStyle{width: 420px;/*482*/ float: left;} .blocCouleur{width: 190px;/*262*/ float: left;} .blocCouleur a{width: 22px; height: 22px; float: left; padding-right: 2px; text-decoration: none} .blocCouleurStyle.complet, .blocCouleurStyle.complet .blocCouleur{width: 420px;/*482*/} .couleur{width: 22px; height: 22px; float: left; padding-right: 2px;} .lienCouleur{float: left; margin-top: 4px; display: inline;} /* a.couleur{width: 22px; height: 22px; float: left; padding-right: 2px; text-decoration: none} a.couleur.c1{background: url(gx/M/couleur_blanc.jpg) no-repeat top center;} a.couleur.c2{background: url(gx/M/couleur_gris.jpg) no-repeat top center;} a.couleur.c3{background: url(gx/M/couleur_orange.jpg) no-repeat top center;} a.couleur.c4{background: url(gx/M/couleur_noir.jpg) no-repeat top center;} a.couleur.c5{background: url(gx/M/couleur_vert.jpg) no-repeat top center;} a.couleur.c6{background: url(gx/M/couleur_turquoise.jpg) no-repeat top center;} a.couleur.c7{background: url(gx/M/couleur_rouge.jpg) no-repeat top center;} a.couleur.c8{background: url(gx/M/couleur_stainless.jpg) no-repeat top center;} */ .blocStyle{width: 200px; float: left; margin-left: 19px; display: inline;} .blocStyle ul li{list-style: none; background: url(gx/M/puce_bleu.png) no-repeat 0 6px; padding-left: 10px; padding-top: 3px; font-size: 11px; color: #353535;} /* TABS --------------------------------------------------------------------------------------- */ #contenuTab {width: 482px;padding-top: 50px;float: left;} ul.tabs {width:482px;margin:0;padding:0;} ul.tabs li {display:block;float:left;padding-right: 2px;text-align: center;font-size: 15px;} ul.tabs li a { display:block; float:left; width: 144px; height: 28px; padding-top: 10px; background: url(gx/M/bg_tab.jpg) repeat-x top center; color:#6c6f74; text-decoration:none; } .selected, ul.tabs li a.selected {color: #fff;background: url(gx/M/bg_tab_actif.jpg) repeat-x top center; border: 1px solid #A7A8AC; border-bottom: none; } .tab-content {clear:both; zoom:1; border:1px solid #a7a8ac;padding:10px;} #tabSpec table{font-size: 11px;} #tabSpec table tr td{font-weight: normal; color: #00839e; vertical-align:text-top;} #tabSpec table tr td strong{font-weight: bold; color: #353535; padding-right: 3px;} #tabSpec table tr td.specGauche{width: 460px;}/*230*/ #tabSpec table tr td.specDroite{width: 230px; padding-left: 14px; border-left: 1px solid #d1d4d9;} /*#tabSpec table tr td.specGauche span.specTitre { width:250px; display:inline-block;} #tabSpec table tr td.specGauche span.specContenu { width:200px; display:inline-block;}*/ #tabDessin{text-align: center;} /*#menuDessinTech{float: left; width: 100px;}*/ /*#menuDessinTech li{list-style: none; display: inline;} #menuDessinTech li a{text-decoration: none; width: 30px; height: 30px; float: left;}*/ .affDessinTech{display: none;} .menuDessinTech{width: 482px; float: left;} .menuDessinTech a{ border: 1px solid #ccc; border-radius: 6px; float: left; line-height: 20px; margin: 0px 7px 10px 0px; text-decoration: none; width: 30px; } .tabDocumentation{width: 460px; float: left;} .docProduit{float: left; padding: 15px 0 5px 0; width: 153px; } .docProduitImg{width: 30px; float: left;} .docProduitTxt{float: left; padding-left: 5px;} .docProduitTxt h3{font-size: 13px; padding: 1px 0 0 0; text-transform: none; color: #2C80A2;} .docProduitTxt h3 a{color: #2C80A2;} a.lienTelecharger{font-size: 11px; text-decoration: none;} .procurer{width: 482px; float: left; background: url(gx/M/bg_procurer.jpg) no-repeat top center; margin: 20px 0px; display: inline; padding: 46px 0 0 0;} .procurer h2{font-size: 17px; color: #665f61; border-bottom: 1px solid #d1d4d9; text-transform: none; padding: 0 0 5px 0; margin: 0 0 20px 0;} .etapeProcedure{width: 481px; float: left; padding: 0 0 0 0; min-height: 63px; height: auto !important; height: 63px;} .etapeProcedure.etape1{width: 402px; float: left; padding: 0 0 10px 79px;background: url(gx/M/bg_etape1.jpg) no-repeat 0 0;} .etapeProcedure.etape2{width: 402px; float: left; padding: 0 0 0 79px;background: url(gx/M/bg_etape2.jpg) no-repeat 0 0;} .indication{color: #353535; font-size: 11px; font-weight: bold; line-height: 14px;} .etapeProcedure label{color: #6c6f74; font-size: 15px; float: left; padding-right: 10px;} .etapeProcedure input.champTexte{margin-right: 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .etapeProcedure input.bouton{float: left;} .resultatProc{width: 482px;float: left; border-bottom: 1px solid #d1d4d9;margin-bottom: 10px;} .ligneRes{width: 482px; float: left;background: url(gx/M/bg_bloc_procurer.jpg) repeat-y top left; margin: 10px 0;} /*.resultatProc .iconePrinc{width: 57px; float: left; padding: 7px 6px 0 17px}*/ .resultatProc .iconePrinc{width: 66px; float: left; padding: 7px 6px 0 0; margin-left: 17px;} .resultatProc .iconePrinc.detaillant{width: 66px;height: 66px;background: url(gx/M/sprite_type_service.png) no-repeat 0 2px;} .resultatProc .iconePrinc.installateur{width: 66px;height: 66px;background: url(gx/M/sprite_type_service.png) no-repeat 0 -68px;} .resultatProc .iconePrinc.centre{width: 66px;height: 66px;background: url(gx/M/sprite_type_service.png) no-repeat 0 -138px;} .resultatProc .contact{width: 161px; float: left; font-size: 12px; color: #6c6f74; line-height: 14px; } .resultatProc .contact span{font-size: 15px;color: #38393c; line-height: 16px;} .resultatProc .contact span a{color: #38393c; text-decoration: none;} .resultatProc .icones{width: 100px; float: left; text-align: center; padding: 15px 10px 0 0;} .resultatProc .icones img{float: left; padding-right: 2px;} .resultatProc .tel{width: 110px; float: left; text-align: center; padding: 15px 0 0 0; color: #278a9f;} .resultatProc .km{width: 98px; float: left; text-align: center; padding-top: 6px;} .resultatProc .km span{font-size: 14px; color: #4f5155;} a.boutonGris{ float: left; background: url(gx/M/bg_btngris.jpg) repeat-x top center; height: 21px; color: #fff; text-align: center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 2px 15px 0 15px; margin: 0; text-decoration: none; } .boiteAccDroite{width: 482px; float: left; background: url(gx/M/bg_procurer.jpg) no-repeat top center; margin-top: 20px; display: inline; padding: 46px 0 0 0;} .boiteAccDroite h2{font-size: 17px; color: #665f61; border-bottom: 1px solid #d1d4d9; text-transform: none; padding: 0 0 5px 0; margin: 0 0 20px 0;} .accDroite{width: 111px; /*height: 160px;*/ padding-bottom: 20px;height: 270px; float: left; margin-right: 10px; display: inline; font-size: 12px; color: #6c6f74;} .accDroite.dernier{margin-right:0;} /* 02_400 : PAGE HOTTES [H] / 03_400 : PAGE ECHANGEURS [E]- COMPARATEUR --------------------------------------------------------------------------------------- */ h2.comparateur{margin-top: 40px !important; margin-bottom: 0 !important;} .contenuComparateurH, .contenuComparateurE{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 10px 20px 0 22px; } .contenuComparateurH .gauche, .contenuComparateurE .gauche{width: 230px; float: left; padding: 59px 0 40px 0;} .contenuComparateurH h2, .contenuComparateurE h2{font-size:17px; color: #0e9dbb; text-decoration: none; text-transform: none; border-bottom: 1px solid #d1d4d9; padding: 110px 0 3px 0; margin:0 0 22px 0;} .contenuComparateurH .gauche ul li{list-style: none; font-size: 12px; border-bottom: 1px solid #d1d4d9; padding: 20px 0 18px 0;color: #8c8f96;} .contenuComparateurE .gauche ul li{list-style: none; font-size: 12px; border-bottom: 1px solid #d1d4d9; padding: 41px 0 41px 0;color: #8c8f96;} .contenuComparateurE .gauche ul li.small{padding-top: 18px; padding-bottom: 18px;} .contenuComparateurE .gauche ul li.twoRows{padding: 30px 0 30px 0;} .contenuComparateurH .droite, .contenuComparateurE .droite{width: 713px; float: left; padding: 0 0 0 15px;} .contenuComparateurH .droite h1, .contenuComparateurE .droite h1{padding: 30px 0 10px 15px;} .introComparateur{width: 698px; height: 70px; float: left; color: #8c8f96; font-size: 12px; padding-left: 15px;} .colCompH, .colCompE{width: 164px; float: left; margin-left: 14px; display: inline; border-bottom: 1px solid #cbcbcb;} .colCompH.dernier, .colCompE.dernier{margin-right: 0;} .colCompH h2, .colCompE h2{color: #0e9dbb; font-size: 17px;padding: 0 0 0 0; margin: 0 0 0 0; border:0; text-transform: uppercase; min-height: 100px} .colCompTitre{width: 164px; /*height: 40px;*/ float: left; overflow: hidden; } .colCompImg{width: 162px; height: 162px; float: left; border: 1px solid #cbcbcb; margin-bottom: 20px;} .colCompCaseH{ width: 156px; height: 16px; max-height: 60px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; padding: 20px 3px; text-align: center; font-size: 12px; line-height: 14px; } .colCompCaseH.top{ border-top: 1px solid #cbcbcb; margin-top: 6px;} .colCompCaseE{ width: 156px; height: 60px; max-height: 60px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; padding: 20px 3px; text-align: center; font-size: 12px; line-height: 14px; } .colCompCaseE.top{ border-top: 1px solid #cbcbcb; height: 16px; max-height: 16px; } .colCompCaseE.small{ height: 16px; max-height: 16px; } /*.colCompCase.commande{height: 60px;} .colCompCase.garantieNoyau{height:20px; padding-top:35px;} ul li.commande{height: 60px; padding-top: 20px; } */ /* 03_100 : PAGE ECHANGEUR D'AIR - EN SAVOIR PLUS --------------------------------------------------------------------------------------- */ .introEchangeur{width: 958px; float: left; padding: 10px 0 50px 0;} .introEchangeurImg{width: 364px; float: left;} .introEchangeurTxt{width: 572px; float: left; padding-left: 22px;} .blocHumidite{width: 958px; float: left;} .humiditeImg{width: 110px; float: left;} .humiditeTxt{width: 822px; float: left; padding-left: 26px;} .blocPolluants{width: 958px; float: left; padding: 24px 0 60px 0;} .polluantCol1{width: 450px; float: left;} .polluantCol2{width: 450px; float: left; padding-left: 58px;} .polluant{width: 450px; float: left; padding-bottom: 10px;} .polluantImg{width: 110px; float: left;} .polluantTxt{width: 314px; float: left; padding-left: 26px;} .polluantTxt h3{padding:3px 0 5px 0;} .polluantTxt li{margin-left: 14px;} /* 03_200 : PAGE ÉCHANGEUR D'AIR - LISTING --------------------------------------------------------------------------------------- */ /* POPUP CONSEILLER VIRTUEL --------------------------------------------------------------------------------------- */ #popup { background: none; } #popup H1 { background: #fefefe; background-image: -moz-linear-gradient(top, #fefefe 0%, #cdcdcd 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cdcdcd)); background-image: -webkit-linear-gradient(top, #fefefe 0%,#cdcdcd 100%); background-image: -o-linear-gradient(top, #fefefe 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #fefefe 0%,#cdcdcd 100%); background-image: linear-gradient(top, #fefefe 0%,#cdcdcd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cdcdcd',GradientType=0 ); color: #0e9dbb; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 20px; padding: 10px 15px; } .conseillerVirtuel{ } #formConseiller { padding: 20px 20px 20px 30px; } #formConseiller label{ float: left; font-size: 14px; padding: 7px 0px; width: 360px; } #formConseiller select{ border: 1px solid #d1d4d9; color: #94969d; float: right; font-size: 12px; font-style: italic; margin: 5px 0px; padding: 3px; width: 290px;} #formConseiller .bouton { float: right; margin: 10px 0px; } .formColGaucheModele .listeDeroulante{width: 228px;} p.popConseiller{padding: 0 20px;} /* 05_100 : PRODUITS VEDETTES --------------------------------------------------------------------------------------- */ .vedette{width: 482px; float: left; padding-bottom: 20px;} .vedetteImg{width: 158px; float: left; border: 1px solid #E3E3E3;} .vedetteTxt{width: 290px; float: left; padding: 0 10px 0 20px;} .vedetteTxt h2{font-size: 15px; text-transform: none; padding: 0 0 10px 0;} .vedetteTxt h2 a{text-decoration: none; color: #676263;} .blocListeEnvoi{width: 394px; float: left; padding: 26px 0 26px 26px; background: url(gx/M/bg_bloc_enregistrement.jpg) repeat-y top left; margin: 9px 0; display: inline;} .blocListeEnvoiTxt{width: 394px; float: left; padding-top: 5px;} .blocListeEnvoi .champTexte{margin-top: 20px; display: inline;} .blocListeEnvoi .bouton{width: 130px; margin-top: 10px; display: inline;} /*.blocListeEnvoiBtn{width: 120px; float: left;} .blocListeEnvoiBtn a{width: 120px; height: 23px; float: left; background: url(gx/M/btn_enregistrer.jpg) no-repeat top center; text-decoration: none; text-align: center; color: #fff; padding-top: 4px;} */ /*.contenu2Col{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 30px 20px 0 22px;} .contenu2Col .gauche{width: 420px; float: left;} .contenu2Col .droite{width: 482px; float: left; padding-left: 48px;}*/ /* 06_100 : PAGE OU ACHETER --------------------------------------------------------------------------------------- */ .contenuOuAcheter{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 20px 20px 0 22px; } .contenuOuAcheter .gauche{width: 430px; float: left;} .contenuOuAcheter .droite{width: 482px; float: left; padding: 0 0 0 40px;} .contenuOuAcheter .droite .ligneRes{background:none;} .contenuOuAcheter .droite .iconePrinc{width: 67px; float: left; padding: 7px 6px 0 7px} .formOuAcheter label{float: left; width: 260px;} .formOuAcheter .champTexte{float: left; width: 180px !important;} .formOuAcheter .listeDeroulante{float: left;} /*input.champCP{float: right;}*/ .basResTrouver{width: 482px; float: left; border-top: 1px solid #d1d4d9;} .ouChamp{float: left; padding: 3px 5px 0 5px;} .contenuOuAcheter H2 { border-bottom: 1px solid #D1D4D9; color: #0F9CB8; font-size: 18px; margin-bottom: 10px; padding: 25px 0px 5px 0px; text-transform: none; } .reseau{width: 430px; float: left; padding-bottom: 10px; border-bottom: 1px solid #d1d4d9; margin-bottom: 10px; display: inline;} .reseauImg{width: 66px; height: 68px; float: left;} .reseauImg.pointVente{background: url(gx/M/sprite_type_service.png) no-repeat 0 0;} .reseauImg.installateurs{background: url(gx/M/sprite_type_service.png) no-repeat 0 -70px;} .reseauImg.centre{background: url(gx/M/sprite_type_service.png) no-repeat 0 -140px;} .reseauTxt{width: 356px; float: left; padding: 0 0 0 8px; color: #8c8f96; line-height: 14px;} .reseauTxt h2{ border: none; color: #8C8F94; font-size: 14px; font-weight: bold; padding: 5px 0 4px 0; text-transform: none;} /* map recherche */ #mapSearch { border: 1px solid #D1D4D9; margin: 40px 0px; width:430px; height:400px;} /* 07_100 : PAGE DOCUMENTATION --------------------------------------------------------------------------------------- */ .contenuAssistance{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 20px 20px 0 22px; } .contenuAssistance .gauche{width: 430px; float: left; padding-top: 20px;/* padding-top: 40px;*/ color: #8c8f96;} .contenuAssistance .gauche h2, .titreSuggestion{ width: 430px; float: left; color: #0e9dbb; font-size: 17px; padding: 0 0 6px 0; /*margin: 0 0 12px 0;*/ margin: 0 0 0 0; display: inline; text-transform: none; border-bottom: 1px solid #d1d4d9; } .menuAssistance{width: 430px; float: left;/* border-top: 1px solid #d1d4d9; margin-top: 30px; display: inline;*/} .menuAssistance ul li{list-style: none; } .menuAssistance ul li a{text-decoration: none; color: #8c8f96; padding: 13px 0 0 10px; height: 33px; width: 420px;float: left; border-bottom: 1px solid #d1d4d9;background: url(gx/M/puce_grise.png) no-repeat 3px 17px;} .menuAssistance ul li a.actif{background: #F6F6F6 url(gx/M/puce_grise.png) no-repeat 3px 17px; color: #676263} .menuAssistance ul li a:hover{background: #e8e6e6 url(gx/M/puce_grise.png) no-repeat 3px 17px;} .contenuAssistance .droite{width: 488px; float: left; padding: 20px 0 10px 40px; /*padding: 40px 0 40px 40px; */color: #8c8f96;} .contenuAssistance .droite h1{padding: 0 0 15px 0; font-weight: normal;} .contenuAssistance .droite .listing ul li a{color: #8c8f96;} .blocRechProduit{width: 528px; float: left;} .blocRechProduit .gauche{width: 226px; float: left; color: #6c6f74; font-size: 14px;} .blocRechProduit .droite{width: 224px; float: left;} .blocRechProduit .droite h2{color: #1CC2EB;} .blocRechProduit .champTexte{width: 202px; height: 25px;} .blocRechProduit .listeDeroulante{width: 224px;} .ouDoc{float: left; clear: both; font-weight: bold; padding: 5px 0;} .blocRechProduit .bouton{margin-top: 20px; display: inline; float: right;} .formDoc{float: left; padding-top: 20px;} .blocResDoc{width: 528px; float: left;} .blocResDoc h2{width: 492px; float: left; font-size: 17px; color: #0e9dbb; text-transform: none; padding: 0 0 6px 0; border-bottom: 1px solid #d1d4d9;} .haut{width: 528px; float: left; padding-top: 27px;} .hautImg{width: 280px; float: left;padding-top: 5px;} .hautImage img{border: 1px solid #d1d4d9;} .hautTxt{width: 190px; float: left; padding: 0 10px 0 12px; color: #8c8f96; font-size: 12px;} .hautTxt.img{width: 440px;} .infoDoc{width: 528px; float: left; padding-top: 30px;} .infoDocImg{width: 66px; float: left;} .infoDocTxt{width: 274px; float: left; padding: 0 52px 0 16px; color: #8c8f96; line-height: 14px;} .infoDocTxt h2{text-transform: none; font-size: 15px; color: #38393c; border: none; padding: 0 0 5px 0;margin: 0;} .infoDocBtn{width: 100px; float: left; padding-top: 20px;} .blocDemandeDoc{width: 508px; float: left; padding-top: 30px; border-top: 1px solid #d1d4d9; margin-top: 0px/*75*/; display: inline; color: #8c8f96;} .blocDemandeDoc h2{font-size: 12px; text-transform: none; padding: 0 0 20px 0; margin: 0; font-weight: bold; font-family: Arial, sans-serif; color: #8c8f96;} .blocDemandeDoc .left{ float: left; width: 100px; } .blocDemandeDoc .right{ float: right; width: 380px; margin-right: 10px; } #listeDocumentArchive{margin-left:20px;} /* 07_200 : PAGE VIDEOS --------------------------------------------------------------------------------------- */ .menuCategories{width: 488px; float: left; border-top: 1px solid #D1D4D9; border-bottom: 1px solid #D1D4D9; padding: 10px 0; margin: 10px 0; display: inline;} .menuCategories ul li a{text-decoration: none;} .contenuAssistance .droite .listing{width: 488px; float: left;} .contenuAssistance .droite .listing h2{text-transform: none; padding: 20px 0 5px 0; font-size: 17px; color: #0EADDD;} .contenuAssistance .droite .list{width: 488px; float: left; padding: 0px 0 5px 0;} .contenuAssistance .droite .listImg{width: 120px; float: left;position: relative;} .contenuAssistance .droite .listTxt{width: 348px; float: left; padding-left: 20px;} .contenuAssistance .droite .listTxt h3{padding: 0 0 0 0; font-size: 16px;} .contenuAssistance div.btnPlay{position: absolute; top: 0; right: 0;} /* 07_400 : PAGE PAS --------------------------------------------------------------------------------------- */ /* 08_100 : PAGE NOTRE HISTOIRE --------------------------------------------------------------------------------------- */ .menuAnnee{width:958px; float: left; margin-bottom: 40px; } .menuAnnee li{list-style: none; display: inline; font-size: 17px; width: 105px; float: left; padding: 0px; display: inline;} .menuAnnee li a{color: #484344; text-decoration: none;border-bottom: #d1d4d9 solid 5px; width: 99px; float: left;} .menuAnnee li a:hover{border-bottom: #756F71 solid 5px;} .menuAnnee li a.actif{border-bottom: #00c9e2 solid 5px;} .contenuAnnee{width:958px; float: left;} .annee{width:958px; min-height: 200px; height: auto !important; height: 200px; float: left; overflow:hidden;} .annee li { float: left; } .anneeImg{width:383px; float: left;} .anneeTxt{width:560px; float: left; padding-left: 15px;} .valeur{width: 958px; float: left;} .valeur h2{text-transform: none; font-size: 16px; padding: 10px 0 2px 0; } .valeur .colGauche{width: 430px; float: left; padding-right: 30px;} .valeur .colDroite{width: 430px; float: left;} .introAP{width:958px; float: left;} .introAPimg{width:645px; float: left;} .introAPtxt{width:303px; float: left; padding-left: 10px;} .introAPtxt.seul{width:958px; float: left; padding-left: 0px;} /* 09_100 : PAGE CONTACT --------------------------------------------------------------------------------------- */ #boiteFormContact select{width: 210px; height: 30px;} .contenuDetail.contact .gauche h2{margin: 26px 0 10px 0;} .contenuDetail.contact .droite h2{border-bottom: 1px solid #D1D4D9;color: #665F61;font-size: 17px;font-weight: normal;margin: 26px 0 10px 0;padding: 0 0 5px;text-transform: none;} .contenuDetail.contact .droite .incTinyMce ul li{ background: url(gx/M/puce_papillon.jpg) no-repeat 0 5px; padding: 4px 0 18px 33px; margin-left:5px; min-height: 18px; height: auto !important; height: 18px; } .boiteGriseContact{width: 462px; float: left; background: #e9e9e9; padding: 10px; margin-bottom: 10px; display: inline;} .boiteGriseContact .tel{width: 200px; float: left; text-align: center; font-size: 16px;} .boiteGriseContact .jours{width: 262px;float: left; text-align: center; font-size: 12px;} #carteContact{border:1px solid #999;height:300px;width:420px;float:left; margin-bottom: 20px; display: inline;} .googleMapInfoWindow{color:#999;} #boiteInfolettre{ width: 320px; /*height: 162px;*/ min-height: 162px; height: auto !important; height: 162px; float: left; /*background: #fff url(gx/M/bg-infolettre.jpg) repeat-x bottom center;*/ background-color: #fff; border: 1px solid #00A4C8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #boiteInfolettre p.titre{ width: 258px; height: 23px; float: left; text-align: right; font-family: 'open_sans_condensedbold', Arial, sans-serif; background: url(gx/M/bg-enveloppe.png) no-repeat top right; padding: 15px 50px 0 0; color: #00A4C8; font-size: 26px; font-weight: normal; } #boiteInfolettre p{text-align: right; padding: 15px 13px 0 0;} #formInfolettre{ width: 196px; float: left; padding: 0 0 0 110px; text-align: right; } #formInfolettre .champTexte{ width: 154px; height: 21px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border: 1px solid #00A4C8; margin: 0 !important; padding: 0 0 0 10px; } #formInfolettre .bouton{width: 30px; height: 23px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border: 0; margin-bottom: 6px;} #formInfolettre .bouton:hover{ color: #00A4C8;} /* 10_100 : PAGE CARRIERES --------------------------------------------------------------------------------------- */ .contenuCarrieres{width:958px;background: #fff; margin: 0 auto; min-height: 400px; height: auto !important; height: 400px;padding: 0 20px 0 22px; } .contenuCarrieres .gauche{width: 448px; float: left; padding: 0 56px 0 0; border-right: 1px solid #e6e6e6; margin: 25px 0 40px 0; display: inline;} .contenuCarrieres h1{padding: 22px 0 10px 0;} .contenuCarrieres .gauche h2{padding: 0 0 11px 0; font-size: 17px; color: #484344; border-bottom: 1px solid #e6e6e6; margin-bottom: 14px; display: inline; text-transform: none;width: 448px; float: left;} .contenuCarrieres .droite{width: 378px; float: left; padding: 36px 0 0 50px; margin: 0; } .contenuCarrieres .droite h2{font-size: 17px; color: #484344; text-transform: none; padding: 0 0 10px 0;} #slideshowCarriere{width: 378px; height: 252px;float: left; position: relative; margin-bottom: 15px;z-index:10;} #slideshowCarriere #slides {position:absolute;top:0px;left:0px;z-index:100;} #slideshowCarriere #slides .pagination{display: none;} #slideshowCarriere .slides_container {width:378px;overflow:hidden;position:relative;display:none;} #slideshowCarriere .slides_container div.slide {width:378px;height:252px;display:block;} .carriere{width: 448px; float: left; padding-bottom: 10px;} .carriere a{text-decoration: none; color: #5d5d5d;} .carriere a:hover{color: #000; text-decoration:underline; } .carrierePoste{width: 332px; float: left;} .carriereDate{width: 116px; float: left; text-align: right;} .basCarriere{width: 448px; float: left; border-top: 1px solid #e6e6e6; padding: 15px 0; margin-top: 10px; display: inline;} .affIntroPoste{/*display: none;*/} .affPoste{display: none; position:relative; padding-top:20px; } a.closeCurrent { font-weight:bold; position:absolute; top:0; right:0; display:block; width:13px; height:13px; line-height:13px; padding:2px; background:#54A6B8; color:#fff; text-align:center;} #formCandidaturePoste select{width: 210px; height: 30px;} #formCandidaturePoste input.champTexte{width: 150px; height: 30px; margin: 0 10px 10px 0; display: inline;} #formDemandeEmploi td, #formAlerte td { padding:4px 4px 2px 0; } #formDemandeEmploi .champTexte, #formAlerte .champTexte { width:200px;} #formDemandeEmploi .listeDeroulante, #formAlerte .listeDeroulante { width:210px;} #formDemandeEmploi .TextCommentaire, #formAlerte .TextCommentaire{width:210px;height:100px;} #formDemandeEmploi .labelCommentaire, #formAlerte .labelCommentaire{vertical-align:top;} /* .succes.confirmationAmi { position: absolute; left:40%; top: 200px; width:400px; height:20px; text-align:center; clear:both; margin:0 auto; padding:20px 0 10px 0; box-shadow:0 0 10px #ccc; z-index:200;} .succes.confirmationAmi span { position:absolute; top:5px; right:5px; width:400px; height:20px; background:url(gx/close.gif) no-repeat; z-index:50; display:block; } .succes.confirmationAmi span:hover { background:url(gx/M/close_over.gif) no-repeat;} .succes.confirmationAmi:hover { cursor:pointer;} */ .succes.confirmationAmi { position: absolute; left:40%; top: 200px; text-align:center; clear:both; margin-bottom:10px; padding:20px; background-color:#83cedf; color:#fff; border:1px solid #54A6B8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 10px #3a3a3a; z-index:200;} .succes.confirmationAmi span { position:absolute; top:5px; right:5px; font-weight:bold; display:block; width:13px; height:13px; line-height:13px; padding:2px; background:#54A6B8; color:#fff; text-align:center;} .succes.confirmationAmi:hover { cursor:pointer;} /*.affPosteForm{display: none;}*/ /* * NOS DEPARTEMENTS * */ .conteneurGris.dep .bgHautGris{min-height: 440px; height: auto !important; height: 440px;} .carriereDep{width: 958px; float: left;} .carriereDep .gauche{width: 314px; float: left; padding-right: 20px;} .carriereDep .droite{width: 553px; float: left; padding-left: 46px; padding-bottom: 30px;} .carriereDep .droite h3{padding:0 0 10px 0;} .menuDep{width: 304px; float: left; font-size: 17px; font-family: 'PTSansRegular'; color: #484344; border-bottom: 1px solid #9c9b9f; padding: 0 0 10px 0;} .menuDep a{color: #484344;text-decoration: none;} #divDepUsine{display: none;} .carriereDep #contenuTab {width: 314px;padding:0;padding:0;} .carriereDep ul.tabs {width:314px; margin:0; padding:0; /*border-bottom: 1px solid #9c9b9f;*/} .carriereDep ul.tabs li {padding: 0px;text-align: center;font-size: 15px;} .carriereDep ul.tabs li a { width: 150px; height: auto; padding: 6px 0 7px 0; background: none; color:#484344; font-size: 12px; } .carriereDep #contenuTab .listeDep li a:hover{color: #000;} .carriereDep .selected, ul.tabs li a.selected {color: #484344;background: none;} .carriereDep .tab-content {clear:both;border: none;padding:18px 10px 10px 0;border-top: 1px solid #9c9b9f;} .carriereDep .tab-content ul li{list-style: none; background: url(gx/M/puce_bleu.png) no-repeat 0 6px; padding: 0 0 7px 7px;} .carriereDep .tab-content ul li a{color: #5d5d5d; text-decoration: none;} .afficheDep{display: none;} /* * NOS EMPLOYES */ .contenuEmployes{width: 958px; float: left;} .contenuEmployes .gauche{width: 299px; float: left; padding-bottom: 30px;} .employeTn{width: 85px; height: 85px; float: left; margin: 0 8px 8px 0; display: inline;border: 1px solid #f5f5f5;} .contenuEmployes .milieu{width: 250px; height: 250px; float: left; border: 1px solid #e6e6e6; /*padding-top: 15px;*/} .contenuEmployes .droite{width: 321px; float: left; padding-left: 24px;} .contenuEmployes .droite h2{padding: 11px 0 15px 0; text-transform: none; font-size: 17px; color: #484344;} .affEmploye{display: none;} .affEmploye h2 span.titre, .contenuEmployes .droite h2 span.titre{font-size: 15px;} .affEmploye h2 span.date, .contenuEmployes .droite h2 span.date {font-size: 13px; text-transform: capitalize;} span.spanEmp{font-size: 14px;} /* * DRUMMONDVILLE */ .contenuDrummondville{width: 958px; float: left; min-height: 400px; height: auto !important; height: 400px;} .contenuDrummondville .gauche{width: 304px; float: left; padding-top: 30px;} .contenuDrummondville .gauche h2{padding: 0 0 12px 0; margin-bottom: 26px; border-bottom: 1px solid #9c9b9f;} .contenuDrummondville .gauche ul li{list-style: none; background: url(gx/M/puce_bleu.png) no-repeat 0 6px; padding: 0 0 10px 10px; font-size: 12px;} .contenuDrummondville .gauche ul li a{color: #5d5d5d; text-decoration: none;} .contenuDrummondville .gauche ul li a:hover{color: #000;} .contenuDrummondville .droite{width: 554px; float: left; padding: 97px 0 0 76px; margin-bottom: 30px; display: inline;} .contenuDrummondville .droite h2{font-size: 17px; color: #484344; text-transform: none; padding: 0 0 15px 0;} .affDrummondville{display: none;} #formContact .champTexte{ border: 1px solid #d1d4d9; color: #94969d; float: left; font-size: 12px; font-style: italic; margin: 0 20px 10px 0; display: inline; width: 184px; display: inline;} #formContact input.erreur, #formContact select.erreur{ border:1px solid #c00;} #formContact .champTexte:focus { color: #333; } #formContact .listeDeroulante{ border: 1px solid #d1d4d9; color: #94969d; font-size: 12px; font-style: italic; margin: 0px 20px 10px 0px; padding: 3px 4px; width:194px; } #formContact .bouton { float: right; } #formContact .listeDeroulante.erreur { border: 1px solid #CC0000; } #divFormLocalisation .listeDeroulante { float: none; width: 200px; } /*#boiteContact{width:400px;float:left;} #boiteFormContact{float:right;width:525px;margin-top:29px;} #iframeCarteGoogle{border:1px solid #999;} #formContact{float:right;width:525px;} #formContact table td{padding:5px 0;} #formContact label{} #formContact .champTexte{width:240px;} #formContact .listeDeroulante{width:240px;} #formContact .boiteTexte{height:70px;width:512px;} #formContact .champFichier{width:512px;}*/ /* #formContact .erreurTexte{font-size:11px;} */ /* PLAN DE SITE --------------------------------------------------------------------------------------- */ .planSite { float: left; width: 300px; } .planSite LI { list-style: disc; margin-left: 15px; } .planSite UL { margin-left: 10px; } /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #bgFooter{width: 100%; min-height: 241px; height: auto !important; height: 241px; margin: 0 auto; background: #2d2d2d url(gx/M/bg_footer.jpg) repeat-x top center; padding-bottom: 40px;} #piedPage{width: 1000px; margin: 0 auto; padding-top: 29px;} #piedPage h2, #piedPage p.h2{text-transform: uppercase; font-size: 17px; color: #22bee3; font-weight: normal; margin: 0; padding: 0 0 16px 0;} #piedPage h3, #piedPage p.h3{text-transform: uppercase; font-size: 10px; color: #abaaaa; font-weight: normal; margin: 0; padding: 0 0 10px 0;} .piedPageGauche{width: 480px; float: left;} .piedPageCentre{width: 230px; float: left;} .piedPageDroite{width: 290px; float: left;} .ppProduit{width: 150px; float: left; padding-right: 10px;} .ppAssitance{width: 230px; float: left;} .ppProduit ul li, .ppAssistance ul li{list-style: none; font-size: 11px; color: #717171; line-height: 13px;} .ppProduit ul li a, .ppProduit ul li a:visited, .ppAssistance ul li a, .ppAssistance ul li a:visited{color: #717171; text-decoration: none;} .ppProduit ul li a:hover, .ppAssistance ul li a:hover { color: #ABAAAA; } .menuBas{width: 290px; float: left;} .menuBas ul li{list-style: none; display: inline; font-size: 11px; padding-left: 17px;} .menuBas ul li a{color: #abaaaa; text-decoration: none;} .menuBas ul li a:hover { color: #ddd; } .menuBas ul.plan{text-align: right; padding-bottom: 20px;} .menuBas ul.plan li{list-style: none; display: inline; font-size: 11px; padding-left: 10px; border-left: 1px solid #3e3e3e;} .menuBas ul.plan li.premier{list-style: none; display: inline; font-size: 11px; padding-left: 0px; padding-right: 10px; border:none} .menuBas ul.plan li a{color: #818181; text-decoration: none;} .menuBas ul.plan li a:hover { color: #abaaaa; } #logoBas{width: 290px; float:left;text-align: right;} #basCopyrights{width: 1000px; margin: 0 auto;border-top: 1px solid #3c3c3c; } #copyrights{width: 880px; float: left; padding-top: 21px; display: inline;color: #5d5d5d; font-size: 11px;} #copyrights.accueil{ padding-bottom:20px;} #copyrights a, #copyrights a:visited{color: #8a8a8a; text-decoration: none;} #copyrights a:hover{text-decoration: underline;} #partager{width: 120px; float: left; padding-top: 11px;} #texteBas{color: #8A8A8A; font-size: 11px; line-height: 150%; padding-top:8px;} /*#piedPage{padding:10px 0 10px 0; font-size:11px;} #piedPage a{text-decoration:none;} #piedPage a:hover{text-decoration:underline;} #piedPage #copyrights{float:left;}*/ /* Navigation en bas-de-page */ /*#menuBas{float:right; text-align:right;} #menuBas li{display:inline;} #menuBas li.dernier a{padding-right:0;} #menuBas a{padding:0 5px;}*/ /* Partager cette page (AddToAny) */ /*a#lienPartager{float:right; width:73px; height:25px; background:url(gx/btn_partager.png) no-repeat; font-size: 12px; font-weight:bold; padding:3px 0 0 35px; color:#FFF; text-decoration:none;}*/ a#lienPartager{float:right; width:80px; height:23px; background:url(gx/btn_partager.png) no-repeat 0 0; font-size:13px; font-weight:normal; padding:6px 0 0 30px; color:#b0b0b0; text-decoration:none; text-transform: uppercase;} /* BANNIÈRE NORTEK --------------------------------------------------------------------------------------- */ #banniereNortek { background: url("gx/M/bg_NortekBanner.gif") repeat-x scroll top left; height: 40px; position: fixed; bottom: 0; z-index: 1000; width: 100%; } #banniereNortek .conteneurBanniereNortek { height: inherit; margin: 0 auto; width: 965px; } .nortekGauche{width: 200px; float: left;} .nortekDroite {width: 765px; float: left; text-align: right; } #banniereNortek .conteneurBanniereNortek .slogan_fr { /*margin-left: 275px;*/ } #banniereNortek .conteneurBanniereNortek .slogan_en { /*margin-left: 560px;*/ } /* POPUP PAYS --------------------------------------------------------------------------------------------------- */ #popupPays { background: #e6e8ee; color: #484344;} #fenetreModalePays { width: 480px;} #popupPays A, #popupPays A:link, #popupPays A:visited, #popupPays A:active { color: #484344;} #popupPays H3 { font-size: 14px; font-weight: bold; margin: 22px 22px 12px 22px; padding:2px 0 0 25px; } #popupPays #i_can { background: url(gx/M/drapeau_can.png) no-repeat;} #popupPays #i_usa { background: url(gx/M/drapeau_usa.png) no-repeat;} #popupPays #i_eu { background: url(gx/M/drapeau_eu.png) no-repeat;} #popupPays p { text-align: left; padding:0 25px;} #popupPays p.link { font-weight: bold; margin: 10px 0px; text-align: center; padding:0;} #popupPays #btn_explore { background: url(gx/M/btnss_catalogue.jpg) no-repeat top center; display: inline-block; line-height: 51px; text-decoration: none; color: #fff; text-align: center; height: 51px; width: 213px; font-size: 12px; position: relative; } #popupPays #btn_explore span { position: absolute; width: 213px; left: -10px;} #popupPays #lnk_fermer { position: absolute; bottom: 10px; right: 10px; background: url(gx/M/btn_slideshow.png) no-repeat top center; line-height: 20px; color:#fff; padding-top: 2px; width: 80px; text-align: center; } #popupPays ul { margin: 10px 0px; text-align: center;} /* CONSEILS 07-02-14 --------------------------------------------------------------------------------------------------- */ #conseilNavigation { width: 642px; height: 57px; background: #bebebe; margin:15px 0 30px 0;} .conseilNavigationTitre { float: left; width: 293px; height:57px; background: #53bceb; text-align: center; } .conseilNavigationTitre h1 { color:#fff; line-height: 62px; margin: 0px 10px; padding:0;} .conseilNavigationSelect { float: left; height: 34px; margin:12px 10px 10px 10px; width:327px;} .conseilNavigationSelect select.listeDeroulante { font-style: normal; padding:0 10px; width:100%; color:#636466; font-size: 13px; height: 34px !important; } #conseilCat { margin-bottom: 50px; float: left; width: 100%;} .listingConseil { float: left; width: 100%; margin-bottom: 30px; position: relative;} .colPhoto { float: left;} .colPhoto img { margin-top:27px;} .colConseil { float: right; width: 647px;} .colConseil h2 { font-size:17px; line-height: 17px; margin:0 0 4px 0; padding:0 0 7px 0; border-bottom: 1px solid #8c8f96; text-transform: none; color:#0e9dbb; } #conseilCat .listingConseil li { background: none; padding:5px 0; line-height: 13px; float: left; display: block; clear: both; } .listingConseil li a, .listingConseil li a:link, .listingConseil li a:visited { color:#8c8f96; line-height: 13px;} #conseilCat .listingConseil li:hover { background: url(gx/M/puce_bleu.png) no-repeat 0 9px; padding-left: 10px;} #conseilCat .listingConseil li:hover a { color:#0e9dbb;} .retourTop, .retourTop:link, .retourTop:visited { position: absolute; bottom: 0px; right:0px; font-size:17px; font-family: 'PTSansRegular'; color:#0e9dbb; background: url(gx/m/retourTop.png) no-repeat 0 2px; padding-left:26px; } .contenuAssistance.detail .droite { padding-left:0px; width: 100%;}