body
{
  width:100%;
  height:100%;
  margin:0px auto;
  font:10pt, "Trebuchet MS", serif;
  background-color:#000000;
  overflow:auto;
}
 #banniere_haut
 {
  width:100%;
  height:60px;
  text-align:center;
  background-color:#000000;
  border-bottom: #292c2d solid 1px;
 }
 #page
{
width:100%;
height:570px;
margin:auto;
background-color:#0f0f0f;
overflow:none;
}
#bandeau_gris
{
width:100%;
height:30px;
text-align:center;
background-color:#0f0f0f;
float:top;
}
#banniereblanche {
  text-align:center;
  width:100%;
  height:40px;
  background-color:#ffffff;
  float:middle;
 }
 #corps
{
width:900px;
height:480px;
margin:auto;
background-color:#0f0f0f;
overflow:none;
float:bottom;
border-left: #292c2d solid 1px;
border-right: #292c2d solid 1px;
}
#photogauche
{
float:left;
padding:10px;
width:306px;
height:480px;
background-color:#0f0f0f;
}
#texte
{
float:right;
width:554px;
height:480px;
background-color:#0f0f0f;
color:#ffffff;
text-align:center;
vertical-align:middle;
text-indent:10px;
font-family:'Times New Roman', Arial, serif;
font-size:12px;
overflow:none;
padding:10px;
}
#texte h3
{
font-family:'Times New Roman', Arial, serif;
background-color:#000000;
padding:5px;
border: #292c2d solid 1px;
}
#texte h4
{
font-family:'Times New Roman', Arial, serif;
padding:5px;
border-bottom: 1px solid #416482;
}
#texte a
{
color:#416482;
text-decoration:none;
}
#texte img
{
border:none;
}
#texte a:hover
{
color:#ffffff;
text-decoration:none;
}
#texte table
{
margin:auto;
}
#texte table td
{
padding-right:20px;
}
#copyright {
  text-align:center;
  width:100%;
  height:100%;
  clear:both;
  margin:auto;
  color:white;
  background-color:black;
  border-top: #292c2d solid 1px;
}
#copyright a
{
color:#416482;
text-decoration:none;
}
#copyright a:hover
{
color:#ffffff;
text-decoration:none;
}
#menu
{
float:top;
width:35%;
height:20px;
background-color:#0f0f0f;
text-align:center;
margin:auto;
}

#navigation, #navigation ul /* Liste */     
{
	
        padding : 0; /* pas de marge intérieure */
        margin :0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#navigation /* Ensemble du menu */
{
        
        font-family : "times new roman", setif; /* on utilise Arial c'est plus beau ^^ */
        font-size : 11px;
		width:900px;
		margin:auto;
		
		}

#navigation a /* Contenu des listes */
{

        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		height:20px;
        color :#ffffff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width :80px; /* largeur */
}
#navigation a:hover
{
color:#ffffff;
background-color:#0f0f0f;
}

#navigation li /* Elements des listes */     
{
        float :left;	
		border-left: #292c2d solid 1px;
		border-right: #292c2d solid 1px;
		border-bottom: #292c2d solid 1px;
		background-color:black;
		margin-left:2px;
	
}
pre{
	display:block;
	font:12px "Times New Roman", Arial, monospace;
	padding:10px;
	margin:.5em 0;
	width:400px;
	}		
#slider
{
	margin:auto;
	text-align:center;
	vertical-align:middle;
}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:500px;
		height:400px;
		overflow:hidden; 
		}
	#slider li{ 
		background-color:#0f0f0f;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}				
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */