body
{
   width: 90%;

   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px; /* 693px; */

   background-image: url("image/nuit_2.jpg"); 
}


/* L'en-tête */

#en_tete
{
	width: 950px;
	height: 100px;
	
	padding-bottom: 15px;
	margin: auto; /*anciennement 250px*/	
}

#en_tete img
{
display:block;
margin-left:auto;
margin-right:auto;
}

#faitchier
{
width:950px;
margin:auto;
}

#corps
{
overflow:hidden;
background-attachment: fixed;

height: 500px;
width: 585px; /* on prend 75 % de l'écran */  

margin:auto;
margin-bottom: 20px;/* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous*/
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

color: #B3B3B3;
font-family:/*"Luna Bar",*/ Harrington, serif;
background-color: transparent; /* Une couleur de fond pour le corps */
background-image: url("images/motif.png");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

border: 2px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */

position:relative;
top:80px;
}

#corps h2 {
	text-align: center;
	font-size: 35px;
	font-family:/*"Luna Bar",*/ Harrington, serif;
}

#corps p {
text-align:center;
font-size:20px;
}

#corps a
{
color:white;
text-decoration:none;
}



#menu
{
	float: left;  /*Le menu flottera à gauche */
   
	width:140px; /*Très important : donner une taille au menu */
	height:270px;

	border:2px solid black;
	border-color:white;
	
	margin-top:80px;
	
	text-align:center;
	font-family:/*"Luna Bar",*/ Harrington, serif;
	font-size:20px;
}

/* pour faire des liens pas moches */

#menu a
{
	text-decoration:none;
	color: #94A2F7;
}


#menu img
{
display: block; 

height: 68px; 
width: 140px;

margin: auto; 
} 


 #favoris
 {
	float:right;
	border:2px solid black;
	border-color:white;
	width:140;
	height:270px;
	
	margin-top:80px;
	
	text-align:center;
	font-family:/*"Luna Bar",*/ Harrington, serif;
	font-size:20px;
 }
 
 /* pour faire des liens pas moches */
 
 #favoris a
 {
	text-decoration:none;
	color: #EFB5FA;
 }

 
 
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 1px;
   margin-bottom:85px;
   
   text-align: center;
   font-size:10px;

   color: #B3B3B3;
   /*background-color: #626262;*/
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;

   position:relative;
   top:80px;
}