/* INFORMATIONS GENERALES */ * {margin:0px; padding:0px;} body {background-color:#FFFFFF; text-align:left; font-family:Trebuchet MS, Sans Serif; font-size:12px; font-weight:normal; color:#000000;} body a {color:#333333; text-decoration:none;} body a:hover {text-decoration:underline;} body img {border:0px; text-decoration:none;} body a img {border:0px; text-decoration:none;} body input {font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;} body textarea {font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;} .clear {clear:both;} /* ALIGNEMENT ET MISE EN FORME DES TEXTES */ .bold {font-weight:bold;} .italic {font-style:italic;} .souligne {text-decoration:underline;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .top {vertical-align:top;} .middle {vertical-align:middle;} .bottom {vertical-align:bottom;} .cliquable {cursor:pointer;} /* STRUCTURE */ .bandeau {position:relative; width:960px; margin:auto; height:auto;} .bandeau h1.logo {width:930px; padding:0px 15px; padding-top:19px; padding-bottom:5px;} .bandeau ul.menu {width:960px; height:47px; background:url('i-menu_fond.png') repeat-x top left #333333; margin-bottom:5px; color:#FFFFFF; font-weight:bold; font-size:14px; list-style:none;} .bandeau ul.menu li.item {float:left; width:auto; height:auto;} .bandeau ul.menu li.item a {display:block; color:#FFFFFF; text-decoration:none; padding:14.5px 28.4px;} .bandeau ul.menu li.item a:hover {text-decoration:none;} .bandeau ul.menu li.item_index a:hover {background:url('i-menu_hover_index.png') repeat-x top left;} .bandeau ul.menu li.item_sol a:hover {background:url('i-menu_hover_sol.png') repeat-x top left;} .bandeau ul.menu li.item_air a:hover {background:url('i-menu_hover_air.png') repeat-x top left;} .bandeau ul.menu li.item_neuf a:hover {background:url('i-menu_hover_neuf.png') repeat-x top left;} .bandeau ul.menu li.item_ancien a:hover {background:url('i-menu_hover_ancien.png') repeat-x top left;} .bandeau ul.menu li.item_contact a:hover {background:url('i-menu_hover_contact.png') repeat-x top left;} .bandeau ul.menu li.item_devis a:hover {background:url('i-menu_hover_contact.png') repeat-x top left;} .bandeau ul.menu li.actif_sol a {background:url('i-menu_hover_sol.png') repeat-x top left;} .bandeau ul.menu li.actif_air a {background:url('i-menu_hover_air.png') repeat-x top left;} .bandeau ul.menu li.actif_neuf a {background:url('i-menu_hover_neuf.png') repeat-x top left;} .bandeau ul.menu li.actif_ancien a {background:url('i-menu_hover_ancien.png') repeat-x top left;} .bandeau ul.menu li.actif_contact a {background:url('i-menu_hover_contact.png') repeat-x top left;} .bandeau ul.menu li.actif_devis a {background:url('i-menu_hover_contact.png') repeat-x top left;} .footer {margin-top:15px; border-top:1px solid #D9D9D9; font-family:Arial, Sans Serif; padding-top:3px;} .footer .coordonnees {width:960px; margin:auto; height:auto; color:#474747;} .footer .coordonnees h3.adresse {float:left; width:600px; height:auto; font-weight:normal; font-size:10px;} .footer .coordonnees h3.adresse span {font-weight:bold;} .footer .coordonnees h4.telephone {float:right; width:340px; height:auto; font-weight:normal; font-size:10px; text-align:right;} .footer .coordonnees h4.telephone span {font-weight:bold;} .conteneur {height:auto; background:#F1F1F1;} .conteneur .contenu {width:960px; height:auto; margin:auto; font-family:Arial, Sans Serif;} .conteneur .contenu .gauche {float:left; width:477px; height:auto;} .conteneur .contenu .gauche .quest {text-align:center; margin-bottom:15px;} .conteneur .contenu .gauche .quest a {font-size:14px; font-weight:bold; text-decoration:none; color:#3E6B95;} .conteneur .contenu .gauche .quest a img {vertical-align:middle;} .conteneur .contenu .gauche .quest a:hover {text-decoration:none;} .conteneur .contenu .droite {float:right; width:450px; height:auto;} .conteneur .contenu .droite .photo {position:relative; width:450px; height:203px; margin:30px 0px; background:#9A9A9A;} .conteneur .contenu .droite .photo p.texte {position:absolute; top:0px; right:0px; padding-top:14px; padding-right:14px; padding-left:14px; width:215px; height:189px; color:#FFFFFF; text-align:justify; line-height:14px;} .conteneur .contenu .droite .photo p.texte span {font-weight:bold; font-size:18px; font-style:italic;} .conteneur .contenu .droite .photo .num {position:absolute; top:-16px; left:184px; width:38px; height:38px;} .conteneur .contenu .droite .photo .images {position:absolute; top:0px; left:0px; width:200px; height:203px;} .conteneur .contenu .droite .photo .images .imgs {position:absolute; top:0px; width:200px; height:203px; border-right:2px solid #9A9A9A;} .conteneur .contenu .droite .photo .images .img0 {left:0px;} .conteneur .contenu .droite .photo .images .img1 {left:-201px;} .conteneur .contenu .droite .photo .images .img2 {left:-403px;} .conteneur .contenu .droite .photo2 {height:277px; margin-top:21px;} .conteneur .contenu .droite .photo2 p.texte {height:263px;} .conteneur .contenu .droite .photo2 .images {height:277px;} .conteneur .contenu .droite .photo2 .images .imgs {height:277px;} .conteneur .contenu .droite .photo3 {width:509px; height:304px;} .conteneur .contenu .droite .photo3 .num {left:-16px;} .conteneur .contenu .droite .photo3 h4 {position:absolute; top:8px; left:28px; color:#FFFFFF; font-weight:bold; font-style:italic; font-size:18px;} .conteneur .contenu .droite .photo3 .images {top:38px; left:8px; width:493px; height:258px;} .conteneur .contenu .droite .photo3 .images .imgs {width:493px; height:258px;} /* PAGE AEROTHERMIE */ .conteneur .contenu .gauche_air {width:418px;} h2.entete_air {width:380px; height:261px; padding:19px; margin-bottom:15px; background:url('i-air_enete.jpg') no-repeat top left; text-align:justify; color:#FFFFFF; font-weight:bold; font-size:16px; line-height:21px;} .conteneur .contenu .droite_air {width:538px;} .photo_air {width:520px; height:570px; padding:9px; background:#9A9A9A;} .photo_air img.img_air_g {float:left; width:255px; height:280px; margin-bottom :9px;} .photo_air img.img_air_d {float:right; width:255px; height:280px; margin-bottom :9px;} .photo_air img .img_air_bg {float:left; width:255px; height:280px;} .photo_air img.img_air_bd {float:right; width:255px; height:280px;} #infoPlusAir {margin:0px auto; margin-top:140px; width:70%;} #infoPlusAir a {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} #infoPlusAir a:hover {text-decoration:none;} #infoPlusAir a:hover span {text-decoration:underline;} #infoPlusAir img {vertical-align:middle;} /* PAGE MAISON NEUVE */ h2.entete_neuf {width:256px; height:240px; padding:29px; padding-right:191px; background:url('i-neuf_enete.jpg') no-repeat top left; text-align:justify; color:#FFFFFF; font-weight:bold; font-size:18px; line-height:27px; margin-bottom:15px;} /* PAGE MAISON EXISTANTE */ .conteneur .contenu .gauche_ancien {width:379px;} .entete_ancien {width:341px; height:470px; padding:19px; padding-bottom:0px; background:url('i-ancien_enete.jpg') no-repeat top left; text-align:justify; color:#FFFFFF; font-weight:bold; font-size:17px; line-height:27px; margin-bottom:15px;} .entete_ancien h2 {width:284px; height:55px; padding-top:8px; margin-left:28px; background:url('i-ancien_fond_h.png') no-repeat top left; text-align:center; color:#FFFFFF; font-weight:bold; font-size:17px; line-height:22px; margin-top:20px; margin-bottom:20px;} .entete_ancien h3 {width:284px; height:55px; padding-top:8px; margin-left:28px; background:url('i-ancien_fond_h.png') no-repeat top left; text-align:center; color:#FFFFFF; font-weight:bold; font-size:17px; line-height:22px; margin-top:20px;} p.texte_ancien {padding-left:10px; border-left:2px solid #A2A2A2; text-align:justify; margin-top:50px; margin-bottom:50px; font-size:13px; line-height:17px;} .conteneur .contenu .droite_ancien {width:509px;} /* PAGE CONTACT */ .conteneur .contenu .gauche_contact {position:relative; width:322px; height:489px;} .conteneur .contenu .gauche_contact img {position:absolute; top:0px; left:0px;} .conteneur .contenu .gauche_contact .texte {position:absolute; bottom:18px; left:10px; width:302px; text-align:right; font-weight:bold; color:#FFFFFF; font-size:18px;} .conteneur .contenu .droite_contact {position:relative; width:638px; height:489px; background:url('i-contact_fond.png') no-repeat top left;} .conteneur .contenu .droite_contact img.quest_img {position:absolute; top:20px; right:20px;} .conteneur .contenu .form {width:638px; margin:auto; color:#3E3E3E; font-weight:bold; font-size:14px; z-index:10;} .conteneur .contenu .form .texte {padding-top:5px; padding-bottom:20px;} .conteneur .contenu .form .first {margin-top:70px;} .conteneur .contenu .form .form1 {float:left; height:28px; width:500px; margin-bottom:4px;} .conteneur .contenu .form .form1 .txt {float:left; width:167px; text-align:right; padding-right:3px; padding-top:4px;} .conteneur .contenu .form .form1 .inp {float:right; width:320px; text-align:left; margin-right:2px;} .conteneur .contenu .form .form1 .inp input {width:307px; padding:1px; height:21px; font-size:14px; color:#333333;} .conteneur .contenu .form .form1 .inp input.petit {width:207px;} .conteneur .contenu .form .form1 .inp input.tpetit {width:107px;} .conteneur .contenu .form .form1 .inp input.radio {width:15px; height:15px; border:none; background:none;} .conteneur .contenu .form .form2 {float:left; height:112px; width:500px;} .conteneur .contenu .form .form2 .txt {float:left; width:167px; text-align:right; padding-right:3px;} .conteneur .contenu .form .form2 .inp {float:right; width:320px; text-align:left; margin-right:2px;} .conteneur .contenu .form .form2 .inp textarea {width:307px; padding:1px; height:101px; font-size:14px; color:#333333;} .conteneur .contenu .form .submi {float:left; width:250px; padding-left:177px;} .conteneur .contenu .form .submi input {width:207px; height:27px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px; border:0px; cursor:pointer; background:url('i-contact_bouton.png') no-repeat top left;} .conteneur .contenu .form .cnil {color:#666666; font-weight:normal; padding:0px 15px; padding-top:25px; font-size:11px; line-height:12px; margin-top:10px; margin-bottom:20px; text-align:justify;} .conteneur .contenu .form .cnil a {color:#666666; text-decoration:underline;} .conteneur .contenu .form .cnil a:hover {text-decoration:none;} #confirmation {display:none; position:fixed; top:35%; left:35%; width:400px; height:145px; padding-top:55px; background:#EEEEEE; border:2px solid #333333; z-index:99; color:#000000; font-size:14px; text-align:center; font-weight:bold; cursor:pointer;} /* LAYER DE CHARGEMENT */ #loading {display:none; z-index:98; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} #chargement {display:none; z-index:99; position:fixed; top:10px; right:10px; width:250px; height:40px; background-color:#FFFFFF; text-align:center; border:3px solid #969696; padding-top:7px; font-size:18px; font-weight:normal; color:#848484;} #chargement img {border:0px; vertical-align:middle;} /* ACCUEIL */ .gris {height:299px; background:#F1F1F1;} #slider {position:relative; width:960px; height:299px; margin:auto; color:#FFFFFF; z-index:5;} #slider .video {position:absolute; top:30px; left:30px; width:285px; height:231px; padding:4px; background:url('i-fond_youtube.png') no-repeat top left; z-index:80;} #slider .charge_slide {position:absolute; top:0px; left:0px; width:960px; height:299px; z-index:5;} #slider .charge_slide .img {width:960px; height:299px; z-index:5;} .expl {position:relative; width:960px; height:180px; margin:auto; margin-top:5px; margin-bottom:15px; background:url('i-accueil_detail.jpg') no-repeat top left;} .expl h2.titre {position:absolute; top:25px; color:#FFFFFF; font-size:20px; font-weight:bold;} .expl h2.titre_0 {left:24px;} .expl h2.titre_1 {left:265px;} .expl h2.titre_2 {left:502px;} .expl h2.titre_3 {left:745px;} .expl p.texte {position:absolute; top:51px; width:190px; height:auto; text-align:justify; color:#FFFFFF; font-size:14px; font-weight:normal;} .expl p.texte_0 {left:24px;} .expl p.texte_1 {left:265px;} .expl p.texte_2 {left:502px;} .expl p.texte_3 {left:745px;} .expl .plus {position:absolute; top:132px; color:#FFFFFF; font-size:14px; font-weight:bold;} .expl .plus a {display:block; color:#FFFFFF; text-decoration:none; padding:3px 10px;} .expl .plus a:hover {text-decoration:none;} .expl .plus_0 {left:24px;} .expl .plus_1 {left:265px;} .expl .plus_2 {left:502px;} .expl .plus_3 {left:745px;} .pied {width:960px; height:auto; margin:auto; margin-top:5px; margin-bottom:35px;} .pied p {float:left; height:270px; text-align:justify; color:#5E5E5E;} .pied p span a {color:#5E5E5E; text-decoration:underline;} .pied p span a:hover {text-decoration:none;} .pied p.qualipac {width:292px; padding-right:23px; border-right:2px solid #CFCFCF;} .pied p.qualipac2 {width:130px;} .pied p.qualipac img {float:right; margin-top:2px;margin-bottom:5px;} .pied p.qualipac img.old_logo {margin-top:0px; float:left;} .pied p.entreprise {width:285px; padding:0px 23px; border-right:2px solid #CFCFCF;} .pied p.entreprise img {margin-left:30px;} .pied p.question {float:right; width:288px;} .pied p.question a {margin-left:60px; font-size:16px; font-weight:bold; text-decoration:none; color:#3E6B95;} .pied p.question a img {vertical-align:middle;} .pied p.question a:hover {text-decoration:none;} /* TAGS D'ACCENTUATION DU REFERENCEMENT */ #tags {width:946px; height:26px; margin:auto; padding:3px 6px; margin-top:10px; color:#C0C0C0; background:#FCFCFC; border:1px solid #E0E0E0; overflow:auto; overflow-x:hidden; overflow-y:hidden; text-align:justify; font-family:Arial, Sans Serif;} #tags h3.tag3 {display:inline; font-weight:bold; font-size:12px;} #tags h4.tag4 {display:inline; font-weight:bold; font-size:10px;} #tags h5.tag5 {display:inline; font-weight:normal; font-size:12px;} #tags h6.tag6 {display:inline; font-weight:bold; font-size:8px;} #tags a {color:#C0C0C0;} /* COPYRIGHT */ .copyright {width:960px; margin:auto; text-align:right; color:#8D8D8D; font-size:10px; font-family:Verdana, Sans Serif; padding-top:5px; padding-bottom:5px; font-weight:bold;} .copyright a {color:#8D8D8D; text-decoration:underline;} .copyright a:hover {text-decoration:none;} /* ENCART NEWS */ .bandeau #encartnews { background: #FFCE9A; border: solid 1px #E97B05; position: absolute; top: 15px; right: 0px; padding: 0px 3px 0px 0px; width: 290px; font-family: Verdana, sans-serif; font-style: normal; text-align:left; } .bandeau #encartnews img { vertical-align:middle; padding-right:10px; background: #FFCE9A; } .bandeau #encartnews a { display: block; text-decoration: none; } .bandeau #encartnews span { float:right; width:170px; color: #3E3E3E; font-size: 15px; font-weight: bold; } .bandeau #encartnews p { position: absolute; bottom: 3px; right:7px; font-style: normal; font-size: xx-small; } .bandeau #encartnews p a { color:#FE8300; } /* NEWS */ .conteneur .contenu .news { border: solid 1px #AAAAAA; margin-bottom: 5px; padding: 0px; } .conteneur .contenu .news .gauche { margin: 0px; padding: 0px; float: left; width: 300px; } .conteneur .contenu .news .droite { margin: 0px; padding: 0px; float: left; padding-left: 20px; } .conteneur .contenu .news .droite h3 { font-family: Verdana, sans-serif; font-size: 22px; font-weight: bold; font-style: normal; padding-top: 8px; padding-bottom: 20px; } .conteneur .contenu .news .droite p { font-family: Verdana, sans-serif; font-size: 14px; font-style: justify; } #lnkEnthalpie { color:#74A417; } .conteneur .contenu .droite .quest { margin-top:15px; margin-bottom:10px; text-align:center; } .conteneur .contenu .droite .quest a img { vertical-align:middle; } .conteneur .contenu .gauche .quest a:visited, .conteneur .contenu .gauche .quest a:link { color: #B98B00; float: right; color: #B98B00; font-size: 12px; font-weight: normal; padding-top: 10px; } .conteneur .contenu .gauche .quest a:hover { text-decoration: underline; } #devis_div { background:url('image/site/fond_devis.jpg') no-repeat scroll center; font-size: 14px; height: 671px; margin: 0px; padding: 0px; padding:0px; padding-top:65px; } #devis_div label { color: #3E3E3E; font-weight: bold; } #devis_div table { } #devis_div input[type=text] { padding: 3px; } #devis_div input[type=submit] { display: block; background: #2C58B1 url('image/site/devis_bouton.pgn') no-repeat; border: outset 1px #504F4C; color: white; cursor: pointer; font-size: 15px; font-weight: bold; height: 30px; margin: 0 auto; margin-top: 10px; padding: 5px; width: 200px; } #devis_div table td { padding: 3px; } #devis_div table .lbl { width: 185px; } #devisBloc1 { margin-left: 30px; } #devisBloc2 { margin-top: 20px; margin-left: 30px; } #devisBloc3 { margin-top: 25px; margin-left: 30px; } #devisBloc3 tr:first-child { vertical-align: top; margin-left: 30px; } #devisBloc4 { margin-top: 30px; margin-left: 175px; } #devisBloc2 .lblBloc2 { color: #3C5D7F; margin-right: 15px; margin-left: 5px; } #devisMessage { display:none; position:fixed; top:35%; left:35%; width:400px; height:145px; padding-top:55px; background:#EEEEEE; border:2px solid #333333; z-index:99; color:#000000; font-size:14px; text-align:center; font-weight:bold; cursor:pointer; } /* PAGE GEOTHERMIE */ h2.entete_sol {width:256px; height:240px; padding:29px; padding-right:191px; background:url('i-sol_enete.jpg') no-repeat top left; text-align:justify; color:#FFFFFF; font-weight:bold; font-size:18px; line-height:27px;} p.texte_sol {padding-left:10px; border-left:2px solid #A2A2A2; text-align:justify; margin-top:50px; margin-bottom:50px; font-size:13px; line-height:17px;} p.texte_sol a {color:#74A417;} .conteneur .contenu .gauche .quest_sol a {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_sol a:visited {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_sol a:link {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_sol a:hover {text-decoration:none;} .conteneur .contenu .gauche .quest_sol a:hover span {text-decoration:underline;} .conteneur .contenu .gauche .quest_neuf a {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_neuf a:visited {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_neuf a:link {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_neuf a:hover {text-decoration:none;} .conteneur .contenu .gauche .quest_neuf a:hover span{text-decoration:underline;} .conteneur .contenu .gauche .quest_ancien a {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_ancien a:visited {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_ancien a:link {color:#0E467B; font-family:Arial; font-size:13px; font-weight:bold;} .conteneur .contenu .gauche .quest_ancien a:hover {text-decoration:none;} .conteneur .contenu .gauche .quest_ancien a:hover span{text-decoration:underline;}