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

#img_structure {
	position:absolute;
	top:-110px;
	right:45px;
}

.grand {
	font-size:13px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(gifs/fond.jpg);
	background-attachment:fixed;
	background-position: center;
	background-repeat:no-repeat;
}

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

#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(gifs/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

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

#header{
width:894px;
height:107px;
margin:0px;
padding:0px;
}

#header2{
width:894px;
height:275px;
margin-top:10px;
float:left;
padding-bottom:90px;
position:relative;
}

.bandeau { position:absolute; bottom:0; left:0;}

#logo{
width:200px;
height:87px;
float:left;
}

/*#tel {
display:inline;
float:left;
height:87px;
margin-left:313px;
width:381px;
}*/
#tel {
display:inline;
float:left;
height:87px;
margin-left:40px;
width:650px;
}

#tel p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	margin:0px;
	font-weight: bold;
}
#tel .h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	margin:0px;
	font-weight: bold;
	text-align:right;
}

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

#tel a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0px;
	text-decoration: underline;
}

#header1 {height:25px; float:left; width:894px;}
.menuVertical {height:25px; float:right; list-style:none;padding:0; margin:0;}
.menuVertical li { float: left; margin-left:10px; padding-left:10px; border-left:1px solid #ccc;}
.menuVertical li a { color:#666666; font-weight:bold; font-size:11px;}
.menuVertical li a:hover, .menuVertical li a#selected {color:#3895B8;}



#menu{
width:250px;
height:328px; /*295*/
float:left;
}

#bouton_modele{
width:169px;
height:69px;
background-image:url(gifs/bouton-modele.png);
position:absolute;
z-index:50;
left:708px; 
top:345px;
}


#bouton_modele p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-align:center;
	margin:0px; 
	padding-top:25px;
}

#bouton_modele a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-align:center;
	margin:0px; 
}

#bouton_modele a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-align:center;
	margin:0px;
	text-decoration: underline;
}

#diapo{
width:644px;
height:270px;
float:left;
margin-top:20px;

}
.phrase {
text-align:center;
font: Arial !important;
font-size:22px !important;
color:#6BAD41;
font-weight:bold;
margin-top:5px;
}
#content{
width:894px;
overflow:hidden;
z-index:0;
}

#content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
		color: #3895b8;
		margin:0px;
		padding-left:22px;
}

#content h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
		color: #999999;
		margin:0px;
		padding-left:22px;
}

#content h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3895b8;
	margin:0px;
	padding-left:22px;
	font-variant: small-caps;
}

#content p{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding-left:22px;
	padding-top:10px;
}

#content a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	color: #3895b8;
}

#content a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	color: #FF6600;
	text-decoration: underline;
}

#content li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:3px 0 0 40px;
}

#colone_gauche{
width:225px;
overflow:hidden;
float:left;
display:inline;
margin-top:30px;
}

#encart_avantages{
	width:205px;
	overflow:hidden;
	float:left;
	height:375px;
	border: 1px dashed #CCCCCC;
}


#encart_contact{
width:225px;
height:300px;
background-image:url(gifs/contact.jpg);
background-repeat:no-repeat;
margin-top:5px;
}

#encart_contact p{
	text-align:center;
	padding-top:170px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:0px !important;
}

#encart_contact a{
	text-align:center;
	margin-top:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#encart_contact a:hover{
	text-align:center;
	margin-top:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}

.bleu1{
	font-size:20px;
	color:#009dd5;
	font-weight: bold;
}

.bleu2{
	font-size:20px;
	color:#03648f;
	font-weight: bold;
}

.vert1{
	font-size:20px;
	color:#379d75;
	font-weight: bold;
}

.vert2{
	font-size:20px;
	color:#81be69;
	font-weight: bold;
}

.vert3{
	font-size:20px;
	color:#a2c051;
	font-weight: bold;
}

.jaune{
	font-size:20px;
	color:#f1d432;
	font-weight: bold;
}

.orange1{
	font-size:20px;
	color:#efb75b;
	font-weight: bold;
}

.orange2{
	font-size:20px;
	color:#e58c21;
	font-weight: bold;
}

.rouge{
	font-size:20px;
	color:#d4563a;
	font-weight: bold;
}

.violet{
	font-size:20px;
	color:#b4588a;
	font-weight: bold;
}

#colone_centre{
	width:667px;
	overflow:hidden;
	float:left;
	display:inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top:31px;
}

#colone_centre ul {margin:0;}

	
#footer{
width:894px;
height:280px;
z-index:0;
clear:both;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0px;
	padding-bottom:10px;
	padding-right:20px;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0px;
	padding-bottom:10px;
	padding-right:20px;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0px;
	padding-bottom:10px;
	padding-right:20px;
	text-decoration: underline;
}

#footer h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3895b8;
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight: bold;
	font-variant: small-caps;
}

#encart_presentation{
	width:220px;
	height:220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float:left;
	margin-right:10px;
}

#encart_maison{
	width:220px;
	height:220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float:left;
	margin-right:10px;
}

#encart_competences{
	width:220px;
	height:220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float:left;
	margin-right:10px;
}

#encart_liens{
	width:200px;
	height:220px;
	float:left;
}
	
/*****************************************************navigation*************************/
ul.MenuHorizontal {
   width: 226px;
   list-style: none;
   margin: 20px 0 0 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 226px; /*226*/
   clear:left;
   float:left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #666666;         /*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: 23px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;
   padding-left:15px;
   line-height:23px;
}

ul.MenuHorizontal li a:hover{
   display: block;
   color:#3895b8;         /*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: 23px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;
   padding-left:15px;
   line-height:23px;
}

li#menu3, li#menu4, li#menu5, li#menu6 {display:none;}

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

li#menu1 a, li#menu11 a, li#menu111 a {
   background-image: url('gifs/menu-on2.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu100 a, li#menu100_2 a, li#menu100_3 a {
   background-image: url('gifs/menu-on2.jpg');         /*Ici l'image de fond de la cellule*/
}
 
li#menu2 a {
   background-image: url('gifs/menu-on3.jpg');         /*Ici l'image de fond de la cellule*/
}

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

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

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

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

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

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

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

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

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

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu-over2.jpg') !important;         /*Ici l'image de fond over de la cellule*/
	color:#3895B8;
	}
	li#menu100 a:hover, a#selected-over100, li#menu100_2 a:hover, a#selected-over100_2, li#menu100_3 a:hover, a#selected-over100_3 {
   background-image: url('gifs/menu-over2.jpg') !important;         /*Ici l'image de fond over de la cellule*/
	color:#3895B8;
	}

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

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

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

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

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

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

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

li#menu9 a:hover, a#selected-over9 {
   background-image: url('gifs/menu-over10.jpg') !important;         /*Ici l'image de fond over de la cellule*/
	color:#3895B8;
}

li#menu10 a:hover, a#selected-over10 {
   background-image: url('gifs/menu-over11.jpg') !important;         /*Ici l'image de fond over de la cellule*/
	color:#3895B8;
}

   /************************************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: 0px;
	cursor: pointer;
	background-color: #ccc;
}

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


/***********Formulaire contact***************/
#formulaire_3.generateur label {
	float:left;
	line-height:22px;
	margin:0;
	padding:0 5px 0 0;
	text-align:left;
	width:150px;
}

#formulaire_3 div.mid {
	float:left;
	width:250px;
	margin-right:10px;
}
/**/
#form-contact {
	margin-bottom: 15px;
	width: 590px;
	padding-left: 0px;
	margin-left:115px;

}
#style_form p{
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}

.divGenerateur{
	font-family:Arial,Helvetica,sans-serif;
}

div.miniature {
	display:block;
	float:left;
	width:668px;
}

