/********************************************************************* Balise ****************************************************************/




form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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-color:#c1cad1;
	font-family:Arial, Helvetica, sans-serif;	
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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:solid 1px #bbbbbb;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#328AC9;
	border:solid 1px #328AC9;
}

/**********************************************************BDD AUTO **************************************/
.pagination				{height:15px;margin: 0 auto 5px; auto;}

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

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

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

.bt_suivant_inactiv		{height:15px;width:15px;line-height:15px;text-align:center;display:block;float:left;margin:2px}

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

.bt_precedent_inactiv	{height:15px;width:15px;line-height:15px;text-align:center;display:block;float:left;margin:2px}

.liste_cat{
}
.fichierbin{
}
.photo{
}

.container_tpl{
	width: 550px;
	padding: 0 0 10px 0;
	margin: 5px 0 5px 25px;
	text-align: justify;
	font-size: 12px;
	line-height: 17px;
}
.container_tpl h3{
	font-size: 15px;
	margin: 10px 0 0 0;
	color: #000;
	
}
.container_tpl h4{
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 10px 0;
}


.container_tpl p{
	text-align: justify;
	margin-top: 10px;
	line-height: 17px;

}
/******************************************************menus****************************************************/

#Menu{
	background-image:url(gifs/fond-menu.jpg);
	background-repeat:no-repeat;
	width:891px;
	height:41px;
	margin:auto;
}


li#menu0 {
   width: 109px;
}

li#menu1 {
   width: 124px;
}

li#menu2 {
   width: 124px;
}

li#menu3 {
   width: 138px;

}

li#menu4 {
   width: 138px;
}

li#menu5 {
   width: 138px;
}

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

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

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

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

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

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

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

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

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

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

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

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


/******************************************************FIN DE MENUS****************************************/

/*********************************************************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:transparent;background-image:url(blank.gif);}

/**********************************************************************************************************/
	
	
#container{
	width:966px;
	/*height:1015px;/*a supprimer à la fin*/
	background-color:white;
	margin-left:auto; /*centre le tout*/
	margin-right:auto; /*centre le tout*/
}
	
#header{
	height:197px;
}	

#headerht{
	height:15px;
	text-align:right;
} 

#headerht p {
	font-size:12px;
	font-weight:bold;
	color:#fd7d00;
	padding-right:10px;
	padding-top:0px;
	margin-top:0px;
	
}

#logo{
	height:179px;
	width:653px;
	background-image:url(gifs/logo.jpg);
	background-repeat:no-repeat;
	float:left;
}

.logo {
	font-size:32px;
	color:#0073bc;
	text-align:center;
	margin-top:50px;
	margin-bottom:0px;
}

.logo a{
	font-size:32px;
	color:#0073bc;
	text-align:center;
	margin-top:50px;
	margin-bottom:0px;
}

.logobaseline {
	font-size:16px;
	color:#fd7d00;
	font-weight:bold;
	text-align:center;
	margin-left:44px;
	margin-top:10px;
}


#logodte{
	height:179px;
	width:313px;
	background-image:url(gifs/header-droite.jpg);
	float:left;
}

.titre1{
	font-size:24px;
	color:#0073BC;
	text-align:left;
	margin-left:15px;
	margin-bottom:0px;
	margin-top:18px;

}


.titre2{
	font-size:26px;
	color:#FD7D00;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-left:17px;
	
}


.titre3{
	font-size:13px;
	color:#0073BC;
	width:200px;
	text-align:left;
	padding-left:17px;
	margin-top:11px;
}


.titre3 a{
	font-size:12px;
	color:#0073BC;
	text-align:left;
}


#zonetexte{
	width:891px;
	/*height:596px;*/
	background-image:url(gifs/petagetexte.jpg);
	background-repeat:repeat-y;
	margin:auto;
}


#textehaut{
	background-color:#FD7D00;
	width:854px;
	height:186px;
	margin-left:auto;
	margin-right:auto;
	padding:16px 0 0 27px;
}


#encartdevis{
	background-image:url(gifs/encart-devis.jpg);
	background-repeat:no-repeat;
	height:175px;
	width:363px;
	float:left;
}

div#etapes{
	float:left;
	width:120px;
	border-right:solid 1px #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#etapes ol  {
	position:relative;
	left:-5px;
}
div#etapes ol li {
	margin-top:10px;
}

div#devis_content {
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 130px;	
}

div#devis_content p{
	font-weight:normal;
}

#recapitulatif {
	position:relative;
	left:20px;
	margin-right:20px;
}
#recapitulatif span.titre {
	float:left;
	width:160px;
}

