body
{
   width: 700px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #1E1E1E;
}



#en_tete
{
   width: 700px;
   margin: auto;
   height: 120px;
   background-image: url("images/header.jpg");
}

ul#menu_horizontal { 
width : 693px; 
height : 30px;
margin-top : 5px;
margin-bottom:0px;
padding : 0;
background-color : #FF9C00;
list-style-type : none; 
margin-left:3px;
}
 
ul#menu_horizontal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal li.bouton_gauche {
float : left;
}

ul#menu_horizontal li.bouton_droite {
float : right;
}
 
 
ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em; 
font :  0.8em "Trebuchet MS";
}
 
ul#menu_horizontal a:hover { text-decoration : underline; }



#corps
{
	width: 680px;
	height:750px;
   margin: auto;
   padding: 5px;
   color: white;
   background-color: #171717;
   border-left: 1px solid #020202;
   border-right: 1px solid #020202;
   border-bottom: 1px solid #020202;
}

.right
{
   float: right; /* Le menu flottera à droite */
   width: 130px; /* Très important : donner une taille au menu */
   text-align:right;
}

#corps p{
font :  0.8em "Trebuchet MS";
}

#corps li{
font :  0.8em "Trebuchet MS";
}

#corps h3 /* Tous les titres h1 du corps */
{
   color: white;
   text-align: left;
   Margin-left:30px;
   font :  1.2em "Lucida Console";
}

#corps h4 /* Tous les titres h1 du corps */
{
   color: grey;
   text-align: center;
   font :  1.0em "Lucida Console";
}

#corps a
{
color:#00749E;
text-decoration:none;
font :  1.0em "Trebuchet MS";
}

#corps a:hover
{
color:#009BE9;
text-decoration:none;
font :  1.2em "Trebuchet MS";
}

label {
display:block;
width:150px;
float:left;
font :  0.8em "Trebuchet MS";
}

imput {
display:block;
width:150px;
float:left;
font :  0.8em "Trebuchet MS";
}




.red
{color:#FB0000;}

.blue
{color:#0146E9;}

.right
{float:right;
margin-left:10px;
margin-bottom:10px;}
.link
{color: #0080FF;
}
blockquote
{
background-color: #1E1E1E;
padding: 10px;
border: 1px solid black;
}


#pied_de_page
{
	margin-top:5px;
   width: 700px;
   height: 50px;
   background-image: url("images/end.jpg");
}