@charset "utf-8";
/* CSS Document */

body {	width:865px;height:auto;background-color: #2e517c;	background-image: url(images/motif_body.gif); background-repeat: repeat-y;
	background-position: center ;margin:auto;}
	
#bord_haut{width:865px; height:79px; background-image: url(images/bord_haut.gif);background-repeat: no-repeat;}/* 824px width */




/* 824px width */
#bandeau{width:846px; height:72px; float:left; margin-top:-5px;}/* 824px width */

#logo{width:267px; height:72px; float: left; padding-left:15px;  }

#cartouche{width:507px;height:72px;background-image: url(images/bandeau.png);	background-repeat: no-repeat; background-position: center; float: right;margin-left:0px;} 

.txt_cart{margin-top:20px;width:140px; color: #FFFFFF; font-family:Arial, serif, Univers,Verdana;font-size: 14px;text-align:left;text-indent:0px;font-weight: bold;} 

.txt_haut_droit{margin-top: 40px; padding-left:50px;width:550px; height:30px;color: #00315f; font-family:Arial, serif, Univers,Verdana;font-size: 14px;text-align:center;text-indent:0px;font-weight: bold;} 

.txt_bas_droit{margin-top: 60px; padding-left:15px;width:630px; height:30px;color:#CCCCCC; font-family:Arial, serif, Univers,Verdana;font-size: 9px;text-align:left;text-indent:0px;font-weight: bold;} 

.txt_bas_droit_service{margin-top: 28px; padding-left:15px;width:630px; height:30px;color:#CCCCCC; font-family:Arial, serif, Univers,Verdana;font-size: 7px;text-align:left;text-indent:0px;font-weight: bold;} 

strong {color:#00315F;}

#artisan{width:150px;height:50px;text-align:center;float: left;padding-left:40px;margin-top:13px; } 

#tel{width:150px;height:20px;float: left;;padding-left:100px;margin-top:13px;  } 

#mail{width:60px;height:50px;float: left;padding-left:0px;margin-top:20px; } 

#principal{width:865px;margin:auto;}/*830*/


#gauche{width:162px; height:645px; float: left; margin-top:25px;padding-left:16px; }

#menu{width:160px; height:461px; background-image: url(images/cadre_menu.png);	background-repeat: no-repeat;   }




.bouton {width:153px;padding-top: 53px;margin-top: 0px;background-repeat:no-repeat;	list-style-type: none;margin-left:2px;padding-left:2px;float: left; }


div#navig{ padding-top: 15px;height: auto;  width: 160px; }

div#navig li { height: 39px;  font-family: Arial, Helvetica, sans-serif; font-size: small; text-align: center; line-height: 280%; list-style-type: none; background-image: url(images/buttonface-up.png); background-repeat: no-repeat;}

div#navig  li a {display: block; width: 100%; height: 100%;text-decoration: none;}

div#navig  li a:link { color: white; font-weight: bold;}

div#navig  li a:visited { color: white; font-weight: bold;}

div#navig  li a:hover {  font-weight: bold; color: #00FFFF;/*#FF99F5;*/	background-image: url(images/buttonface-down.png);background-repeat: no-repeat;}

div#navig  li a:active { font-weight: bold; color: #00315F; background-image: url(images/buttonface-down.png); background-repeat: no-repeat;}

#devis{ text-align: center; padding-top:35px;line-height: 180%;margin-top:15px;width:161px; height:151px; float: left;background-image: url(images/cadre_devis.png);	background-repeat: no-repeat;  }

a /* Lien normal */{   font-weight: bold;font-size: small;font-family: Arial, Helvetica, sans-serif;text-decoration: none;   color: #FFFFFF;}

a:visited /* Quand le visiteur a déjà vu la page concernée */{   text-decoration: none;   color: #FFFFFF;}

a:focus /* Quand le visiteur sélectionne le lien */{   color: #FFFFFF;}

a:hover /* Quand le visiteur pointe sur le lien */{   color: #00FFFF;}

#droite{width:655px; height:604px; float: left; margin-top:25px; padding-left:12px; }


#haut_droit{width:655px; height:115px; float: right;background-image: url(images/haut_principal.png);	background-repeat: no-repeat; }

#flash{width:655px; height:422px; float: right; }

#bas_droit{width:654px; height:90px; float: left;background-image: url(images/bas_principal.png);	background-repeat: no-repeat; }

#lien_bas_droit {width:650px; height:40px;margin-top:8px;font-size: 9px; float: right; color: #FFCC66; font-size:12px;}
#lien_bas_droit2 {width:650px; height:40px;margin-top:0px;font-size: 9px; float: right; color: #FFCC66; font-size:12px;}


.bas /* Lien normal */{  font-size: 10px; font-weight: bold;font-family: Arial, Helvetica, sans-serif;text-decoration: none; olor: #FFFFFF;}

.bas:visited /* Quand le visiteur a déjà vu la page concernée */{  font-size: 10px;  text-decoration: none;   color: #FFFFFF;}

.bas:focus /* Quand le visiteur sélectionne le lien */{   font-size: 10px; color: #FFFFFF;}

.bas:hover /* Quand le visiteur pointe sur le lien */{  font-size: 10px;  color: #00FFFF;}

.bas:link {  font-size: 10px; font-weight: bold;font-size: small;font-family: Arial, Helvetica, sans-serif;text-decoration: none;   color: #FFFFFF;}


.ink /* Lien normal */{ color: #006600;font-family: Arial,serif,Univers,Verdana;}
.ink:visited /* Quand le visiteur a déjà vu la page concernée */{ text-decoration:none;color: #006600;font-family: Arial,serif,Univers,Verdana;}

.ink:focus /* Quand le visiteur sélectionne le lien */{text-decoration:none;color: #00CC33;font-family: Arial,serif,Univers,Verdana;}

.ink:hover /* Quand le visiteur pointe sur le lien */{text-decoration:none;color: #00CC33;font-family: Arial,serif,Univers,Verdana;}

.ink:link /{text-decoration:none;color: #006633;font-family: Arial,serif,Univers,Verdana; }

.petit /* Lien normal */{ color: #ccc;font-family: Arial,serif,Univers,Verdana;font-size:11px; font-weight:normal;}
.petit:visited /* Quand le visiteur a déjà vu la page concernée */{ text-decoration:none;color: #0ccc;font-family: Arial,serif,Univers,Verdana;}

.petit:focus /* Quand le visiteur sélectionne le lien */{text-decoration:none;color: #FFFFFF;font-family: Arial,serif,Univers,Verdana;}

.petit:hover /* Quand le visiteur pointe sur le lien */{text-decoration:none;color: #FFFFFF;font-family: Arial,serif,Univers,Verdana;}

.petit:link /{text-decoration:none;color: #FFFFFF;font-family: Arial,serif,Univers,Verdana;}

.mention /* Lien normal */{ color: #00315f;font-family: Arial,serif,Univers,Verdana;font-size:11px; font-weight:normal;}
.mention:visited /* Quand le visiteur a déjà vu la page concernée */{ text-decoration:none;color: #00315F;font-family: Arial,serif,Univers,Verdana;}

.mention:focus /* Quand le visiteur sélectionne le lien */{text-decoration:none;color: #00315f;;font-family: Arial,serif,Univers,Verdana;}

.mention:hover /* Quand le visiteur pointe sur le lien */{text-decoration:none;color: #00315f;;font-family: Arial,serif,Univers,Verdana;}

.mention:link /{text-decoration:none;color: #00315f;;font-family: Arial,serif,Univers,Verdana;}




.strong2 { text-decoration:none;color: #3366cc;font-family: Arial,serif,Univers,Verdana;font-size:13px; font-weight:bold;}


.text-info {width:640px; height:19px;float:left;}

.copyright {text-align:right;color:#CCC; font-family:Arial, serif, Univers,Verdana;font-size: 11px; width:290px; float:left; margin-right:3px;margin-top:1px;}

.mention_legal {background-image: url(images/mentions.png); background-repeat: no-repeat; background-position:top center; background-attachment:scroll;height:19px; width:105px; color:#00315f; text-align:center; margin-top: 0px; line-height:15px; color:#00315f;float:left;}

.kadikoi {width:238px;height:19px; color:#CCC; font-family:Arial, serif, Univers,Verdana; font-size: 11px;text-align:left; float:right;margin-top:1px;}
.energie {width:100%;height:19px; color:#CCC; font-family:Arial, serif, Univers,Verdana; font-size: 11px;text-align:center; float:right;margin-top:1px;}
/* PAGE SERVICE 1*/
#haut_droit_service{width:655px; height:49px; float: left;background-image: url(images/haut_principal_service1.png);	background-repeat: no-repeat; }



#contenu_service{width:655px; height:auto; float: left; background-color:#FFFFFF;}

#bas_droit_service{width:655px; height:63px; float: left;background-image: url(images/bas_principal_service.png);	background-repeat: no-repeat; }


.txt_titre{width:246px;  margin:21px 0px 0px 75px; height:25px;color: #FFFFFF; font-family:Arial, serif, Univers,Verdana;font-size: 14px;text-align:left;text-indent:0px;font-weight: bold;} 

.txt_titre2{width:200px;  margin:1px 0px 0px 35px; height:25px;color:#00315f; font-family:Arial, serif, Univers,Verdana;font-size: 12px;text-align : top;text-indent:0px;font-weight: bold;} 


#fuite{width:640px; height:260px; float: right; }


#fuite1_depanna{width:640px; height:240px; float: right; }

#fuite22{width:640px;  height:270px; margin:10px 0px 0px 0px; padding-top:17px;float:left; }
#fuite2{width:640px;  height:270px; float: right; }

#fuite_depanna{width:640px;  height:300px; float: right; }

.module_fuite{width:311px; height:227px; float: left; background-image: url(images/module_fuite.png);	background-repeat: no-repeat;}

.module_texte{width:245px; height:20px;  margin:20px 20px 10px 10px; float: right; background-image: url(images/puce1.gif);	background-repeat: no-repeat;}
.module_texte2{width:245px; height:20px;  margin:0px 20px 10px 10px; float: right; background-image: url(images/puce2.gif);	background-repeat: no-repeat;}
.module_texte3{width:245px; height:20px;  margin:0px 20px 10px 10px; float: right; background-image: url(images/puce3.gif);	background-repeat: no-repeat;}
.module_texte3bis{width:245px; height:20px;  margin:0px 20px 10px 10px; float: right; background-image: url(images/puce5.gif);	background-repeat: no-repeat;}
.module_texte4{width:245px; height:20px;  margin:6px 20px 10px 10px; float: right; background-image: url(images/puce1.gif);	background-repeat: no-repeat;}
.module_texte6{width:245px; height:20px;  margin:6px 20px 10px 10px; float: right; background-image: url(images/puce4.gif);	background-repeat: no-repeat;}


.module_texte2_saut{width:245px; height:20px;  margin: 10px 20px 10px 15px; float: right; background-image: url(images/puce2.gif);	background-repeat: no-repeat;}

.gal2{width:640px; height:auto; float: right; }

.gal{width:311px; height:227px;margin:0px 0px 0px 0px; float: left; }


#image2{width:285px; height:177px;margin:10px 0px 5px 1px; float: left; }

#image{width:285px; height:177px;margin:10px 0px 5px 10px; float: left; }

#fuiteCaption22{width:311px;  margin:15px 0px 0px 10px; height:auto;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 12px;text-align : left;text-indent:0px;font-weight: bold; float:left;} 

#fuiteCaption{width:150px;  margin:1px 0px 0px 0px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:left;} 

#fuiteCaption_depanna{width:130px;  margin:1px 0px 0px 0px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:right;} 


#fuiteCaption2{width:178px;  margin:2px 0px 0px 0px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:right;}

#fuiteCaption3{width:200px;  margin:2px 0px 0px 0px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:right;} 

#fuiteCaption4{width:311px;  margin:175px 0px 0px 15px; height:auto;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 12px;text-align : left;text-indent:0px;font-weight: bold; float:left;}


#btn2{width:311px;  height:30px; margin:6px 0px 0px 10px; height:20px; float:left;} 
#btn{width:130px;  height:30px; margin:6px 0px 0px 10px; height:20px; float:left;}


.module_renovation{width:311px; height:227px; float: left; background-image: url(images/module_renovation.png);	background-repeat: no-repeat;}

.module_pose_liner{width:311px; height:227px; float: left; background-image: url(images/module_pose_liner.png);	background-repeat: no-repeat;}

.module_pompe_chaleur{width:311px; height:227px; float: left; background-image: url(images/module_pompe_chaleur.png);	background-repeat: no-repeat;}

.module_volet{width:311px; height:227px; float: left; background-image: url(images/module_volet.png);	background-repeat: no-repeat;}


#renovationCaption{width:150px;  margin:1px 0px 0px 15px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:left;} 

#btn_renovation{width:130px;  height:30px; margin:1px 0px 0px 0px; height:20px; float:left;} 


.module_depannage{width:311px; height:227px; float: left; background-image: url(images/module_depannage.png);	background-repeat: no-repeat;}
#depannageCaption{width:150px;  margin:1px 0px 0px 0px; height:20px;color: #3366CC; font-family:Arial, serif, Univers,Verdana;font-size: 11px;text-align : left;text-indent:0px;font-weight: bold; float:left;} 


/* PAGE contact*/
#contact1{width:580px; height:320px; float: right; }
#contact2{width:580px; height:auto; float: right; }


.module_tom{width:220px; height:250px; float: left; }

.module_collegue{width:230px; height:250px; margin:0px 0px 0px 80px; float: left; }

.module_depanna{width:230px; height:250px; margin:0px 0px 0px 50px; float: left; }

.txt_contact{margin-top: 0px; padding-left:0px;width:210px; height:auto; margin:15px 0px 0px 0px; height:19px;color: #00315f; font-family:Arial, serif, Univers,Verdana;font-size: 15px;text-align:center;font-weight: bold; float:left;} 

.txt_contact2{margin-top: 0px; padding-left:0px;width:220px; margin:15px 0px 0px 0px; height:19px;color: #00315f; font-family:Arial, serif, Univers,Verdana;font-size: 15px;text-align:center;text-indent:0px;font-weight: bold;float:left;} 

.txt_contact3{margin-top: 0px; padding-left:80px;width:350px; margin:10px 0px 0px 0px; height:90px;color: #00315f; font-family:Arial, serif, Univers,Verdana;font-size: 16px;text-align:center;text-indent:0px;font-weight: bold;} 


#contact_form{width:580px; height:auto; float: right; color: #003399;}


#partenaire{width:580px; height:660px; float: right; }