body
{
    
/* Le fond de la page sera noir */
 background-image: url("images/effet.png");
 background-repeat: repeat-x; /* Le fond ne se répètera que sur la première colonne, verticalement */

   width: 1000px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;  
   
   
}
body /* On travaille sur la balise body, donc sur TOUTE la page */

/* L'en-tête */

#en_tete
{
   
   background-color: #2c7925;
   width: 1000px;
   height: 100px;
   background-image: url("images/banniere.jpg");
   margin-bottom:0px;
   text-align: center;
}
 #en_tete h3
{
   color: #FFFFFF;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 30px;
   padding-bottom: 0px;
   padding-top: 60px;
}

#logo
{

   border: none;
   padding: 20px;
}

/* Le menu */

#menu
{
   
   height: 25px;
   background-repeat: no-repeat;

}




/* Quelques effets sur les menus */


.tabnav ul 
{
   font: bold 11px verdana, arial, sans-serif;
   list-style-type: none;
   padding-bottom: 24px;
   border-bottom: 1px solid green;
   margin: 0;
}

.tabnav li 
{
   float: left;
   height: 21px;
   background-color: #cfc;
   margin: 2px 2px 0 2px;
   border: 1px solid green;
}
 li.active 
{
   border-bottom: 1px solid #fff;
   background-color: #fff;
}
.tabnav a 
{
   float: left;
   display: block;
   color: #666;
   text-decoration: none;
   padding: 4px;
}


.tabnav a:hover 
{
   background: #fff;
}


/* Le corps de la page */

#corps
{
 
   margin-bottom: 20px;
   padding: 5px;
   
   color: #626266;
   background-color: #ffffff;
   
   border-left: 1px solid green;
   border-right: 1px solid green;
   border-bottom: 1px solid green;
   text-align: center;
   
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #339900; /* Les liens seront en gris au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}


#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
}

#corps h2
{
   background-image:url(images/puce.png);
   background-repeat: no-repeat;
   margin-left:10px;
   padding-left: 30px;
   height: 30px;
   color: #B3B3B3;
   text-align: left;
}


#corps .caution
{
   background-image:url(images/zcode_attention.png);
   background-repeat: no-repeat;
   margin-left:100px;
   margin-right:100px;
   padding-left: 50px;
   height: 50px;
   color: #ff0000;
   text-align: left;
}

#corps .info
{
   background-image:url(images/zcode_info.png);
   background-repeat: no-repeat;
   margin-left:100px;
   margin-right:100px;
   padding-left: 50px;
   height: 50px;
   color: #d89971;
   text-align: left;
}
#imag
{
   float: left;
   background-color: #FFFFFF;
   border: none;
   padding: 2px;
}
#corps .activite
{
 
   margin-bottom: 20px;
   margin-left: 80px;
   color: #626266;
   text-align: left;
   
}
#corps .ancre
{
 
   margin-bottom: 20px;
   margin-left: 80px;
   color: #626266;
   font-size: 17px;
   text-align: left;
   
}

#corps .haut
{ 

  margin-bottom: 20px;
   margin-right: 80px;
   color: #d89971;
   text-align: right;
  
   
}

#logo
{
   background-color: #FFFFFF;
   border: none;
   padding: 2px;
}

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

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 */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#pied_de_page
{
   padding: 10px;
   text-align: right;
   color: #B3B3B3;
   background-color: #626262;
   
   
   border: 2px solid green;
}