html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0px none;
}

body {
	background-color: #c0d43e;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;
	font-style:normal;
	font-weight: normal;
		color: #333333;

}

.clearit {
clear: both;
}




#bg {
width: 100%;
text-align: center;
background: url('../images/bgvert.gif') repeat-x top left; 


}
#wrapper {
width: 880px;
text-align: center;


}



#top {
width: 880px;
height: 88px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}
#topleft {
width: 602px;
height: 88px;
overflow:hidden;
text-align:center;
background: url('../images/topleft.gif') no-repeat top left;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:left;


}

#topright {
width: 278px;
height: 88px;
overflow:hidden;
text-align:center;
background: url('../images/topright.jpg') no-repeat top left;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:right;

}



#photos {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos.jpg') no-repeat top left;


}
#photos_outils {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_outils.jpg') no-repeat top left;


}
#photos_ossature {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_ossature.jpg') no-repeat top left;

}
#photos_solutions {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_solutions.jpg') no-repeat top left;
}

#photos_economies {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_economies.jpg') no-repeat top left;
}

#photos_isolants {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_isolants.jpg') no-repeat top left;
}

#photos_diaporama {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_diaporama.jpg') no-repeat top left;
}

#photos_contact {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_contact.jpg') no-repeat top left;
}
#photos_label {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_label.jpg') no-repeat top left;
}


#photos_permeabilite {
width: 880px;
height: 132px;
overflow:hidden;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url('../images/photos_permeabilite.jpg') no-repeat top left;
}





#topmenu {
width: 880px;
height: 25px;
text-align:center;
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color:#3e589f;

}


#topmenu ul{
padding:   0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 25px;
width: 880px;


}

#topmenu li{
display:table-row;
padding:  0px px 0px 0px;
margin:   0px 0px 0px 0px;
float:left;
list-style-type:none;
	overflow:hidden;


}


#topmenu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-style:normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 10px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
    height: 25px;
	line-height:2.1em;
	overflow:hidden;
} 



#topmenu ul li a:hover
{
color: #b2e7ff;
background-color: #d04227;

}

#topmenu ul li a:hover.in
{
color: #b2e7ff;
background-color: #d04227;

}
#topmenu ul li a.in
{
color: #b2e7ff;
background-color: #d04227;

}





#sep1
{
background-color:#2d2d2d;
overflow:hidden;
height:1px;
width:848px;
}
#sep1
{
background-color:#ffffff;
overflow:hidden;
height:6px;
width:848px;
}

#bottom{
width: 880px;
height:51px;
padding:    0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background: url('../images/footerleft.jpg') no-repeat top left;
background-color:#3e589f;
overflow:hidden;
text-align:center;
}

#bottom p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 2px 0px 0px 210px;
text-align:left;
line-height:15px;
}


#bottom a{
color: #c6d758;
}


#bottom a:focus, #footer a:hover
{
color: #ff6e31;
text-decoration:underline;
}


#conteneur{
width: 880px;
overflow:hidden;
text-align:center;
background-color:#FFFFFF;
}







#contenu {
text-align:left;
width: 880px;
float:left;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;


}




#contenu p, #contenu2 p{
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;
	font-style:normal;
	font-weight: normal;
	color: #0078b5;
	text-decoration: none;
 padding: 0px 0px 15px 0px;

}
#contenu input, #contenu2 input{
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;
	font-style:normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}
#contenu textarea, #contenu2 textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;
	font-style:normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}




#contenu h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 30px;
font-weight: normal;
color: #4b619f;
text-decoration: none;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
 clear:both;

}

#contenu h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 16px;
font-weight: bold;
color: #4b619f;
text-decoration: none;
margin:10px 0px 20px 0px;
padding:0px 0px 0px 0px;

 clear:both;


}

#contenu h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 14px;
font-weight: bold;
color: #8d8d8d;
text-decoration: none;
margin:13px 0px 8px 0px;
padding:0px 0px 0px 0px;

 clear:both;


}

#contenu p
{
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
 padding: 0px 0px 0px 0px;
 margin: 13px 20px 10px 0px;
 text-align:justify;

}


#contenu ul
{
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 0px;
}

#contenu li 
{
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
 padding: 0px 0px 0px 10px;
 margin: 8px 0px 8px 0px;
	background: url('../images/li.gif') no-repeat top left;
	list-style:none;

	

	

}

#contenu a, #contenu2 a{
color:#f36523;

}

#leftcol
{
float:left;
width: 187px;
text-align:left;
margin: 0px 0px px 0px;
padding: 0px 0px px 0px;
text-align:center;
overflow:hidden;

}
  



#actus
{
width: 442px;
height: 160px;
background: url('../images/actus.gif') no-repeat top left;
margin: 10px 0px 0px 0px;
padding: 0px 10px 10px 0px;
float:right;
}

#actus h1
{
	font-size: 15px;
	font-weight: bold;
	color: #3e589f;
	text-decoration: none;
 padding: 0px 0px 0px 0px;
 margin: 9px 0px 0px 14px;
 text-align:left;
}