#type_fenetre{
text-align:center;
}
#type_fenetre p{
margin:5px;
}
#type_fenetre .gauche{
	float:left;
	width:30%;
}

#type_fenetre .gauche2{
	float:left;
	width:50%;
}
#type_fenetre .droite{
	float:right;
	width:30%;
}
#type_fenetre .droite2{
	float:right;
	width:50%;
}
#type_fenetre .centre{
	margin-left:10%;
	margin-right:10%;
}

select{
	width: 150px;
}

#type span {
	float:left;
	width:70px;
}

#petits_bois span {
	float:left;
	width:150px;
}

#barre_etapes {
	background-image:url(gifs/encart-etape.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:843px;
	height:61px;
}


#barre_etapes span{
	width:191px;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color:#FD7D00;
	padding:0;
}
.titre4{
	font-size:18px;
	color:#FD7D00;
	font-weight:bold;
	width:279px;
	text-align:right;
	margin-top:0px;
	padding:9px 16px 5px 64px;
}


.titre5{
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	width:279px;
	text-align:right;
	margin:14px 0px 0px 50px;
}

.titre6{
	font-size:22px;
	color:#FFFFFF;
	letter-spacing:3px;
	font-weight:bold;
	width:279px;
	text-align:right;
	margin:0px 46px 5px 42px;
}


.titre7{
	width:290px;
	margin-top:0px;
	padding:28px 16px 5px 64px;
}


.titre7 a{
	font-size:16px;
	color:#FD7D00;
	font-weight:bold;
	text-align:right;
	margin-top:0px;
	padding:28px 16px 5px 64px;
}


#encartbienvenue{
	width:470px;
	height:175px;
	float:left;
}

#encartbienvenue a{
color:#FFFFFF;
font-size:14px;
}


h1{
	font-size:22px;
	color:#FFFFFF;
	font-weight:bold;
	width:440px;
	text-align:center;
	margin:0px 0px 0px 28px;
}


.textebienvenue{
	padding-left:50px;
	margin-top:13px;
	width:390px;
}


.textebienvenue li{
	color:#FFFFFF;
	letter-spacing:1px;
	line-height:2.3em;
}


.titre9{
	margin:10px 0 0 60px;
	float:left;
}


.titre10{
	margin:10px 0 0 100px;
	float:left;
}


.titre11{
	float:left;
	margin:10px 0 0 100px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenucentre{
	display:block;
	background-color:#FF0000;
	float: left;
	background: url(gifs/contenupetage.jpg) repeat;
}


#contenu{
	width:608px;
	background-image:url(gifs/contenupetage.jpg);
	background-repeat:repeat-y;
}

h2{
	font-size:18px;
	color:#fd7d00;
	font-weight:bold;
	text-align:left;
	margin:3px 0 0 15px;
	padding:0;
}


#bloc_gauche p{
	margin-left:25px;
	font-size:13px;
	font-weight:bold;
}


#bloc_gauche ul{
	font-size:13px;
	margin:13px 13px 0 0;
	padding:0 0 0 40px ; 
}


#bloc_gauche li{
	line-height:1.8em;
}


#contenuhaut{
	background-image:url(gifs/contenuhaut.jpg);
	height:15px;
	overflow:hidden;
}



#contenubas{
	background-image:url(gifs/contenubas.jpg);
	height:15px;
	overflow:hidden;
	clear:both;
}
#bloc_gauche{
	width:608px;
	margin:0 0 0 20px;
	padding:0;
	background-image:url(gifs/contenupetage.jpg);
	/*background-repeat:repeat-y;*/
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////
#encartgche{
	width:633px;
	float:left;
}

#encartdroite{
	width:235px;
	height:315px;
	float:left;
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#encart1{
	width:226px;
	height:59px;
	background-image:url(gifs/encart1.jpg);
	background-repeat:no-repeat;
	margin:10px 14px 0 0;
	cursor:pointer;
	float:right;
	text-align:right;
}



#encart1 p{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:9px 9px 10px 0;
	text-align:right;
}


#encart1 a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding:0 8px 0 0;
}

#encart1 a:hover {
	text-decoration:underline;
}


#encart2{
	width:226px;
	height:82px;
	background-image:url(gifs/encart2.jpg);
	background-repeat:no-repeat;
	margin:10px 14px 0 0;
	float:right;
	text-align:left;
}


#encart2 p{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 9px 12px;
	margin:0;
}


#encart2 a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}


#encart2 a:hover {
	text-decoration:underline;
}


#encart3{
	width:226px;
	height:59px;
	background-image:url(gifs/encart3.jpg);
	background-repeat:no-repeat;
	margin:10px 14px 0 0;
	padding-top:15px;
	float:right;
}


