/********************************************************************* 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:#2d2c2c;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #000000;
}


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

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

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

/**********************************************************BDD AUTO **************************************/
.pagination {
width:600px;
height:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:20px;
margin-bottom:20px !important;

}
.numpage {
	display:block;
	width:18px;
	height:18px;
	background-color: #DAC1A7;
	float:left;
	margin:1px;
	color:#FFFFFF;
	text-align:center;

}
.numpage_selec {
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:1px;
	border: 1px solid #958263;
	text-align:center;
	color:#000000;

}
.bt_suivant{
	display:block;
	width:70px;
	height:18px;
	float:left;
	margin:1px;
	text-align:center;
	color:#000000;
}
.bt_precedent{
	display:block;
	width:70px;
	height:18px;
	float:left;
	margin:1px;
	text-align:center;
	color:#000000;
}
.liste_cat{
}
.fichierbin{
}
#image{
width:220px;
height:280px;
float:left;
margin-right:15px;
margin-top:15px;
}


.photo5{
width:100px;
height:100px;
float:left;
margin-right:10px;
}

#bdd{
width:730px;
overflow:hidden;
}

/**********************************************************************************************************/



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

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#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:1002px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
position:relative;
}

#header{
width:1002px;
height:281px;
background-image:url(gifs/diapo.jpg);
z-index:0;
margin-top:0px;
}

#header h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF9900;
	margin:0px;
	padding:0px;
}

#header a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF9900;
	margin:0px;
	padding:0px;
}

#header a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
	margin:0px;
	padding:0px;
	text-decoration: none;
}

#header p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin:0px;
	padding:0px;
}

#encart-contact{
width:200px;
height:80px;
z-index:50;
position:absolute;
top:77px;
left:20px;
}

.noir{
color:#000000 !important;
}

#conseil{
width:200px;
height:80px;
z-index:50;
position:absolute;
top:180px;
left:5px;
}

#experience{
width:250px;
height:80px;
z-index:50;
position:absolute;
top:180px;
left:240px;
}

#newsletter{
width:250px;
height:80px;
z-index:50;
position:absolute;
top:180px;
left:527px;
}

#devis{
width:190px;
height:80px;
z-index:50;
position:absolute;
top:180px;
left:810px;
}

#menu{
width:228px;
overflow:hidden;
margin-bottom:15px;
}

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

#colone_gauche{
width:228px;
overflow:hidden;
float:left;
display:inline;
}

#encart_partenaires{
width:209px;
height:150px;
background-image:url(gifs/partenaires.jpg);
background-repeat:no-repeat;
float:left;
}

#encart_partenaires h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin:0px;
	padding-top:5px;
	padding-left:25px;
}

#colone_centre{
width:763px;
overflow:hidden;
float:left;
display:inline;
margin-left:10px;
}

#encart{
width:763px;
overflow:hidden;
margin-bottom:15px;
}

#encart h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}

#encart p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}

#encart a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}

#encart a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FF9900;
	margin:0px;
	padding:0px;
	text-decoration: none;
}

#encart1{
background-image:url(gifs/encart1.jpg);
width:376px;
height:148px;
float:left;
margin-right:14px;
margin-bottom:8px;
}

#encart2{
background-image:url(gifs/encart2.jpg);
width:372px;
height:148px;
float:left;
margin-bottom:8px;
}

#encart3{
background-image:url(gifs/encart3.jpg);
width:376px;
height:152px;
float:left;
margin-right:14px;
}

#encart4{
background-image:url(gifs/encart4.jpg);
width:373px;
height:152px;
float:left;
}

#texte{
width:763px;
overflow:hidden;
padding:10px;
background-color:#FFFFFF;
margin-bottom:20px;
}

#texte h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #666666;
	margin:0px; padding:0px;
}

#texte h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF9900;
	margin:0px;
	padding:0px;
	font-variant: small-caps;
	padding-top:15px;
}

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

#texte li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding-top:5px;
	list-style: square;
}

.orange{
color:#FF9900;
}
	
#footer{
width:100%;
height:110px;
background-image:url(gifs/footer.jpg);
background-repeat:repeat-x;
z-index:0;
clear:both;
text-align:center;
padding-top:12px;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin:0px;
}

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

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin:0px;
}
	
/****************************************************menu*/
ul.MenuHorizontal { 
   width: 216px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   width: 214px;
   margin-bottom:5px;
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #FFF;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, 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: 30px;         /*Ici, on augmente la hauteur du menu*/  
   text-decoration: none;
   line-height:30px;
   padding-left:10px;
} 

ul.MenuHorizontal li a:hover { 
   display: block; 
   color: #FFF;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, 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: 30px;         /*Ici, on augmente la hauteur du menu*/  
   text-decoration: none;
   line-height:30px;
   padding-left:10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

li#menu6 a:hover, a#selected-over6 { 
   background-image: url('gifs/menuover7.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu7 a:hover, a#selected-over7 { 
   background-image: url('gifs/menuover8.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu8 a:hover, a#selected-over8 { 
   background-image: url('gifs/menuover9.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 


   /************************************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: #FF9900;
}

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


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

}
#text_image1{
	display:block;
	width:580px;
	margin-left:82px;
}
#text_image2{
	display:none;
	width:580px;
	margin-left:82px;
}
#text_image4{
	display:none;
	width:580px;
	margin-left:82px;
}
#text_image6{
	display:none;
	width:580px;
	margin-left:82px;
}
#text_image7{
	display:none;
	width:580px;
	margin-left:82px;
}
#text_image8{
	display:none;
	width:580px;
	margin-left:82px;
}

#text_image10{
	display:none;
	width:580px;
	margin-left:82px;
}

.textfooter{
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.textfooter h2{
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	display:inline;
}
.textfooter a{
	font-weight:normal;
}
.textfooter a:hover{
	font-weight:normal;
}