.mini1 {
	float:left;
	margin-right:6px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:122px;
}

.minitxt {
	float:left;
	margin-right:6px;
	width:122px;	
	margin-bottom:10px;
	}

.minitxt p {
	color:#666;
	font-weight:bold;
	font-size:11px;
	padding:0 !important;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

/*TPL*/
.ecommerce{
	width:300px;
	height:150px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	margin-top:10px;
}

.image_ecommerce{
	float:left;
	width:167px;
	height:112px;
}

.texte_ecommerce{
	float:left;
	width:130px;
	height:112px;
}

.realisation{
	width:870px;
/*	height:450px;*/
	margin-left:15px;
	float:left;
	margin-top:10px;
}

.image_realisation{
	float:left;
	width:356px;
	height:239px;
}

.texte_realisation {
	float:left;
	width:270px;
/*	height:112px;*/
	margin-left:15px;
}

.travaux{
	width:650px;
	overflow:hidden;
	margin-left:15px;
	float:left;
	margin-top:10px;
}

.image_travaux{
	float:left;
	width:449px;
	height:332px;
}

.texte_travaux{
	float:left;
	width:650px;
	margin-top:15px;
}

.petit-travaux{
width:90px;
height:60px; 
float:left;
padding-left:8px;
padding-bottom:8px;
}

#content .texte_realisation h2 {
	margin:0;
	padding:0;
	font-variant: small-caps;
	color:#128abe !important;
	font-size:14px !important;
	border-bottom:1px solid #128abe;
}

.texte_realisation p {
	padding-left:0px !important;
}

.texte_realisation strong {
	color:#128abe;
}

/*PAGINATION   */
.pagination {
	height:15px;
	margin:0 50px 0 0;
	float:right;
}

.numpage {
	background:url(gifs/pagination_a.jpg) no-repeat;
	color:black !important;
	display:block;
	float:left;
	font-weight:900;
	height:15px;
	line-height:15px;
	margin:2px;
	text-align:center;
	width:15px;
	text-decoration:none !important;
	padding-right:3px;
}

.numpage_selec {
	background:url(gifs/pagination_hover.jpg) no-repeat;
	color:white !important;
	display:block;
	float:left;
	font-weight:900;
	height:15px;
	line-height:15px;
	text-align:center;
	width:15px;
	text-decoration:none !important;
	padding-right:3px;
}

.bt_suivant {
	/*background:url(gifs/suivant.gif) no-repeat;*/
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin:2px;
	text-align:center;
	width:15px;
}

.bt_suivant_inactiv {
	/*background:url(gifs/suivant_inactiv.gif) no-repeat;*/
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin:2px;
	text-align:center;
	width:15px;
}

.bt_precedent {
	/*background:url(gifs/precedent.gif) no-repeat;*/
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin:2px;
	text-align:center;
	width:65px;
}

.bt_precedent_inactiv {
	/*background:url(gifs/precedent_inactiv.gif) no-repeat;*/
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin:2px;
	text-align:center;
	width:65px;
}

table th{
border: 1px solid black;}

.ensemble{
width: 700px;}

.photo2{
margin:10px;}

.left{
float:left;}


.terrain-batir { display:none;}
.gras{font-weight:bold}
.style_h4{color: #3895B8!important; font-family: Arial,Helvetica,sans-serif; font-size: 15px!important; font-variant: small-caps; font-weight: bold; margin: 0; padding-bottom: 10px; padding-top: 10px;}
.style_h2{color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 20px!important; font-weight: bold;}
.style_h3{margin: 0; padding: 5px; color: #3895B8!important; font-family: Arial,Helvetica,sans-serif; font-size: 14px!important; font-variant: small-caps; font-weight: bold; margin: 0; padding-left: 22px;}
#ref{color: #666666; font-family: Arial,Helvetica,sans-serif; font-size:10px; text-align:center}