/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	font: normal 11px arial;
	color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background-color: #333333;
	background-image: url(images/fd_body.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
#spacer {
	clear: both;
}
a {
	text-decoration: none;
	font: normal 11px arial;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	font: normal 11px arial;
	color: #AE7119;
}
h1 {
	font: bold 15px arial;
	color: #B87718;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
img {
	border: none;
}
/*---- CONTAINER -------------------------------------------------------------------------------------------------------*/
#container {
	width: 980px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	/*border: 1px dotted #FFFFFF;*/
}
/*---- BANNER ----------------------------------------------------------------------------------------------------------*/
#banner {
	width: 980px;
	height: 133px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(images/banner.jpg) top left no-repeat;
}
/*---- MENU ------------------------------------------------------------------------------------------------------------*/
#menu {
	width: 980px;
	height: 25px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: url(images/fd_menu.jpg) top left no-repeat;
	/*border: 1px solid #00FF00;*/
}
	#menu ul {
		width: 898px;
		height: 20px;
		list-style: none;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
		#menu ul li.accueil {
			width: auto;
			height: 20px;
			margin: 0 11px 0 0px;
			padding: 0 0 0 15px;
			float: left;
			background: url(images/fd_onglet_accueil.gif) top left no-repeat;
		}
		#menu ul li.normal {
			width: auto;
			height: 20px;
			margin: 0 6px 0 0px;
			padding: 0 0 0 4px;
			float: left;
			border-left: 1px solid #737373; 
		}
			#menu a {
				font: normal 12px Arial, Helvetica, sans-serif;
				color: #FFFFFF;
			}
			#menu a:hover {
				font: normal 12px Arial, Helvetica, sans-serif;
				color: #AE7119;
			}
/*---- CONTENU ---------------------------------------------------------------------------------------------------------*/
#contenu {
	width: 896px;
	min-height: 350px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	display: block;
	/*border: 1px solid #FF0000;*/
	background: url(images/fd_contenu.jpg) top left no-repeat;
}
	#contenu div.parti_texte {
		width: 468px;
		height: 338px;
		margin: 0 0 0 0;
		float: left;
		padding: 5px 10px 5px 15px;
		/*border: 1px solid #FFFFFF;*/
	}
		#contenu div.parti_texte div.texte {
			width: 460px;
			height: 300px;
			padding: 0 0 0 10px;
			/*border: 1px solid #FFFFFF;*/
			overflow: auto;
			SCROLLBAR-FACE-COLOR: #17140D; /* bar + bouton 282C2F */
			SCROLLBAR-ARROW-COLOR:  #B87718; /* fleche bar */
			SCROLLBAR-TRACK-COLOR: #17140D; /* fd bar*/
			SCROLLBAR-DARKSHADOW-COLOR: #3B4145; /* 3d droite_ bas */
			SCROLLBAR-HIGHLIGHT-COLOR: #3B4145; /* 3d gauche_haut */
			SCROLLBAR-SHADOW-COLOR: #17140D; /* 3d droite_ bas */
			SCROLLBAR-3DLIGHT-COLOR: #17140D; /* 3d gauche_haut */
		}
		
	#contenu div.parti_photo {
		width: 401px;
		height: 348px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: right;
		/*border: 1px solid #FFFFFF;*/
	}
		#contenu div.parti_photo div.parti_diapo {
			width: 401px;
			height: 220px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			/*border: 1px solid #FFFFFF;*/
		}
			#contenu div.parti_photo div.parti_diapo div.photo_display {
				width: 350px;
				height: 210px;
				text-align: center;
				margin: 0 auto 0 auto;
				padding: 0 auto 0 auto;
				/*border: 1px solid #FFFF00;*/
			}
				div.photo_display p.titre_photo {
					font: bold 13px Arial, Helvetica, sans-serif;
					margin: 0 0 5px 0;
					padding: 5px 0 0 0;
					/*background-color: #4D483E;
					opacity: 0.7 !important;
					filter: alpha(opacity=70);*/
				}
				div.photo_display img {
					border: none;
					width: auto;
					height: 180px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				div.photo_display a {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
			
		#contenu div.parti_photo div.parti_apercu {
			width: 401px;
			height: 130px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			/*border: 1px solid #FFFFFF;*/
			
			overflow-y: hidden;
			overflow-x: scroll;
			
			SCROLLBAR-FACE-COLOR: #17140D; /* bar + bouton 282C2F */
			SCROLLBAR-ARROW-COLOR:  #B87718; /* fleche bar */
			SCROLLBAR-TRACK-COLOR: #17140D; /* fd bar*/
			SCROLLBAR-DARKSHADOW-COLOR: #3B4145; /* 3d droite_ bas */
			SCROLLBAR-HIGHLIGHT-COLOR: #3B4145; /* 3d gauche_haut */
			SCROLLBAR-SHADOW-COLOR: #17140D; /* 3d droite_ bas */
			SCROLLBAR-3DLIGHT-COLOR: #17140D; /* 3d gauche_haut */
		}
			
			div.defilement {
				width: auto;
				min-width: 660px;
				height: 120px;
				margin: 5px 0px 5px 10px;
			}
			
				#contenu div.parti_photo div.apercu {
					width: auto;
					height: auto;
					margin: 0 10px 0 0;
					padding: 0 0 0 0;
					float: left;
					/*border: 1px solid #FF0000;*/
				}
					#contenu div.parti_photo div.apercu img {
						border: none;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					#contenu div.parti_photo div.apercu a {
						border: none;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					#contenu div.parti_photo div.apercu div.photo {
						width: auto;
						height: auto;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
					#contenu div.parti_photo div.apercu div.titre {
						width: 100px;
						height: auto;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						text-align: center;
						background-color: #333333;
						
						opacity: 0.7 !important;
						filter: alpha(opacity=70);
						font: normal 11px Arial, Helvetica, sans-serif;
					}
