body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
background-image : url(img/fond.jpg); 
margin:0;
padding:0;
}
#conteneur h1 {
text-indent:-5000px;
margin:0;
line-height:0;
} 
#conteneur h2 {
text-indent:-5000px;
margin:0;
line-height:0;
}
#logo {
position:absolute;
top:9px;
left:18px;
}
#menuhaut {
font-size: 1.1em;
font-weight: bold;
height:49px;
color:white;
text-align:left;
margin:0;
padding:0;
list-style:none;
background-image : url(img/fd-NAV.gif);
}
ul#menuhaut{
padding-left:36px;
color:#fff;
}
#menuhaut li {
float:left;
color:#fff;
}
#menuhaut li a {
display: block;
width: 129px;
height:49px;
background: url(img/fd-nav-OFF.gif) left top no-repeat ;
color: #fff;
line-height:4.3em;
text-align:center;
text-decoration: none;
}
#menuhaut li a:hover, #nav li a:focus, #nav li a:active {
background:url(img/fd-nav-ON.gif) left top no-repeat;
text-decoration:none;
} 
#bandeau {
position:relative;
height:219px;
margin:0;
padding:0;
background:url(img/bandeau.jpg) top left no-repeat;
} 
.annulefloat {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	}
/* ::::::::::::::::::::::: DAOPORAMA ::::::::::::::::::::::::: */
	#poistionslide{
	position:absolute;	
	top:30px;
	margin:0 0 0 560px;
	}
	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 289px;	/* IE 5.x */
		width/* */:/**/283px;	/* Other browsers */
		width: /**/283px;
		
		/* CSS HACK */
		height: 154px;	/* IE 5.x */
		height/* */:/**/148px;	/* Other browsers */
		height: /**/148px;
		
		background-color:#000;

		border:1px solid #B8CAD6;
		position:relative;	/* Never change this value */
		
		
		
	}
	.imageInGallery{		
		width:283px;
		height:148px;
		background-color:#000;


		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}
#photoactivite{
	margin:10px 10px 10px 0;
	float:right;
	background-image:url(img/fd-img-activite.gif);
	width:256px;
	height:177px;
}
#photoactivite img{
margin:9px;
}
.photoactivite1 img, .photoactivite2 img{
margin:9px;
}
.photoactivite1, .photoactivite2{
	margin:10px 10px 10px 0;
	float:left;
	background-image:url(img/fd-img-activite.gif);
	width:256px;
	height:177px;
}
.photoactivite1{
	float:right;
}
#refactivite {
float:right;
width:100%;
line-height:38px;
background:#fff url(img/bt-activites.jpg) top left no-repeat;
}
#refactivite a{
font-size:1.1em;
color:#e86200;
font-weight:bold;
text-decoration:none;
padding: 15px 50px 15px 50px;
width:100%;
}
#refactivite a:hover{
color:#e86200;
text-decoration:underline;
}
#pieddepage{
clear:both;
}
#menubas {
background-color:transparent;
background-image : url(img/pieddepage-sommaire.jpg);
background-repeat:no-repeat;
height:77px;
color:#234500;
text-align:right;
margin:0;
list-style:none;
padding:50px 35px 0 0;
font-size: 10px;
font-weight: normal;
}
#menubas li{
display:inline;
}
#menubas li a{
color:#234500;
text-decoration:none;
}
#menubas li a:hover{
color:#234500;
text-decoration:none;
}