/* body*************************************/

body
{
   background-color: orange; /* pour la coleur de fond et l'image de la page web*/
   width: 800px;
  
   margin-top: 0px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* 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 */
  
   font-family: Verdana, Arial, sans-serif;
   font-size: 14px;
}

#en_tete
{
  width: 800px;
  height: 100px; 
  background: url('css/banniere.jpg') no-repeat; 
  border: 1px solid white;
  margin-bottom: 15px; 
}


/* menu**************************************** */
#tag
{
  float: left;
  width: 180px;
  
  margin-right: 15px;
  background-color: white;
  
  border: 1px solid black; 
}
 
#menu
{
  float: left;
  width: 180px;
  
  margin-right: 15px;
  background-color: white;
  
  border: 1px solid black; 
}
  #menu h1
  {
    font-size: 25px;
    padding-left: 40px;
    background: #6A635D url('css/fond_menu.gif') no-repeat left;
    color: white; 
    margin: 0px;
    height: 35px;
  }
#menu .element_menu ul li
{
 
 padding-left: 0px;
 padding-right: 3px;
 
 list-style-position: inside;
 list-style-image: url("css/bouton.gif");
} 
 
 
#menu .element_menu  a
{
  color: black;
}
  #menu .element_menu a:hover
  {
    color: red;
  }

 
/* corps  **********************************/
#corps p
{                            
    color: black;  /*p pour paragraphes color pour la couleur et font-size pour la taille */
	font-size: 12px;
    /* margin : indique la taille de la marge extérieure. Là encore, on utilise le plus souvent des pixels.
 */
  padding: 5px;
}        


 #corps h1
  {
    font-size: 25px;
    padding-left: 40px;
    background: #6A635D url('css/fond_menu.gif') no-repeat left;
    color: white; 
    margin: 0px;
    height: 35px;
  } 
#corps h2
{
 background: white url('css/titre.gif') no-repeat left;
 padding-left: 60px;
 color: orange;
}
#corps h3
{
 background: white url('css/titre.gif') no-repeat left;
 padding-left: 60px;
 color: orange;
}


#corps 
{
  float: right;
  
  width: 600px;
    
  background-color: white;
  border: 1px solid black;
  
  color: black;
}
  
 
#corps a {  color: black; }
#corps  a:hover  {  color: red; }
 
 
 
  
#corps table
{
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border-bottom: 1px dotted #808080;

}
#corps td, th, caption
{

 color: black;
 border-bottom: 1px dotted #808080;

}


#corps h4
{
margin: 0px;
font-size: 16px;
}

/* pied de page************************/
#pied_de_page
{
  
  width: 900px;
  height: 205px;
  text-align: center;
  background: white url('css/fond_corps2.gif') no-repeat bottom right;
  color: black;
  border: 1px solid black;
}
#pied_de_page .regles
{
 font-size:10px;
}