body{

	background-color:#2f2408;
	font-family: Verdana,Helvetica,Arial, sans-serif;
	font-size: 12px;
	color:#958f81;
	

}

div{
/*
	border:1px solid #2f2408;
	*/

}

#page{
	
	width:720px;
	margin: 20px auto;
	position:relative;
}

h1{
	
	margin:0px;
	color:#00ff00;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	padding:500px;


}

#remael{
	width:341px;
	height:34px;
	background-image:url('img/remael.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow:hidden;

}

a:hover #remael{

	background-position: -341px 0px ;


}

div#options{
float:right;

}
div#options a{
text-decoration:none;
color:#958f81;
margin-left:20px;
}

div#options a:hover{
color:#fbdfaf;
}
#menu{

width:800px;
}

#menu div{
	float:left;
	background-repeat: no-repeat;
	/*background-position: 0px 30px;*/
	overflow:hidden;
	/*margin-right:15px;*/

}

#menu  span
{
	/*visibility:hidden;*/
}
#menu  a
{
	text-decoration:none;
}


div#bande{

	/*background-color:#000000;
	padding:5px 5px 5px 5px;*/
	position:absolute;
	width:3000px;
	margin-top:100px;
	border-left:5px solid #000000;
}

div#bande div{

	background-color:#000000;
	padding:5px 5px 5px 0px;
	float:left;
}

div#bande img{

	border:1px solid #000000;
	margin:0px;
	/*margin-right:5px;*/
}

div#sousmenu{

	clear:both;
	margin-top:450px;
	border:1px solid #2f2408;


}

#sousmenu div{
	float:right;
	background-repeat: no-repeat;
	background-position: top left;
	overflow:hidden;
	margin-left:10px;

}

#sousmenu  span
{
	/*visibility:hidden;*/
}
#sousmenu  a
{
	text-decoration:none;
}

/*
#sousmenu a#bio div
{
	width:25px;
	height:13px;
	background-image:url('img/bio.gif');

}


#sousmenu a#references div
{
	width:97px;
	height:13px;
	background-image:url('img/references.gif');

}
#sousmenu a#contact div
{
	width:71px;
	height:13px;
	background-image:url('img/contact.gif');

}
#sousmenu a:hover#bio div
{
	width:25px;
	height:13px;
	background-image:url('img/biohover.gif');

}
#sousmenu a:hover#references div
{
	width:97px;
	height:13px;
	background-image:url('img/referenceshover.gif');

}
#sousmenu a:hover#contact div
{
	width:71px;
	height:13px;
	background-image:url('img/contacthover.gif');

}
*/
div#contentssmenu{

	clear:both;
	margin-top:20px;
	color:#958f81;
	font-family: Verdana,Helvetica,Arial, sans-serif;
	font-size: 12px;
	text-align:justify;	


}

div#contentssmenu div{

	display:none;


}

div#contentssmenu input{

width:300px

}
div#contentssmenu textarea{

width:500px;
height:50px;

}
a{
text-decoration:none;
color:#b77206;


}
a:hover{
text-decoration:underline;
}
div.clearboth {
	clear:both;
	height:0px;
}

div#reposcontent{

	margin:30px 0px;

}
div#reposcontent div.repobloc{

	padding:10px 0px;
	clear:both;

}
div#reposcontent img{

	display:block;
	float:left;
}
div#reposcontent div.repodata{

	padding-left:230px;
	text-align:justify;

}
div#reposcontent span.titre{

	font-size:1.2em;

}

div#reposcontent a{

	color:#958f81;
	text-decoration:none;

}

div#reposcontent a:hover{

	color:#fbdfaf;

}

div#reposcontent a:hover div{

	background-color:#3a2f15;

}

div#diapo {  
    height:  520px;  
    width:   720px;  
    padding: 0;  
    margin:  0;  
    text-align : center;
   /* background-color: #3a2f15; */
} 
 
div#diapo div {  
    padding: 0px; 
    height:  520px;  
    width:   720px;  
    display:none;
     /*background-color: #eee;
    border:1px solid #CC0000;
   width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0;*/
} 

div#diapo div.image {  
	background-image:url('img/loadingbck.gif');

	background-repeat: no-repeat;
	background-position: center center;

}
div#diapo div.texte{  

	overflow:auto;
	margin:20px;
	 width:   680px; 
	 height:  480px;  
	

}


div#diapo div.texte span.textbox{  

	margin:50px;
	
	

}


div#legendes div{

display:none;
width:700px;
/*text-align:center;*/
text-align:justify;
margin-top:2em;

}
div#preloader{
display:none;
}

div#navig{

text-align:right;
margin:45px 0px 2px 0px;
}

div#navig a{
font-weight:bold;
color:#958f81;
text-decoration:none;

}

div#navig a:hover{

color:fbdfaf;
text-decoration:none;

}

div#navig #counter{

width:100;
text-align:center;
}
div#titrerepo{

clear:both;
font-family: Helvetica,Arial, sans-serif;
font-size:1.3em;
color:#FFFFFF;
/*margin:10px 0px;*/
float:left;
}

div#titressrepo{

clear:both;
font-family: Helvetica,Arial, sans-serif;
font-size:1.3em;
color:#FFFFFF;
margin:20px 0px;
float:left;
}
span#alerteok{

	color:#FF6600;
	margin-top:20px;
	font-size:1.3em;
	display:none;

}
span#alerteno{

	color:#FF6600;
	margin-top:20px;
	font-size:1.3em;
	display:none;

}


.textetitre{

font-size:1.4em;
	color:#958f81;


}