* {margin:0; padding:0}

body {background-color :#ffffff;
	font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

#conteneur {border : 1px solid #cccccc;
	margin: 10px auto 0 auto;
	width: 1200px;
	height: 790px ;
	background: url('../imgs/fond_conteneur.png') repeat-y top left ;
}
#menu {position :relative;
background :#cc55c5;

	margin: 0;
	width: 285px;
	height: 790px ;
}

#contenu {	background: url('../imgs/fond_contenu.png') repeat-y top left ; 
top:-790px;
left : 285px;
	margin: 0;
	width: 915px;
	height: 790px ;
position :relative;
overflow-y:auto;
overflow-x:hidden;
}
#contenu_accueil {	background: #E3E4E5 ; 
top:-790px;
left : 285px;
	margin: 0;
	width: 915px;
	height: 790px ;
position :relative;
overflow-y:auto;
overflow-x:hidden;
}

#active {	
	padding:20px;
	
text-align :justify;
}



#savoirplus {	
	margin:60px auto;
	background-color:#aaaaaa;

	overflow-y:auto;
overflow-x:hidden;

width:800px;
height:560px;
}
#savoirplus p{	
	margin:auto;
	
}


#savoirplus blockquote {	
	margin:20px;

	text-align :left;
border:2px solid #eeeeee;
padding:20px;
	 

}

p {
	margin :0; 
	padding:0;
}
h2,h3,h4 {
	margin :5px; 
	padding:0;
text-align :center;
}

a {
  
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #000000;
}


#footer {

	color:#6c7175;
	text-align:center;
	padding:0px;
	font-size:10px;
	background-color: #FFFFFF;
}
#footer p {
	
}
#footer a {
	font-size: 0.9em;
	text-decoration: none;
	color: #888888;

}
#footer a.admin {
	font-size: 0.9em;
	text-decoration: none;
	color: #ffffff;

}
#footer a:hover.admin{
	font-size: 0.9em;
	text-decoration: none;
	color: #000000;
	background-color:#ffffff;

}
#footer a:hover {
	font-size: 0.9em;
	text-decoration: none;
	color: #000000;

}
.copyright 
{


}
#footer h1{
	color:#555555;
	font-size:10px;
	padding:0px;
	margin:0px 0px 2px 0px;
	background-color: #FFFFFF;
}

#footer ul{
margin:0px 0px 0px 0px;
list-style-type:none;}

#footer li{
	display:inline;
	padding:2px;
	color: #6C7175;
	background-color: #FFFFFF;
}

#footer li a{
	color:#999999;
	text-decoration: none;
	background-color: #FFFFFF;
}

#footer li a:hover, a:active{
	color:#333333;
	text-decoration: underline;
	background-color: #FFFFFF;
}

embed {
	background-color: #ffffff;
}

/*  GALERIE */
#slideshow {
position:relative; 
width:790px; 
height:520px; 
padding:5px; 
border:0px solid #666; 
margin:30px auto 0 auto; 
background:transparent url(../images/loading.gif) center center no-repeat}



#gallery {
position:relative; 
width:790px; 
margin:30px auto 0 auto; 
padding:00px; 
border:0px solid #fff; 
background:transparent}

#images {
border:1px solid #9ac1c9; 
height:225px; 
background:#eef5f6; 
margin-bottom:20px}

#image {
position:relative; 
width:780px; 
height:520px; 
padding:5px; 
border:0px solid #666; 
background:transparent url(../images/loading.gif) center center no-repeat}

#image img {
position:absolute; 
top:5px; 
left:0px}

#imagearea {
background-color:transparent;
}

#thumbwrapper {
margin-top:5px; 
padding:0px 0; 
width:775px; 
height:120px; 
border:0px solid #666; 

background:#FFF}

#thumbarea {
position:relative; 
overflow:hidden; 
height:180px; 
width:780px; }

#thumbs {
position:absolute; 
list-style:none; 
margin-left:0px;
 height:100px; 
 width:10000px; 
 border-right:2px solid #FFF}

#thumbs li {
float:left; 
margin-right:1px; 
cursor:pointer}

.imgnav {position:absolute; 
height:120px; 
width:20%; 
z-index:100; 
height:120px; 
width:6%; 
z-index:100; 
outline:none; 
cursor:pointer}

#previmg {
top:540px; 
left:0; 
background:url(../images/left.gif) left center no-repeat; }

#previmg:hover {opacity:1; 
filter:alpha(opacity=100)}

#nextimg {top:540px;
right:10px; 
background:url(../images/right.gif) right center no-repeat; }

#nextimg:hover {opacity:1; 
filter:alpha(opacity=100)}

 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}