caption
{
 margin: auto;
 margin-bottom: 20px;
}
body
{
   width: 1100px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color:  rgb(255,255,255);
   background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

#en_tete
{
  margin: auto; /* Pour centrer notre page */
/*	margin-left: 100px; */
	margin-bottom: 0px;
  /*  width: 1098px;
   height: 138px; */
   background-repeat: no-repeat;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
}

#tout
{
border: 0px solid black;
}
.blanc
{
  width: 760px;
  height: 111px;
}

.bandeau 
{
   color: white;
   font-family: Verdana;
   padding: 12px;
   font-size: 10px;
}
.bandeau a
{
   color: white;
   font-family: Verdana;
   padding: 12px;
   font-size: 10px;
   text-decoration: none;
}

.bandeau a:hover
{
  text-decoration: underline;
  color: black;
}

#menu
{
  margin: auto; /* Pour centrer notre page */
/*	margin-left: 100px;*/
margin-right:10px;
  /*   float: left;Le menu flottera à gauche */
width: 1100px; /* Très important : donner une taille au menu */
}

#panneau
{
float: left;
width : 200px;
margin-left : 5px;
margin-right : 5px;
padding-right: 5px;
background-color: #FFFFFF;
font-size : 11px;
 border-right: 1px dashed black;
}

#panneau a
{
font-size : 11px;
}
#corps_texte
{
width : 800px;
margin-left : 220px;
margin-right : 0px;
margin-bottom : 0 px;
 padding: 5px;
  /*  background-color: #FEECCB;*/
}

#corps_texte td
{
text-align : center;
/*padding : 10 px; */
/*text-indent: 40px ; */
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 13px;
}

#corps_texte th
{

border: 1px solid black;
text-align : center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 14px;
padding: 5px;
border-color:grey;
}

#corps_texte th a
{
  font-size : 10px;
  text-align : center;
}
.comment
{
font-size: 11px;
text-align: left;
}

td
{ 
border-style:solid; 
border-width:1px; 
border-color:grey;
text-align: center;
padding: 5px;
font-size : 13px;

}

table
{ 
margin: auto;
border-style:solid; 
border-width:1px; 
border-color:grey;
border-collapse:collapse;

}
.element_menu
{

 /*  background-image: url("images/menu.GIF"); */
   background-repeat: repeat-x;
	margin : 5 px;
   border: 1px solid black;
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu h3 /* Tous les titres de menus */
{   
   color: grey;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 3px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 5px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

a /* Tous les liens  */
{
   color: black;
   text-decoration: none;
   font-family: verdana;
   font-size: 12px;
}

a:hover /* Quand on pointe sur un lien  */
{
   color: red;
   text-decoration: none;
}

#corps
{

  margin: auto; /* Pour centrer notre page */
  margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* 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 */
	padding-bottom : 0px;
   color: black;
    background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   background-image: url("images/fond.jpg");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border-left: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   border-right: 1px solid black;
   font-family: Verdana;
   font-size: 13px;
   text-align: left;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: grey;
   text-align: center;
   font-family: serif, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/coccy.GIF"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: grey;
   text-align: left;
   font-family: serif;
}

#pied_de_page
{
  margin: auto; /* Pour centrer notre page */
   padding: 5px;
 font-size: 11px;
   font-family: Verdana;
   text-align: center;
   
	margin-top: 0px;
   color: black;
   background-color: #FFFFFF;
   background-repeat: repeat-x;
   
   border: 1px solid black;
}

.signature
{
  font-style:italic;
  text-align: right;
  font-size : 11px;
}
.affiche_c a
{

  text-align: center;
  font-size : 10px;
  
  
}

.signature_c
{
  font-style:italic;
  text-align: right;
  font-size : 10px;
}

#corps a img
{
  border: none;
}

#corps li
{
   padding: 3px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
  font-weight: bold;
   font-family: verdana;
   font-size: 12px;
}

#corps img
{
  align: center;
}

#corps a
{
  font-weight: bold;
   color: black;
   text-decoration: none;
   font-family: verdana;
   font-size: 12px;
}

#corps a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}

#pied_de_page a
{
   color: black;
   font-family: Verdana;
   padding: 5px;
   font-size: 11px;
   text-decoration: none;
}

#pied_de_page a:hover
{
  text-decoration: none;
  color: red;
}

.date
{
  font-weight: bold;
  text-decoration: underline;
}
#corps ul
{
   padding: 3px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   text-align: left;
   font-family: verdana;
   font-size: 12px;
}

.heure
{
  color: black;
  font-weight: bold;
  text-align: right;
   font-family: Verdana;
   font-size: 10px;
}