/* CSS Document by Meridian Communication */ /* site.com 2009 */ /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ------------------------------------------------------------------------ */ /* Colors Help {vert fond : #C7CF19 ; vert garanti : #cad52b ; orange:#EF9D1D ; orange:#dc7d01 ; bleu : #71b1e0 ; gris:#cecece ; rouge:#CC3300 }*/ /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> generalites <<<< */ /* ------------------------------------------------------------------------ */ HTML{font-size: 100%; font-weight:normal; height: 100%;} /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em Helvetica, Arial, sans-serif; color:#000; background:#C7CF19 url(images/fond3.png) no-repeat center center; height: 100%;} #page {position:absolute; width: 960px; height: 600px; left: 50%; margin-left: -480px; top: 50%; margin-top: -300px; overflow:hidden } /* les liens par defaut */ a { color: #CAB3A5; } a:link { color: #CAB3A5; } a:visited { color: #CAB3A5; } a:focus { color: #CAB3A5; } a:hover { color: #DB9D41; } a:active { color: #000; } h1, h2 { display:none} /* images titre rubrique */ body #page #contenu h3.rub8{ background:#FFF url(images/h3-l-entreprise.png) 0 10px no-repeat; } body #page #contenu h3.rub9{ background:#FFF url(images/h3-les-avantages.png) 0 10px no-repeat; } body #page #contenu h3.rub10{ background:#FFF url(images/h3-les-economies-d-energie.png) 0 10px no-repeat; } body #page #contenu h3.rub11{ background:#FFF url(images/h3-nos-realisations.png) 0 10px no-repeat; } body #page #contenu h3.rub12{ background:#FFF url(images/h3-contact.png) 0 10px no-repeat; } body #page #contenu h3.rub13{ background:#FFF url(images/h3-l-entreprise.png) 0 10px no-repeat; } body #page #contenu h3.rub19{ background:#FFF url(images/h3-mentions.png) 0 10px no-repeat; } /*/////////////// BOUTON home */ body #page #lienHome {display:block; position:absolute; top:0; left:40px; width:217px; height:107px; z-index:101; background-color:transparent} body #page #lienHome a{ display:block; width:217px; height:107px; cursor:pointer} body #page #lienHome a:hover {width:217px; height:107px; cursor:pointer } body #page #lienHome a span{display:none} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> menu-niv-1 <<<< */ /* ------------------------------------------------------------------------ */ #page #entete #menuNiv1 { position:absolute; top: 70px; left:340px; display:block; height:30px; width:610px;z-index:21 } #page #entete #menuNiv1 ul { } #page #entete #menuNiv1 li { display:block; float:left } #page #entete #menuNiv1 li.last {display:block; float:left;} #page #entete #menuNiv1 li a {position: relative; display:block; text-indent: -5000px; z-index:21 } * html #menuNiv1 a:link, * html #menuNiv1 a:visited {height:30px; he\ight:0;} #page #entete #menuNiv1 li#item8 a, #entete #menuNiv1 li#item8.active a, #entete #menuNiv1 li#item8 a:hover {display:block; width:80px; height:30px; margin-left:12px} #page #entete #menuNiv1 li#item9 a, #entete #menuNiv1 li#item9.active a, #entete #menuNiv1 li#item9 a:hover {display:block; width:103px; height:30px; margin-left:12px} #page #entete #menuNiv1 li#item10 a, #entete #menuNiv1 li#item10.active a, #entete #menuNiv1 li#item10 a:hover {display:block; width:165px; height:30px; margin-left:12px} #page #entete #menuNiv1 li#item11 a, #entete #menuNiv1 li#item11.active a, #entete #menuNiv1 li#item11 a:hover {display:block; width:113px; height:30px; margin-left:12px;} #page #entete #menuNiv1 li#item12 a, #entete #menuNiv1 li#item12.active a, #entete #menuNiv1 li#item12 a:hover {display:block; width:66px; height:30px; margin-left:12px} #page #entete #menuNiv1 li#item8 a {background:transparent url(images/niv1Item8-off.gif) 0 0 no-repeat;} #page #entete #menuNiv1 li#item9 a {background:transparent url(images/niv1Item9-off.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item10 a {background:transparent url(images/niv1Item10-off.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item11 a {background:transparent url(images/niv1Item11-off.gif) 0 0 no-repeat;} #page #entete #menuNiv1 li#item12 a {background:transparent url(images/niv1Item12-off.gif) 0 0 no-repeat;} #page #entete #menuNiv1 li#item8.active a{background:transparent url(images/niv1Item8-active.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item9.active a{background:transparent url(images/niv1Item9-active.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item10.active a{background:transparent url(images/niv1Item10-active.gif) 0 0 no-repeat;} #page #entete #menuNiv1 li#item11.active a{background:transparent url(images/niv1Item11-active.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item12.active a{background:transparent url(images/niv1Item12-active.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item8 a:hover {background:transparent url(images/niv1Item8-hover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item9 a:hover {background:transparent url(images/niv1Item9-hover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item10 a:hover {background:transparent url(images/niv1Item10-hover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item11 a:hover {background:transparent url(images/niv1Item11-hover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item12 a:hover {background:transparent url(images/niv1Item12-hover.gif) 0 0 no-repeat;} #page #entete #menuNiv1 li#item8.active a:hover {background:transparent url(images/niv1Item8-activeHover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item9.active a:hover {background:transparent url(images/niv1Item9-activeHover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item10.active a:hover {background:transparent url(images/niv1Item10-activeHover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item11.active a:hover {background:transparent url(images/niv1Item11-activeHover.gif) 0 0 no-repeat; } #page #entete #menuNiv1 li#item12.active a:hover {background:transparent url(images/niv1Item12-activeHover.gif) 0 0 no-repeat; } /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> menu-niv-2 <<<< */ /* ------------------------------------------------------------------------ */ #page #menuNiv2 ul {margin:20px 0 20px 0; padding:0; width:149px } #page #menuNiv2 li { background:none; padding: 0px 0 3px 0; margin:0 0 0px 0; font-weight:normal;} #page #menuNiv2 li a {display:block;overflow: hidden; font-size:1.1em; line-height:1.2em; text-decoration:none;text-indent:0; background:transparent url(images/hr-menu.png) no-repeat 12px bottom} #page #menuNiv2 li a.last { background:none} #page #menuNiv2 li a {height:auto;} #page #menuNiv2 li.active {background:transparent url(images/puce-liNav2.png) no-repeat 5px 0} #page #menuNiv2 li a, #page #menuNiv2 a:link { text-decoration:none; color:#000;list-style-type:none; margin: 0px 0 0px 7px; padding: 0px 0px 7px 13px; font-size:1.1em} #page #menuNiv2 li a:visited {color: #000; } #page #menuNiv2 li a.active {color: #FFF; font-weight:bold; } #page #menuNiv2 li a:hover {color: #FFF; text-decoration:none; } #page #menuNiv2 li a.active:hover {color: #FFF; } /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> Pied de page <<<< */ /* ------------------------------------------------------------------------ */ #page #piedDePage {position:absolute; top: 580px; left:00px; display:block; height:20px; width:960px;z-index:22; } #page #piedDePage #partenaire {position:absolute; top: 3px; left:74px; display:block; } #page #piedDePage #partenaire a {display:block;font-size:1.5em; line-height:1.5em; text-decoration:none; text-indent:0; } #page #piedDePage #partenaire a, #page #piedDePage #partenaire a:link { text-decoration:none; color:#C83B13;list-style-type:none; } #page #piedDePage #partenaire a:visited {color: #C83B13; } #page #piedDePage #partenaire a.active {color: #FFF; font-weight:bold; } #page #piedDePage #partenaire a:hover {color: #FFF; text-decoration:none; } #page #piedDePage #partenaire a.active:hover {color: #FFF; } /*/////////////// BOUTON mentions */ #page #piedDePage #mentions {display:block; width:157px; height:20px; z-index:100} #page #piedDePage #mentions a{background:transparent url(images/niv1Item19-off.gif) 0 0 no-repeat; display:block; width:157px; height:20px; cursor:pointer} #page #piedDePage #mentions a:hover {background:transparent url(images/niv1Item19-hover.gif) 0px 0 no-repeat;width:157px; height:20px; cursor:pointer } #page #piedDePage #mentions a span{display:none} #page #piedDePage #mentions {position:absolute; top:0px; left:803px; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 3 : textes <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ /* contenu */ body.template3 #page #contenu {display:block; position:relative;left:360px; top:130px; width: 560px; padding:0px 0 0px 0; z-index:3; background-color:#FFF } body.template3 #page #contenu h3{ height:65px; display:block; margin:0px 10px 10px 18px; } body.template3 #page #contenu h3 span{ display:none} body.template3 #page #contenu h4{ font-size:1.2em;line-height:1.3em; color:#CB431A; font-weight:bold; margin: 0px 10px 0px 20px} body.template3 #page #contenu p{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:0px 0px 0px 20px; padding-bottom:15px; width:510px } body.template3 #page #contenu p em{ font-weight:bold} body.template3 #page #contenu p.chapeau{color:#CB431A; font-weight:bold; margin: 0px 80px 0px 20px} body.template3 #page #contenu ul{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:0px 10px 15px 20px; } body.template3 #page #contenu ul li{ list-style-type:disc; margin-left:14px } /* contenu secondaire */ body.template3 #page #contenuSecondaire {display:block; position:absolute;left:60px; top:130px; width: 258px; padding:0px 0 0 0; background-color:#FFF; z-index:2} body.template3 #page #contenuSecondaire h3 { display:block; width:258px; height:18px; background-color:#cad52b} body.template3 #page #contenuSecondaire h3 span{ display:none} body.template3 #page #contenuSecondaire h4{ font-size:1.1em;line-height:1.1em; color:#669933; font-weight:bold; margin: 0px 8px 0px 10px} body.template3 #page #contenuSecondaire p{ font-size:1.1em; line-height:1.1em; color:#1A171B; margin:0px 8px 10px 10px; } body.template3 #page #contenuSecondaire p em{ font-weight:bold} body.template3 #page #contenuSecondaire p.chapeau{color:#000; font-weight:bold; margin-top:8px} /* bouton ouvirir avantages */ body.template3 #page #contenuSecondaire .btnOuvrir {display:block; width:23px; height:176px; z-index:100} body.template3 #page #contenuSecondaire .btnOuvrir a{background:transparent url(images/h3-nos-garanties-off.png) 0 0 no-repeat; display:block; width:24px; height:176px; cursor:pointer} body.template3 #page #contenuSecondaire .btnOuvrir a:hover, body.template3 #page #contenuSecondaire .active a {background:transparent url(images/h3-nos-garanties-hover.png) 0px 0 no-repeat;width:24px; height:176px; } body.template3 #page #contenuSecondaire .active a {cursor:default} body.template3 #page #contenuSecondaire .btnOuvrir a span{display:none} body.template3 #page #contenuSecondaire .btnOuvrir {position:absolute; top:0px; left:-23px; } /* bouton fermer */ body.template3 #page #contenuSecondaire .btnFermer {display:block; width:55px; height:18px; margin-left:200px; z-index:100} body.template3 #page #contenuSecondaire .btnFermer a{background:transparent url(images/btnFermer-off.png) 0 0 no-repeat; display:block; width:55px; height:18px; cursor:pointer} body.template3 #page #contenuSecondaire .btnFermer a:hover {background:transparent url(images/btnFermer-hover.png) 0px 0 no-repeat;width:55px; height:18px; cursor:pointer } body.template3 #page #contenuSecondaire .btnFermer a span{display:none} body.template3 #page #contenuSecondaire .btnFermer {position:absolute; top:0px; left:0px; } /* jScrollPane */ body.template3 #page #contenu #pane{width: 100%;height: 430px;overflow: auto;} body.template3 #page #contenu .scroll-pane {} body.template3 #page #contenu .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } body.template3 #page #contenu .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #FFF url(images/fondPaneTrack.png) 0 0 repeat-y;} body.template3 #page #contenu .jScrollPaneDrag { position: absolute; background:#FFF url(images/drag-puceRouge.png) 0 0 no-repeat; cursor: pointer; overflow: hidden;} body.template3 #page #contenu .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } body.template3 #page #contenu .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;} body.template3 #page #contenu a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 26px;} body.template3 #page #contenu a.jScrollArrowUp:hover { /*background-color: #f60;*/ } body.template3 #page #contenu a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 26px; } body.template3 #page #contenu a.jScrollArrowDown:hover { /*background-color: #f60;*/ } body.template3 #page #contenu a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } body.template3 #page #contenu a.jScrollArrowUp {background: url(images/basic_arrow_up.png) repeat-x 0 0;} body.template3 #page #contenu a.jScrollArrowUp:hover {background-position: 0 -36px;} body.template3 #page #contenu a.jScrollArrowDown { background: url(images/basic_arrow_down.png) repeat-x 0 0;} body.template3 #page #contenu a.jScrollArrowDown:hover { background-position: 0 -36px; } body.template3 #page #contenu a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -72px;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 : texte economies <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ /* contenu */ body.template4 #page #contenu {display:block; position:relative;left:270px; top:130px; width: 650px; height:374px; padding:0px 0 0px 0;; z-index:3; background-color:#FFF } body.template4 #page #contenu h3{ height:65px; display:block; margin:0px 10px 10px 18px; } body.template4 #page #contenu h3 span{ display:none} body.template4 #page #contenu img { float:left; margin:20px 10px 10px 20px} body.template4 #page #contenu h4{ font-size:1.2em;line-height:1.3em; color:#EF9D1D; font-weight:bold; margin: 30px 10px 0px 20px} body.template4 #page #contenu p{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:6px 10px 0px 20px; padding-bottom:15px; } body.template4 #page #contenu p em{ font-weight:bold} body.template4 #page #contenu p.chapeau{color:#000; font-weight:bold; margin: 30px 20px 0px 20px} body.template4 #page #contenu ul{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:0px 10px 15px 20px; z-index:101 } body.template4 #page #contenu ul li{ list-style-type:disc; margin-left:14px; z-index:102 } /* contenu secondaire */ body.template4 #page #contenuSecondaire {display:block; position:absolute;left:118px; top:130px; width: 152px; padding:0px 0 0 0; background-color:#EF9D1D; z-index:2} body.template4 #page #contenuSecondaire h4 { display:block; width:152px; height:18px; background-color:#EF9D1D; overflow:hidden} body.template4 #page #contenuSecondaire h4 span{ display:none} /* bouton ouvirir avantages */ body.template4 #page #contenuSecondaire .titre {display:block; width:19px; height:146px; z-index:100; background:transparent url(images/h3-nos-shemas.png) 0 0 no-repeat; display:block; width:24px; height:176px; overflow:hidden} body.template4 #page #contenuSecondaire .titre {position:absolute; top:0px; left:-19px; } /* specifique page d'accueil des economies */ body#id10 #page #contenu h4 { display:none} body#id10 #page #contenu p.chapeau {margin-top:10px} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 5 : realisations <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ /* contenu */ body.template5 #page #contenu {} body.template5 #page #contenu h3{ display:none} /* bouton precedent */ body.template5 #page a.sliderPrev {background:transparent url(images/boutonRealisationPrecedent-off.png) 0 0 no-repeat; display:block; width:54px; height:52px; cursor:pointer; position:absolute; top:134px; left:64px;} body.template5 #page a.sliderPrev:hover {background:transparent url(images/boutonRealisationPrecedent-hover.png) 0px 0 no-repeat;width:54px; height:52px; cursor:pointer } /* bouton precedent */ body.template5 #page a.sliderNext {background:transparent url(images/boutonRealisationSuivant-off.png) 0 0 no-repeat; display:block; width:54px; height:52px; cursor:pointer; position:absolute; top:134px; left:842px;} body.template5 #page a.sliderNext:hover {background:transparent url(images/boutonRealisationSuivant-hover.png) 0px 0 no-repeat;width:54px; height:52px; cursor:pointer } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 7 : accueil <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ /* contenu */ body.template7 #page #contenu {display:block; position:absolute;width:960px; height:467px; left:0; top:112px; } body.template7 #page #contenu h3{ display:none} body.template7 #page #contenu #flashcontent {display:block; position:relative; top:0} /* contenu secondaire */ body.template7 #page #contenuSecondaire {display:block; position:absolute;left:74px; top:328px; width:182px; padding:0px 0 0 0; z-index:2} body.template7 #page #contenuSecondaire p{ font-size:1.1em; line-height:1.2em; color:#1A171B; margin:16px 0px 0px 0px; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 9 : contact <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ /* contenu */ body.template9 #page #contenu {display:block; position:relative;left:360px; top:130px; width: 560px; height:370px; padding:0px 0 0px 0; z-index:3; background-color:#FFF } body.template9 #page #contenu h3{ height:65px; display:block; margin:0px 10px 10px 18px; } body.template9 #page #contenu h3 span{ display:none} body.template9 #page #contenu h4{ font-size:1.2em;line-height:1.3em; color:#CB431A; font-weight:bold; margin: 0px 10px 0px 20px} body.template9 #page #contenu p{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:0px 0px 0px 20px; padding-bottom:15px; width:210px } body.template9 #page #contenu p em{ font-weight:bold} body.template9 #page #contenu p.chapeau{color:#CB431A; font-weight:bold; margin: 0px 80px 0px 20px} body.template9 #page #contenu ul{ font-size:1.2em; line-height:1.3em; color:#1A171B; margin:0px 10px 15px 20px; } body.template9 #page #contenu ul li{ list-style-type:disc; margin-left:14px } /* contenu secondaire */ body.template9 #page #contenuSecondaire {display:block; position:absolute;left:610px; top:180px; width:308px; padding:0px 0 0 0; z-index:3;background:transparent url(images/fondFormulaire.png) 0 0 no-repeat; } body.template9 #page #contenuSecondaire input { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-top:2px; border:0px solid #CCC; background-color:transparent; width:275px; height:18px; line-height:1.2em; margin-left:10px; margin-top:9px; text-indent:5px } body.template9 #page #contenuSecondaire textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-top:2px; border:0px solid #CCC; background-color:transparent; width:275px; height:95px; margin-left:10px; margin-top:16px; text-indent:5px; overflow:auto; } body.template9 #page #contenuSecondaire input#prenom { margin-top:9px } body.template9 #page #contenuSecondaire input#nom { margin-top:18px } body.template9 #page #contenuSecondaire input#email {margin-top:17px } body.template9 #page #contenuSecondaire input#tel {margin-top:17px } body.template9 #page #contenuSecondaire #erreur {display:block; position:absolute;left:10px; top:-10px; width:308px; color:#990000; font-size:1.2em } body.template9 #page #contenuSecondaire #fin {display:block; position:absolute;left:10px; top:-10px; width:308px; color:#000; font-size:1.2em } body.template9 #page #contenuSecondaire input#cfContact {margin-top:10px;background:transparent url(images/btnEnvoyer-off.png) center center no-repeat; cursor:pointer; color:#FFF; width:100px; margin-left:200px } body.template9 #page #contenuSecondaire input#cfContact:hover {background:transparent url(images/btnEnvoyer-hover.png) center center no-repeat;}