/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(gifs/fond.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

/******************************************************************** Lien ******************************************************************/


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

.left{
float:left;}

.right{
float:right;}

.mr{
margin-right: 10px;}

.ml{
margin-left: 10px;}

.ensemble3{
height: 155px;
width: 165px;
display:block;
padding-right: 40px;}

.ensemble3 p{
text-align: center;
padding-right: none;}


.ensemble2{
height: 125px;
width: 600px;
display: block;}

.ensemble{
height: 135px;
width: 300px;
display: block;}


#lightbox{
	background-color: #000033;
	padding: 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	color:#FFFFFF;
	}
	
	#lightbox a{
	color:#fdbd03;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

#contenaire{
width:897px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
position:relative;
}

#header{
width:897px;
height:385px;
z-index:0;
margin-top:0px;
}

#logo{
width:291px;
height:90px;
float:left;
}

#diapo{
width:897px;
height:200px;
float:left;
}

#menu{
width:606px;
height:90px;
float:left;
}

#content{
width:897px;
overflow:hidden;
z-index:0;
}

#colone_centre{
width:620px;
overflow:hidden;
float:left;
display:inline;
background-image:url(gifs/sidebar.jpg);
background-repeat:repeat-y;
}

#colone_centre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000066;
	margin:0px;
}

#colone_centre h2{
color:#000066;
font-family:Arial,Helvetica,sans-serif;
font-size:21px;
height:32px;
line-height:32px;
text-decoration:none;}

#colone_centre h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	margin:0px;
	padding:15px;
}

#colone_centre p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding-top:10px;
	padding-right:15px;
}

#colone_centre li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding-top:5px;
	margin-left:30px;
}

#colone_centre a{
	font-family: Arial, Helvetica, sans-serif;
	color:#000066;
	margin:0px;
	text-decoration: underline;
}

#colone_centre a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #fdbd03;
	margin:0px;
		text-decoration: underline;
}

.photo{
	border: 1px solid #000066;
	float:left; margin-right:10px;
	margin-bottom:10px;
}

#encart_couverture{
background-image:url(gifs/encart-couverture.jpg);
width:189px;
height:160px;
float:left;
margin-right:15px;
}

#encart_couverture a{
	text-decoration: none!important;
}

#encart_couverture a:hover{
	text-decoration: none!important;
	color:#FFFFFF;
}

#encart_zinguerie{
background-image:url(gifs/encart-zinguerie.jpg);
width:189px;
height:160px;
float:left;
margin-right:15px;
}

#encart_zinguerie a{
	text-decoration: none!important;
}

#encart_zinguerie a:hover{
	text-decoration: none!important;
	color:#FFFFFF;
}

#encart_etancheite{
background-image:url(gifs/encart-etancheite.jpg);
width:189px;
height:160px;
float:left;
}

#encart_etancheite a{
	text-decoration: none!important;
}

#encart_etancheite a:hover{
	text-decoration: none!important;
	color:#FFFFFF;
}

#colone_droite{ 
width:277px;
overflow:hidden;
float:left;
display:inline;
}

#colone_droite h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #000066;
	margin:0px;
	padding-top:5px;
	padding-left:8px;
}

#colone_droite p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

#colone_droite a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding-top:10px;
	color: #000066;
	text-decoration: none;
}

#colone_droite a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	padding-top:10px;
	color: #000066;
	text-decoration: underline;
}

.puce{
	vertical-align: middle;
}

#encart_contact{ 
width:261px;
height:148px;
background-image:url(gifs/contact.jpg);
margin-left:15px;
margin-bottom:15px;
}

#encart-actualites{ 
width:261px;
margin-left:15px;
overflow:hidden;
}
	
#footer{
width:100%;
height:100px;
background-color:#1f386e;
z-index:0;
clear:both;
margin-top:15px;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin:0px;
	padding-top:15px;
	padding-left:4px;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin:0px;
		text-decoration: none;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fdbd03;
	margin:0px;
		text-decoration: none;
}

#barre-jaune{
background-color:#fdbd03;
height:262px;
width:15px;
position:absolute; 
z-index:50;
top:97px;
left:872px;
}

/****************************************************************navigation*/
ul.MenuHorizontal {
   width: 577px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   margin-left:28px;
   margin-top:20px;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #FFF;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 50px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   line-height:50px;
}

ul.MenuHorizontal li a:hover {
   display: block;
   color: #fdbd03;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 50px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
   line-height:50px;
}

li#menu0 {
   width: 71px;
}

li#menu1 {
   width: 115px;
}

li#menu2 {
   width: 146px;
}

li#menu3 {
   width: 65px;
}

li#menu4 {
   width: 97px;
}

li#menu5 {
   width: 83px;
}

li#menu0 a {
   background-image: url('gifs/menu1.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('gifs/menu2.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu2 a {
   background-image: url('gifs/menu3.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu3 a {
   background-image: url('gifs/menu4.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu4 a {
   background-image: url('gifs/menu5.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu5 a {
   background-image: url('gifs/menu6.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/menu1.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  }

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu2.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  }

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu3.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  }

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu4.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  }

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/menu5.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  }

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/menu6.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #fdbd03;  } 
   
   /************************************contact*/
   .ligne-contact1 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 00px;
	margin-bottom: 10px;
	display: inline;
}

.ligne-contact2 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline;
}

.bloc-message p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline;
}

.input_form {
	background-color: #FFFFFF;
	border:1px solid #333333;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 230px;
}
.champs-obligatoires {
	font-size: 11px;
	color: #333333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 500px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	margin-left: 170px;
	cursor: pointer;
	background-color: #000066;
}

.bouton_form:hover {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #082153;
	display: block;
	margin-left: 170px;
	cursor: pointer;
	background-color: #000066
}


#form-contact {
	margin-bottom: 15px;
	width: 590px;
	padding-left: 0px;

}
/*************************************************textes*******************************************/
.intro{
	font-size: 12px;
	font-style: normal;
	padding-bottom: 5px;
}


.realisation{
	background-color:#8092BA;
	height: 60px;
}

.realisation_titre{
	background-color:#FFFFFF;
	padding-top:5px;
	margin:0 auto;
	padding-bottom:5px;
	padding-left:5px;
	height:20px;
	width: 275px;
	text-align:center;
	text-decoration:underline;
}

.separation{
width: 400px;
margin: auto;
padding: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #8092BA;
}


.miniature img{
border: 1px solid #555555;
margin-right: 3px;
display: block;

}

.miniature a img:hover{
border:1px solid #777777;
}

.miniature a{
font-size: 12px;
text-decoration: none !important;
text-align: center;
display:block;
font-weight: bold;
}

.miniature a:hover img {
filter: alpha (opacity=50);
opacity: 0.5;
}

.ensemble{
}

.photo{
display:inline;
width: 200px;
max-width: 200px;}

.left{
float: left;}

.right{
float:right;}