body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em Tahoma, Verdana, Arial, sans-serif ; 
	background: #98B5D3 ;
}

div#conteneur
{
	width: 800px ;
	margin: auto ;
	text-align: left ;
	border: 1px solid #FEFCFC ;

}
div#header
{
	width: 800px ;
	height: 130px ;
	margin: 0 auto ;
	background: url(bandeau_haut.gif) no-repeat ;

}

#logo
{
	width: 303px;
	height: 45px ;
	float: left ;
	position: absolute ;
	margin: 65px 0 0 60px ;
	font: 1.8em Tahoma, Verdana, Arial, sans-serif ; 
	color: #FDFDFE ;


}

ul#menu 
{
	height: 50px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li
{
	float: right ;
	text-align: center ;
}
ul#menu li a
{
	width: 130px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: normal ;
	letter-spacing: 1px ;
	color: #083963 ;
	display: block ;
	text-decoration: none ;
	border-left: 1px solid #083963 ;

}

ul#menu li a:hover
{
	background-color: #7D9CC3 ;
}
div#contenu
{
	width: 670px ;
	height: auto;
	margin-left: 70px ;
	font-size: 0.9em ;
	text-align: left ;
	background: #FEFCFC ;
}
div#diapo
{
	width: 500px ;
	height: 350px;
	margin-left: 70px ;
	font-size: 0.9em ;
}

div#contenu h2
{
	padding-left: 20px ;
	line-height: 40px ;
	font-size: 1.2em ;
	color: #083963 ;
	width: 550px ;
	height: 45px ;
	background: url(bande4.gif) no-repeat bottom ;

}

div#contenu p
{
	text-align: justify ;
	margin-left: 20px ;
	margin-right: 20px ;
	line-height: 1.8em ;
	color: #083963 ;
}
div#middle-column-left {
	float: left;
	margin-left: 20px;
	width: 40%;
}

.middle-column-right {
	float: left;
	margin-left: 200px;
	width: 40%;

}
.middle-column-img-left{
	float: left;
	width: 150px;
	margin: 0.8em 0.8em 0em 0em;
	border: none;
}
.middle-column-img-right{
	float: left;
	width: 150px;
	margin: 0.8em 0.8em 0em 0em;
	border: none;
}

div#contenu a
{
	color: #C02C41 ;
	font-weight: bold ;
	text-decoration: none ;
}

div#contenu a:hover
{
	color: #083963 ;
}



/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-left:15px;
		border:none;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:140px;
		height:155px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;
		border:none;		
	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:0 ;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */

div#footer
{
	width: 800px ;
	height: 105px;
	margin: 0 auto ;
	background: #AACBEE ;

}
.adressefooter
{
	width: 250px;
	position: absolute ;
	margin-left: 630px ;
	font: 0.8em Tahoma,Verdana,Arial,sans-serif; 
	color: #C02C41 ;

}
div#copyfooter
{
	width: 250px;
	position: absolute ;
	margin-left: 250px ;
	
}
div#copyfooter a
{
	font: 0.7em Tahoma,Verdana,Arial,sans-serif ; 
	color: #083963 ;
	font-weight: normal ;
	letter-spacing: 1px ;
	text-decoration: none ;

}

ul#menufooter
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menufooter li
{
	float: left ;
	text-align: center ;
}
ul#menufooter li a
{
	width: 120px ;
	line-height: 25px ;
	font-size: 1em ;
	font-weight: normal ;
	letter-spacing: 1px ;
	color: #083963 ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #083963 ;

}
ul#menufooter li a:hover
{
	background-color: #9FC7F1 ;
}
/*
+-----------------------+
|	=> Diaporama		|
+-----------------------+
*/
#diaporama {
	font:bold 10pt/1.2 Verdana,Tahoma, Arial,sans-serif;
	text-align:center;
}
#diaporama a img {
	border:0;
}

/* Image Grand Format */
#grand_format {
	height:200px;
	margin:10px;
	padding:15px;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);
}

/* Jauge / Slider */
#slider {
	width:500px;
	margin:10px auto;
}
#slider a,
#slider div {
	float:left;
}
#barre {
	position:relative;
	width:450px;
	height:20px;
	background:url(../img/diapo/barre_fond.gif) 0 0 repeat-x;
}
#barre:hover {
	cursor:w-resize;
}
#curseur {
	position:absolute;
	top:-2px;
	width:23px;
	height:22px;
	padding-top:1px;
	text-align:center;
	color:#FFF;
	font:bold 10pt/1.2 Verdana,Tahoma, Arial,sans-serif;
	background:url(../img/diapo/position.gif) 0 0 no-repeat;
}

/* Images petit format */
#defilement {
	clear:both;
	height:100px;
	margin:50px auto;
	text-align:center;
	/* white-space:nowrap; */
	overflow:hidden;
}
#defilement img {
	width:100px;
	vertical-align:top;
	margin:auto 1px;
}