html, body {
	background:#000;
	font-family:"Myriad pro", verdana, arial;
	color:#FFF;	
	height:100%;
	margin:0;
}

#site {
	min-height: 100%;
	margin-bottom: -200px;
	position: relative;
	text-align:center;
}

.clearmenu {
	clear: both;
	height:200px;
}

#menu {
	text-align:center;
	height: 200px;
	position: relative;
}

p{
text-align:justify;
width:245px;
position:relative;
}

p.galerie{
text-align:center;
width:450px;
position:relative;
}

.alinea{
margin-left:20px;
display:block;
}

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

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

.vignette{
opacity: 0.80;	
filter:alpha(opacity=80);  
-moz-opacity:0.80;
border:0;
padding:3px;
}

.vignette:hover{
opacity: 1;	
filter:alpha(opacity=100);  
-moz-opacity:1;
}

.boutons{
opacity: 0.20;	
filter:alpha(opacity=20);  
-moz-opacity:0.20;
border:0;
}

.boutons:hover{
opacity: 1;	
filter:alpha(opacity=100);  
-moz-opacity:1;
}

#galerie{
	height: 130px;
	overflow-x: auto;
	overflow-y: hidden; 
	white-space:nowrap;
}

#suivant {
	background:url("images/flecheG.png") no-repeat;
}
#precedent {
	background:url("images/flecheD.png") no-repeat;
}
#precedent, #suivant{
	width:17px;
	height:38px;
	display:block;
	opacity: 0.2;	
	filter:alpha(opacity=20);  
	-moz-opacity:0.2;
}
#precedent:hover, #suivant:hover{
	opacity: 1;	
	filter:alpha(opacity=100);  
	-moz-opacity:1;
}

/* FORMULAIRES */
		
	textarea, .cadre {
		background-color:#333;
		border : 1px #666 solid;
		color: #FFF;
		padding:10px;
		width:550px;
		height:280px;
		font-family:"myriad pro", arial; 
		font-size:0.9em;
	}
		
	input[type=text], input[type=submit], input[type=password]{
		background-color:#333;
		border : 1px #666 solid;
		color: #FFF;
		padding:3px;
		font-family:"myriad pro", arial; 
		font-size:0.9em;
	}
		
	input.parcourir{	background:#AAA;
		border : 1px #666 solid;
	}
		
	input[type=submit]:hover{
		background-color:#333;
		border : 1px #FFF solid;
	}