body
{
   width: 750px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("images/fond.gif"); 
}

a /* liens corps */
{
   color: #000000;
   text-decoration: none;
   font-style: italic;
   font-size: 0.9em;
   background-image: transparent url("images/non.gif");
   background-repeat: repeat-x;
}

a:hover /* Quand on pointe sur un lien*/
{
   background-color: #ffffff;
   color: #000000;
   font-style: italic;
   font-size: 0.9em;
   background-image: url("images/cocc_mv.gif");  
   background-repeat: repeat-x;
}

p
{
   color:  #2c1c14;
   text-indent: 30px; 
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-family: "Times New Roman";
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   font-style: italic;
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   height: 25px;
   background-image: url("images/bord_clair.gif");
   background-repeat: repeat-x;
   text-indent: 30px; 
   color: #000000;
   font-variant: small-caps;
   font-size: 1.1em;
   font-family: Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Times, "Times New Roman", serif;
   text-align: left; 
   padding: 5px; 
}

h4 /* Tous les titres */
{    
   color: #2c1c14;
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   font-style: italic;
   font-size: 1.3em;
   padding-left: 15px;
}

ul /* Toutes les listes à puces */
{
   list-style-position: inside;
   padding: 0px; 
   padding-left: 15px; 
   margin: 0px; 
   margin-bottom: 5px; 
}

#en_tete
{
   width: 770px;
   height: 100px;
   background-image: url("images/banniere.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
{
   float: left; 
   height: 570px;
   width: 135px; 
   background-image: url("images/herbe_cocc.gif");
   background-repeat: no-repeat;
}


.bord_h /*bord haut cadre corps*/
{
   position: absolute;
   left: 200px;
   top: 140px;
   margin-left: 100px;
   margin-bottom: 0px;
   width: 680px;
   height: 30px;
   background-image: url("images/bord.gif");
   background-repeat: repeat-x;
    }
	
.bord_b /*bord bas pied page*/
{
   position: absolute;
   left: 200px;
   top: 700px;
   margin-left: 100px;
   margin-bottom: 0px;
   width: 680px;
   height: 30px;
   background-image: url("images/bord.gif");
   background-repeat: repeat-x;
    }
	
#corps
{
   position: absolute;
   left: 300px;
   top: 185px;
   width: 700px;
   overflow: auto;
   height: 500px;
   padding: 15px; 
   padding-top: 1px;
   text-align: justify;
   color:  #2c1c14;
}

#pied_de_page
{
   position: absolute;
   left: 130px;
   top: 720px;
   width: 475px;
   margin-left: 215px;
   padding: 13px;
   padding-left: 28px;
   padding-right: 28px;
   text-align: center;
   border: none;
}