*{
	margin:0;
	padding:0;
}

body{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ABCF1D;
	line-height:14px;
	background:url(images/bg_body.gif) repeat-x #000;
}

a{
	text-decoration:none;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                     CLASSES DISPLAY et CLEAR                                     */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.lineclear{
	clear:both;
	height:1px;
	line-height:1px;
}

.display{
	display:none;
}

.vishidden{
	visibility:hidden
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                          CLASSES TEXTE                                           */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.bold{
	font-weight:bold;
}

.rouge{
	color:#E80909;
}

.orange{
	color:#F88700;
}

.blanc{
	color:#fff;
}

.bleu{
	color:#22A5F8;
}

.center{
	text-align:center;
}

.justify{
	text-align:justify;
}

.fsize13{
	font-size:13px;
}

.fsize16{
	font-size:16px;
}
























/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                  STRUCTURE COMMUNE                   ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/


#global{
	width:955px;
	margin:0 auto;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             BANDEAU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#bandeau{
	height:295px;
	background:url(images/bg_bandeau.jpg) no-repeat;
}

/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~      Logo     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */

#logo{
	float:left;
	width:301px;
}

#bandeau-droite{
	float:left;
	width:613px;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Menu top   ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#menu-top{
	padding:14px 0 0 0;
	height:125px;
	text-align:right;
	font-size:10px;
	line-height:10px;
}

#menu-top ul li{
	display:inline;
	padding:0 5px;
	border-right:solid 1px #fff;
}

#menu-top ul li.lili{
	border:none;
}

#menu-top ul li a{
	color:#fff;
}

#menu-top ul li a:hover{
	color:#FAAD1E;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~      Menu     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#menu ul{
	height:109px;
}

#menu ul li{
	height:109px;
	display:inline;
}

#menu ul li a{
	display:block;
	height:109px;
	float:left;
}

#menu ul li a.menu1{
	width:119px;
	background:url(images/menu1.jpg) no-repeat 0 0;
}

#menu ul li a.menu2{
	width:147px;
	background:url(images/menu2.jpg) no-repeat 0 0;
}

#menu ul li a.menu3{
	width:146px;
	background:url(images/menu3.jpg) no-repeat 0 0;
}

#menu ul li a.menu4{
	width:119px;
	background:url(images/menu4.jpg) no-repeat 0 0;
}

#menu ul li a:hover, #menu ul li a.focus{
	background-position:0 bottom;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#contenu{
	background:url(images/bg_contenu.jpg) no-repeat right bottom;
	padding:0 0 15px 0;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Titres     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


.titre{
	font-size:15px;
	font-weight:bold;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                              FOOTER                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#bg_footer{
	background:#212020;
}

#footer{
	width:955px;
	margin:0 auto;
	background:url(images/bg_footer.jpg) no-repeat;
	height:20px;
	text-align:center;
}

#footer ul{
	padding:4px 0 0 0;
	font-size:10px;
	line-height:10px;
}

#footer ul li{
	display:inline;
	padding:0 5px;
	border-right:solid 1px #fff;
}

#footer ul li.lili{
	border:none;
}

#footer ul li a{
	color:#fff;
}

#footer ul li a:hover{
	color:#FAAD1E;
}




























/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                       ACCUEIL                        ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Gauche     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#accueil-gauche{
	float:left;
	width:242px;
	padding:0 0 0 53px;
}

.filet{
	background:#FAAD1E;
	width:175px;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Milieu     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#accueil-milieu{
	float:left;
	width:451px;
	padding: 0 38px 0 0;
}

#thermique{
	margin:0 0 0 11px;
	width:213px;
	float:left;
}

.thermique{
	background:url(images/bg_thermique.jpg) no-repeat #A20404;
	padding:0 10px;
	font-size:10px;
	color:#fff;
	margin:0 1px 0 0;
}

.savoir{
	text-align:right;
}

#fermetures{
	margin:0 0 0 13px;
	width:211px;
	float:left;
}

.fermetures{
	background:url(images/bg_fermetures.jpg) no-repeat #F88700;
	padding:0 10px;
	font-size:10px;
	color:#A90D0D;
}

.contact{
	font-size:16px;
	text-align:center;
	color:#fff;
	font-style:italic;
	font-weight:bold;
	padding:0 0 20px 0;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Droite     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#accueil-droite{
	float:left;
	width:150px;
}

.credit{
	font:bold 25px Arial, Helvetica, sans-serif;
	line-height:30px;
	text-transform:uppercase;
}

.credit1{
	letter-spacing:6px;
}

.credit2{
	letter-spacing:1px;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                              FOOTER                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#tt{
	text-align:center;
	margin-top:20px;
}

#tt a{
	font-size:9px;
	color:#fff;
}

#tt a:hover{
	color:#2BAED7;
}





























/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                     PRESTATIONS                      ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Gauche     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#prestations-gauche{
	float:left;
	width:242px;
	padding:0 0 0 53px;
}

#prestations-gauche img{
	border:solid 1px #C30101;
	margin:0 0 15px 0; 
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Droite     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#prestations-droite{
	float:left;
	width:600px;
}


























/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                     REALISATIONS                     ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/



/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Gauche     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#zoom{
	float:left;
	width:388px;
	padding:0 0 0 53px;
}

#zoom img{
	border:solid 4px #86B71C;
}

#zoom img.bordure1{
	border-color:#ABCF1D;
}

#zoom img.bordure2{
	border-color:#1FA4F7;
}

#zoom img.bordure3{
	border-color:#F2A91B;
}

#zoom img.bordure4{
	border-color:#F91E06;
}

#zoom img.bordure5{
	border-color:#AD2361;
}

#zoom img.bordure6{
	border-color:#5627C1;
}

.legende{
	padding:3px 0 3px 0;
	text-align:center;
	color:#fff;
	margin:15px 16px 0 0;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Droite     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#vignettes{
	float:left;
	width:470px;
}

#vignettes img{
	float:left;
	margin:0 8px 8px 0;
	border:solid 3px #86B71C;
}

#vignettes img.bordure1{
	border-color:#ABCF1D;
}

#vignettes img.bordure2{
	border-color:#1FA4F7;
}

#vignettes img.bordure3{
	border-color:#F2A91B;
}

#vignettes img.bordure4{
	border-color:#F91E06;
}

#vignettes img.bordure5{
	border-color:#AD2361;
}

#vignettes img.bordure6{
	border-color:#5627C1;
}

#fond-noir{
	margin:15px 0 0 0;
	background:#000;
	clear:both;
	padding:3px 0;
	width:448px;
}

#fond-noir p{
	font-weight:bold;
	text-align:center;
	float:left;
	width:74px;
}

.plomberie{
	color:#ABCF1D;
}

.fenetres{
	color:#1FA4F7;
}

.chauffage{
	color:#F2A91B;
}

.stores{
	color:#F91E06;
}

.portails{
	color:#AD2361;
}

.divers{
	color:#5627C1;
}





















/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                        CONTACT                       ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/




/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Gauche     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#contact-gauche{
	float:left;
	width:258px;
	padding:0 0 0 43px;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Milieu     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#contact-milieu{
	float:left;
	width:364px;
}

.coord{
	text-align:center;
	padding:0 30px 0 0;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */
/* ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~    Droite     ~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ç~ */


#contact-droite{
	float:left;
	width:257px;
}

.camion{
	padding:0 0 7px 0;
}

label{
	display:block;
	float:left;
	width:70px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#F88700;
}

.input{
	width:178px;
	height:15px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#E80909;
	border:solid 1px #F88700;
	background:transparent;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
}

textarea{
	width:178px;
	height:70px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#E80909;
	border:solid 1px #F88700;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background:none;
	overflow:auto;
}

#bouton{
	display:block;
	width:184px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 70px;
	background:#ABCF1D;
	border:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	cursor:pointer;
}