body {

	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-image: url(../images/bandeaufond.jpg);
	background-repeat: no-repeat;
	background-color: #C29D6A;

}
a{
  outline:none;
	text-decoration:none;
}
#header {
	height: 130px;
}
#menuhaut {
	/*float: left;
*/
	margin-left: 0px;
	margin-bottom: 10px;
	height: 32px;
	width: 100%;
	background: url(../images/bg.gif) repeat-x bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%;
	line-height: normal;
}
#menuhaut ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#menuhaut li {
	float: left;
	background: url(../images/left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
#menuhaut a {
	float: left;
	display: block;
	background: url(../images/right.gif) no-repeat right top;
	padding: 5px 15px 2px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #765;
}
/* Commented Backslash Hack       hides rule from IE5-Mac \*/
#menuhaut a {
	float: none;
}
/* End IE5-Mac hack */
#menuhaut a:hover {
	color: #333;
}
#menuhaut #current {
	background-image: url(../images/left_on.gif);
	border-width: 0;
}
#menuhaut #current a {
	background-image: url(../images/right_on.gif);
	color: #333;
	padding-bottom: 5px;
}
#conteneur {
	position: absolute;
	width: 100%;
}
#flashcontent {
	width: 385px;
	height: 360px;
}
#flashcontentsitu {
	width: 450px;
	height: 360px;
}
#centre {
	/*height: 360px;*/
	margin-left: 5px;
	margin-right: 255px;
	margin-bottom: 15px;
	border: thin dashed #740704;
	padding-right: 5px;
}
#droite {
	position: absolute;
	right: 0;
	width: 250px;
	height: 400px;
	margin-left: 5px;

	background: url(../images/b.jpg);
}
#lefla {
	/*float: left;
	float: top;
	width: 380px;
*/
	float: left;
/* Le menu flottera à gauche */
}
#leflasitu {
	/*float: left;
	float: top;
	width: 380px;
*/
	float: left;
/* Le menu flottera à gauche */
}
#leflarealisation {
	/*float: left;
	float: top;*/
	height: 360px;
	width: 500px;
	margin: auto;
/* Le menu flottera à gauche */
}
#pied {
	width: 100%;
	height: 30px;
}

P {
	font-size: 11pt;
	line-height: 12pt
	font: "Times New Roman", Times, serif;
	color: #FFFFFF;
}
P:first-letter {
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	font: "Times New Roman", Times, serif;
	color: #0000EE;
	float: left
}
.spacer {
	clear: both;
	visibility: hidden;
}


label
{
  font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: Black; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: black;
	font-weight: bold;
}

fieldset
{
	margin-bottom: 15px; /* Une marge pour séparer les fieldset */
	background-color: white;
}
#distance{
font: "Times New Roman", Times, serif;
font-size: 12pt;
font-weight: bold;
	color: #740704;
}

/*******************************    Fancy box    ********************************/
.vignette {
float:left;
margin-left:10px;
padding:0 5px;
width:350px;
height:350px;
 }
.vignette2 {
float:left;
margin:15px;
padding:0 5px;
/*width:350px;
height:350px;
*/ }
	.vignette li, .vignette2 li{ 
	float:left; 
	padding:0;
	list-style:none;
	 }
	
	.vignette a, .vignette2 a{ display:block; padding:0 5px 5px 0; }
	
	.vignette img, .vignette2 img{ border:solid 1px #FFFFFF; }
	
		.vignette .last a, .vignette2 .last a{ padding-right:0; }

/*******************************    centre p    ********************************/

#centre p{
position:relative;
margin-left:370px;
margin-right:10px;
height:auto;
}

/*******************************    diapo slideshow    ********************************/
/*#diapo{
position:relative;
	width:1000px;
	height:450px;
}

#slideshow{
float:left;
	border:#660200 solid 5px;
	height:400px;
	overflow:hidden;
	width:600px;
	margin:20px;
}

#nav{ 
			width:400px;
			height:80px;
			margin:10px;
			float:left;
 }
		#nav div{
		position:relative;
		width:80px;
		height:80px;
	}

	#nav a {
		border:#660200 solid 2px;
		display:block;
		float:left;
		height:80px;
		margin:0 5px 5px 0;
		width:80px;
		opacity:0.4;
		filter:alpha(opacity=40); 
	}
	
	
	#nav .activeLI a, #nav a:hover{ 
		opacity:1;
		filter:alpha(opacity=100); 
	}
*/
	#nav img{
	border:none;
	}

#diapo{
	float:left;
	width:1100px;
}

#slideshow{
	border:#877f6e solid 5px;
	height:400x;
	overflow:hidden;
	width:600px;
	margin:15px 30px;
	float:left;

}

#nav{ height:90px;
			/*margin:15px;*/
			}

	#nav a {
		border:#877f6e solid 2px;
		display:block;
		float:left;
		height:80px;
		margin:21px 15px 0 0;
		width:80px;
		opacity:0.4;
		filter:alpha(opacity=40); 
	}
	
	#nav .activeLI a, #nav a:hover{ 
		opacity:1;
		filter:alpha(opacity=100); 
	}

.floatright{
float:right;}