/*---- CONTACT & DEVIS -------------------------------------------------------------------------------------------------*/
		#contenu div.parti_texte div.texte tr.separ {
			height: 5px;
		}
		#contenu div.parti_texte div.texte td.intitule {
			width: 100px;
			height: auto;
			vertical-align: top;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
		#contenu div.parti_texte div.texte input.valid {
			background-color: #17140D;
			color: #FFFFFF;
			border: 2px solid #B87718;
		}
/*---- INFOS FOOTER ----------------------------------------------------------------------------------------------------*/
#infos_footer {
	width: 896px;
	min-height: 15px;
	margin: 5px auto 0 auto;
	padding: 0 0 0 0;
	display: block;
	/*border: 1px solid #0000FF;*/
}
	#infos_footer div.adresse {
		width: 595px;
		height: 15px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font: normal 11px Arial, Helvetica, sans-serif;
		color: #6E6E6E;
		float: left;
		/* border: 1px solid #FFFFFF; */
	}
		#infos_footer div.adresse p {
			margin: 0 0 0 0;
			padding: 3px 0 0 0;
		}
	#infos_footer div.clicandcall {
		width: 300px;
		height: 15px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #6E6E6E;
		float: left;
		/*border: 1px solid #FFFFFF;*/
	}
		#infos_footer div.clicandcall ul {
			width: 300px;
			height: 15px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			list-style: none;
		}
			#infos_footer div.clicandcall ul li {
				width: auto;
				height: 15px;
				float: left;
			}
				#infos_footer div.clicandcall ul li p.title{
					padding: 2px 0 0 0;
					margin: 0 0 0 0;
				}
				#infos_footer div.clicandcall ul li input.nom {
					width: 60px;
					height: 11px;
					margin: 0 5px 0 5px;
					font: normal 10px Arial, Helvetica, sans-serif;
				}
				#infos_footer div.clicandcall ul li input.telephone {
					width: 60px;
					height: 11px;
					margin: 0 5px 0 0px;
					font: normal 10px Arial, Helvetica, sans-serif;
				}
				#infos_footer div.clicandcall ul li input.valid {
					height: 19px;
					color: #FFFFFF;
					font: normal 11px Arial, Helvetica, sans-serif;
					background: none;
					border: none;
				}
/*---- FOOTER ----------------------------------------------------------------------------------------------------------*/
#footer {
	width: 980px;
	height: 15px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
	#footer p {
		font-size: 10px;
		color: #535353;
		text-align: center;
	}
/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
#message{
	width: 100%;
	height: auto;
	left: 0px;
	margin: 220px auto 0 auto;
	padding: 10px;
	position: absolute;
	text-align: center;
}
#message a {
	text-decoration: none;
	color: #963E2F;
}
#message p.close{
	margin: 25px 0 0 0;
}
#message_box{
	width: 450px;
	height: auto;
	margin:0 auto 0 auto;
	padding: 10px 10px 15px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #333333;
	border: 1px solid #FFFFFF;
	opacity: 0.9 ;
	filter: alpha(opacity=90)!important;
}