#encart3 a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 35px;
}


#encart3 a:hover {
	text-decoration:underline;
}

#encart4{
	width:226px;
	height:59px;
	background-image:url(gifs/encart4.jpg);
	background-repeat:no-repeat;
	margin:10px 14px 0 0;
	padding-top:15px;
	float:right;
}


#encart4 a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 35px;
}


#encart4 a:hover {
	text-decoration:underline;
}

#fincontenubas{
	width:891px;
	height:13px;
	background-image:url(gifs/centrebas.jpg);
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}


#footer{
	width:891px;
	margin-left:auto;
	margin-right:auto;

}

#footer_haut{
	width:891px;
	height:31px;
	float:left;
	background-image:url(gifs/footerht.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}


#footer_haut p{
	color:#FD7D00;
	padding:8px 0 14px 15px;
	margin-top:0;
	width:590px;
}


#footer_centre{
	width:891px;
	height:150px;
	background-image:url(gifs/footerpetage.jpg);
	background-repeat:repeat-y;
	clear:both;
}

#footer_centre p{
	padding:0;
	margin:12px;
}


#footer_centre div{
	width:24%;
	float:left;
	margin-top:10px;
}

#footer_bas{
	width:891px;
	height:15px;
	background-image:url(gifs/footerbas.jpg);
	background-repeat:no-repeat;
}

.coord{
	padding-left:20px;
}
.titre_gras{
	font-weight:bold;
	font-size:14px;
	color:#FD7D00;
	margin-top:0px;
}



.text_align{
	width:190px;
	height:85px;
	font-size:12px;
	text-align:left;
	line-height:23px;/*Determine hauteur entre les lignes*/
	border-right:#999999 1px dashed; /*(dotted pour des petits points)*/
}


.text_align2{
	width:190px;
	height:20px;
	font-size:12px;
	text-align:left;
	/*line-height:10px;/*Determine hauteur entre les lignes*/
	margin-top:0;
	border-bottom:#999999 1px dashed; /*(dotted pour des petits points)*/
}

.text_align3{
	width:190px;
	height:20px;
	font-size:12px;
	text-align:left;
	/*line-height:10px;/*Determine hauteur entre les lignes*/
	padding:5px 0 0 10px;
	margin-top:0;
	
}


#contenu_qui{
	width:608px;
	min-height:285px;
	_height:285px;
	float:left;
	margin:0 0 0 0px;
	background-image:url(gifs/contenupetage.jpg);
	/*background-repeat:repeat-y;*/
	padding-top:0;
}

#contenu_qui p{
	text-align:justify;
	margin-left:25px;
	font-size:13px;
	width:565px;
}

#contenu_qui a{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu_qui img{
	margin-left:200px;
	border:#b0b0b0;
	border-style:solid;
	border-width:1px;

}


#contenu_qui ul{
	text-align:justify;
	font-size:13px;
	width:520px;
	line-height:30px;
	margin:13px 13px 0 0;
	padding:0 0 0 40px ;
}



.texte_blanc{
	font-size:16px;
	color:#FFFFFF;
	text-align:justify;
	line-height:23px;
	text-indent:20px;
	margin:18px 0 0 15px;
}


#contenu_contact{
	width:608px;
	height:530px;
	float:left;
	margin:0 0 0 1px;
	/*background-image:url(gifs/contenupetage.jpg);*/
	/*background-repeat:repeat-y;*/
	padding-top:0;
}


#contenu_contact p{
	font-size:13px;
	width:565px;
}


#contenu_financement{
/*  width:608px;  */
	width: 550px;
	float:left;
	margin:0 0 0 25px;
/*	background-image:url(gifs/contenupetage.jpg);
	background-repeat:repeat-y;  */
	padding-top:0;
	display: inline;
}

#contenu_financement p{
	text-align:justify;
	margin-left:25px;
	font-size:13px;
}

#contenu_financement ul{
	text-align:justify;
	font-size:13px;
	width:510px;
	line-height:30px;
	margin:13px 13px 0 0;
	padding:0 0 0 40px ;
}

.texteorange{
	color:#FD7D00;
}

.textebleu{
	color:#328AC9;
}

.ajustdroite{
	margin:0;
	padding-right:10px;
}

.hauteur{
	min-height:260px; 
}

.hauteur2{
	min-height:340px; 
}

.hauteur3{
	min-height:400px; 
}

.fdorange{
	background-color:#FD7D00;
}

.images{
	float:right;
	padding-right:20px;
}

#recapitulatif p{
	padding:2px;
	margin:2px;
}
.hauteur2{
	margin-top:40px;
}