#actus p
{
width: 410px;
height:90px;

	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 14px;
 text-align:justify;
 overflow:auto;
}
#actus h2
{
width: 410px;

	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 14px;
 text-align:justify;
}





.img250
{
border: 1px solid #3F5454;
text-align:center;
margin-bottom:15px;
}

.img250right
{
border: 1px solid #d7d7d7;
margin: 0px 17px 15px 0px;
padding: 4px 4px 4px 4px;
float:right;
}
.img250left
{
border: 1px solid #d7d7d7;
margin: 0px 17px 15px 0px;
padding: 4px 4px 4px 4px;
float:left;
}
.img250rightnoborder
{
border: 0px solid #d7d7d7;
margin: 0px 17px 15px 15px;
padding: 4px 4px 4px 4px;
float:right;
}

.img250leftnoborder
{
border: 0px solid #d7d7d7;
margin: 0px 17px 15px 0px;
padding: 4px 4px 4px 4px;
float:left;
}




.accueilright
{
border: 1px solid #3F5454;
margin: 0px 30px 0px 0px;
float:right;
}
.accueilleft
{
border: 1px solid #3F5454;
margin: 0px 5px 5px 30px;
float:left;
}




.borderHG
{
border-top: 1px solid #333333;
border-left: 1px solid #333333;
}
.borderBD
{
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
}


.imgmargeleft
{
border: 1px solid #3F5454;
margin: 0px 5px 15px 50px;
float:left;

}

.imgL
{
border: 1px solid #3F5454;
margin: 0px 5px 15px 20px;
float:left;
}
.imgR
{
border: 1px solid #3F5454;
margin: 0px 20px 15px 5px;
float:right;
}

.imgfloatleft
{
border: 1px solid #3F5454;
margin: 0px 8px 15px 0px;
float:left;
}

.right
{
float:right;

}
.margin
{
text-align:left;
margin-left:50px;
padding-left:50px;

}

.left
{
float:left;

}

#logo
{
margin-top:10px;
clear:both;

}



.souligne
{
text-decoration: underline;
}

a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #DA6700;
text-decoration:none;

}


 a:focus, a:hover
{
color: #CB5107;
text-decoration:underline;
}

a.petit{
font-size: 10px;
}

.kaki10{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #3F5454;
text-decoration:none;

}
.kaki11{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #3F5454;
text-decoration:none;

}

.img280right
{
border: 1px solid #3F5454;
margin: 0px 0px 5px 5px;
float:right;
}
.img280left
{
border: 1px solid #3F5454;
margin: 0px 5px 5px 0px;
float:left;
}


.gris10{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #EDEDED;
text-decoration:none;

}



.contour
{
border: 1px solid #3F5454;

}

.imgnoborder
{
border: 0px solid #3F5454;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.imgborder
{
border: 1px solid #d7d7d7;
margin: 0px 17px 15px 0px;
padding: 4px 4px 4px 4px;

}


.toupetit{
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;
	font-style:normal;
	font-weight: normal;
	color: #DA6700;
	text-decoration: none;
	text-align:left;
}

#video2
{
width:180px;
margin:5px 0px 5px 10px;
border: 1px solid #3F5454;
text-align:center;
}

.pub
{
font-weight:bold;
color:#791414;
font-size: 9px;
}

.pub2
{
font-weight:bold;
color:#791414;
font-size: 10px;
text-align:left;
}
.pub3
{
font-weight:bold;
color:#791414;
font-size: 11px;
text-align:left;
}.pub4
{
font-weight:bold;
color:#791414;
font-size: 12px;
text-align:left;
}

.space{
padding:  0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
height:4px;
overflow:hidden;
line-height:4px;
max-height:4px;

}

.bleuclair
{
color:#abd9eb;
}

.bleu
{
color:#3e589f;
}

.gris
{
color:#bebebe;
}

.bouton
{	

padding: 12px 35px 12px 40px;
margin: 0px 0px 0px 0px;
background: url('../images/bouton.gif') no-repeat top;
width:218px;
height:35px;
display:inline;
color:#ffffff;
text-decoration:none;

}

a.bouton:hover
{	

padding: 12px 35px 12px 40px;
margin: 0px 0px 0px 0px;
background: url('../images/bouton_hover.gif') no-repeat top;
width:218px;
height:35px;
display:inline;
color:#ffffff;
text-decoration:none;


}
.boutonin
{	

padding: 12px 35px 12px 40px;
background: url('../images/bouton_hover.gif') no-repeat top;
width:218px;
height:35px;
display:inline;
color:#ffffff;
text-decoration:none;


}
a.boutonin:hover
{	

padding: 12px 35px 12px 40px;
margin: 0px 0px 0px 0px;
background: url('../images/bouton_hover.gif') no-repeat top;
width:218px;
height:35px;
display:inline;
color:#ffffff;
text-decoration:none;


}

.blanc
{
color:#ffffff;

}

.bordureHG
{
border-top: 1px solid #3e589f;
border-left: 1px solid #3e589f;

}

.bordureBD
{
border-bottom: 1px solid #3e589f;
border-right: 1px solid #3e589f;

}