#contener 
	{ 
		width: 1000px; 
		height: 800px; 
		margin: 20px auto 0 auto;	/*	mettre auto au margin left et right centre l'élément si une width est définie	*/ 
		position: relative;			/*	Tout élément contenu dans #contener dont la position est absolute sera positionné par raport à #contener	*/ 
		background: #FFFFFF;
		margin : auto;
	} 
	/*#contener .head 
	{ 
		position: absolute; 
		bottom: 20px; 
		width: 50px; 
		height: 50px; 
		background: #FFF; 
	} 
	#contener .head.type-a { left: 20px; } 
	#contener .head.type-b { left: 90px; } 
	#contener .head.type-c { left: 160px; } */
	

	
	#contener .head 
	{ 
		position: absolute; 
		top: 0px; 
		width: 1000px; 
		height: 190px;
		border:2px;
		border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
	/*	background-image:url("head.jpg");		*/
	} 
	
	#contener .menu 
	{ 
		position: absolute; 
		font: 1.5em/1em Impact, sans-serif;
		top: 190px; 
		width: 200px; 
		height: 250px;
		border:0px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;

				
	}


	
#corps 
	{ 
		position: absolute; 
		font: 1.5em/1em Impact, sans-serif;
		top: 192px;
		left : 201px;
		width: 800px;
		min-height : 610px;
		height: auto;
		border:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;



				
	}

.detail
{
	text-align : 2px;
	border:1px;
border-color : black;

}

.corpstxt
	{ 
		position: left; 
		font: 0.6em/1em Impact, sans-serif;
		top: 192px;
		left : 201px;
		/*min-width : 400px;*/
		width: auto;
		height: auto;
		border:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
		margin : 50px 200px 50px 200px;
		padding : 10px 10px 10px 10px

				
	} 
	
.corpsdetail
{ 
	
		position: left; 

		left : 201px;
		width : 500px;
		text-align : center;
		height: auto;
		border:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
		margin : 10px 100px 5px 150px;
		padding : 10px 10px 10px 10px	
	
	
	
	
}

.infodetail
{

		position: left; 
		font: 0.6em/1em Impact, sans-serif;


		width : 500px;
		text-align : center;
		height: auto;
		border:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
		margin : 1px 150px 100px 150px;
		padding : 10px 10px 10px 10px	



}
	
h1 .titre
{

font: 1.0em/1em Impact, sans-serif;



} 
	


	
.creation
{
	margin : 10px 5px 20px 5px;
	padding : 10px 10px 10px 10px;
  background-color: white;
  border: 1px dotted #000000;

  float: left;
  width: 160px;
  min-height : 200px;
  
  height : auto;
  text-align: center;



}

.photo
{

  width: 160px;
  min-height : 130px;

  height : auto;
  text-align: center;
  vertical-align : middle;


}

.spacer {
  clear: both;
}

	
#contener .menu a { /*On modifie ici l'apparence des liens*/
display: block;
line-height: 25px;
width: 200px;
color: black;
text-decoration: none;
background: white;
border: 0px solid red;
margin: 0px;
}

#contener .menu a:hover {
width: 202px;
color: #00000;
background: url(../graph/bouton.jpg);
padding: 0px 0px 0 0px;
text-align: center;

}


	
.menu ul {	
 float: left;
 margin-top : 20px;
 margin-left : 0px;
width: 200px;
 padding: 0;
 border: 1px;

list-style-type: none;


}

.menu li {
width: 200px;
padding: 15px 0 0 0px;
margin-top: 5px;
margin-bottom : 15px;
text-align : center;
}