body
{
   width: 1000px;
   margin: auto;
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   background-color: red;
}

p
{
   color: yellow;
   font-family: verdana, arial, serif;
   width: 100%;
   text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
}

ul
{
   color: yellow;
   font-family: verdana, arial, serif;
   width: 100%;
   text-align: justify;
}

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

a:hover /* Quand le visiteur pointe sur le lien */
{
   font-weight: bold;
}

/* L'en-tête */

#en_tete
{
   width: 1000px;
   height: 155px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   background-image: url("./images/en_tete.png");
}

/* Le corps de la page */

#corps
{
   margin-left: 190px;
   margin-bottom: 20px;
   padding: 5px;
   width: 790px;
   color: #000000;
   background-image: url("./images/ap.png");
   top: 150px;
}

#corps h1
{
   color: orange;
   font-family: verdana, arial, serif;
   font-size: 300%;
   text-align: center;
   text-decoration: ;
   font-weight: bold;
}
#corps h1:before
{
   content: url("./images/giro.gif"); /* Mettre une image de question */
}
#corps h1:after
{
   content: url("./images/giro.gif"); /* Mettre une image de question */
}

#corps h2
{
   color: dark;
   font-family: verdana, arial, serif;
   font-size: 120%;
}

h2:before
{
   content: url("./images/flamme.png"); /* Mettre une image de question */
}

#corps table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   text-align : center;
   margin: auto;
}
#corps td
{
   border: 2px inset grey;
}

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

#pied_de_page
{
   text-align: center;
   color: #7cffff;
   font-family: verdana, arial, serif;
   font-size: 80%;
   width: 1024px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   background-image: url("./images/pied_page.png");
}
.pied_page a
{
   color: #7cffff;
}


a:active /* Quand le visiteur clique sur le lien */
{
   background-color: ;
}
.centrer
{
   color: yellow;
   font-family: verdana, arial, serif;
   width: 100%;
   text-align: center;
}


/* Le menu */

#menu
{
  float: left;
  width: 190px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: dark;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 14px
}
.element_menu a
{
   color: #FFFFFF;
   text-decoration: none;
}

.element_menu a:hover
{
   color: #000000;
}

.menu table
{
   /*border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   vertical-align : middle;
   background-color: #FF0000;
   font-size: 20px;
   margin: auto; /* Centre le tableau */
   width: 150px;
   padding: 5px;
}
.menu td
{
   background-image: url("./images/menu.png");
}
.menu td:hover
{
  background-image: url("./images/menu_pass.png");  
}
.liens_menu table
{
   vertical-align : middle;
   background-color: #FF0000;
   font-size: 20px;
   margin: auto; /* Centre le tableau */
   width: 150px;
   padding: 5px;
}
.liens_menu td
{
   background-image: url("./images/menu_pass.png");
}
.liens_menu td:hover
{
  background-image: url("./images/menu.png");
}
.liens_menu h3
{    
   color: dark;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 14px
}
.liens_menu a
{
   color: #000000;
   text-decoration: none;
}

.liens_menu a:hover
{
   color: #FFFFFF;
}