body
{
   background-color: #000000;
   width: 800px; 
   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 */
}

/* L'en-tęte */
#header
{
   color: #FF6600;   
   width: 100%;
   height: 25%;
   margin-bottom: 0em;
}

#header_logo
{
   float: left;
   width: 13%;
}

#header_title
{
   font-family: "Times New Roman", Times, serif;
   font-size: 2.0em;
}

#header_line
{
   width: 100%;
}

/* Le menu */
#menu
{
   list-style-type: none;
   width: 70%;
   margin: auto;
   margin-top: 0em;
   margin-bottom: 2.0em;
}

#menu li
{
   float: left;
}

#menu a
{
   float: left;
   margin: 0 1.0em;
   padding: 0.3em 1.0em;
   text-align: center;
   text-decoration: none;
   font-family: Arial, "Arial Black", Times, serif;
   font-size: 0.8em;
   color: #000000;
   background-color: #000000;
   background-image: url("images/butyellow.gif");
   background-repeat: no-repeat;
}

#menu a:hover
{
   background-color: #000000;
   background-image: url("images/butred.gif"); 
}

/* Le corps de la page */
#main
{
   color: #FF6600;   
   width: 100%;
   text-align: center;
   font-family: Arial, "Arial Black", Times, serif;
   font-size: 1.5em;
   text-decoration: none;
}

#main li
{
   float: left;
   margin-left: 0em;
   margin-right: 1.0em;
   padding: 0em;
}

.main_photo 
{
   height: 400px;
}

#foot
{
   color: #FF6600;   
   width: 100%;
   text-align: center;
   font-family: Arial, "Arial Black", Times, serif;
   font-size: 0.8em;
   text-decoration: none;
}

#foot_photo 
{
   height: 150px;
}

#fb_logo
{
    width: 2%;
}