/* CSS Document */

body
{background-color:#EFEFEF;
 width: 760px;
 margin: auto; /* Pour centrer notre page */
 margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
 margin-bottom: 15px;    /* Idem pour le bas du navigateur */
}
#en_tete1
{
   width: 760px;
   height: 60px;
   margin-bottom: 15px;
   text-align: center;
}

#en_tete2
{
   width: 740px;
   background-color:#DDDDDD;
   border: 1px solid black;
   margin-bottom: 15px;
   text-align: center;
   padding: 10px;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */ 
}
.element_menu1
{
   background-color:#DDDDDD;
   border: 1px solid black;
   padding: 10px;
   height: 240px;
}
   
.element_menu2
{
   text-align: center;
}
.element_menu3
{
   text-align: center;
}

#corps
{
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 15px; /* 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 */
   background-color:#DDDDDD; /* Une couleur de fond pour le corps */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   height: 460px;
   width: 580px;
}

#pied_de_page
{
   text-align: center;
   background-color:#DDDDDD;
   border: 1px solid black;
   width: 760px;
}

p
{color:#000000;
font-size:14px;
font-family: "georgia", "Trebuchet MS", Georgia, serif;
}

ul
{list-style-type: none;
}

.code
{color:red;
font-size:16px;
font-family: "arial black", Arial, Verdana, serif;
}

table
{
width: 550px;
}