body
{
 background-color: #d6e7ff;
  width: 950px;
 }
#en-tete
{
  width: 800px;
   height: 150px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px; 
   padding-top: 100px;
   padding-bottom: 50px;
   padding: 10px;
   background-color: #d6e7ff;
}
 table /* Le tableau en lui-même */
{   
   width: 880px;
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
  
}
li
{
  margin-top: 9px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px; 
}

th /* Les cellules d'en-tête */
{
   background-color: #d6e7ff;
   
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
.element-table a:hover /* Quand on pointe sur un lien du menu */
{
 color: red;
 }
.table
{ 
color:#800080;
}
h1
{ 
  color:#800080;
font-family:"Comic sans ms" ,"times new Roman", Arial, Verdana, Georgia, serif;
font-size: 1.8em;
text-align: center;
}
h2
{
color:#800080;
font-family: "times new Roman", Arial, Verdana, Georgia, serif;
font-size: 1.8em;
text-align: center;
}
strong
{
 font-size: 1.8em;
 font-family:  Arial, Verdana, Georgia, serif;
 color:red;
 
}
h5
{
 color: #f38f00;
 font-family: Georgia,"times new Roman", Arial, Verdana, serif;
font-size: 1.2em;
 }
img
{ padding-left: 3px;
}
h6 {
color: #69b5ca;
font-family: "times new roman", Verdana, Georgia, Arial, serif;
font-size: 0.7em;
text-align: center;
}
#corps
{
    width: 800px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* 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 */
   background-color:#d6e7ff ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-size: 1em;
   font-family:  Georgia,"Time New Roman", Arial, Verdana, serif;
   text-align: justify;
   padding: 30px;
   
 } 
span
{  color: red;
 font-family: Arial, Verdana, serif;
    font-size: 1em;
 }
em
{
  color:red;
  }
.suite
{ 

  font-size: 2em;
  text-indent: 500px;
}
.accueil
{
 color: red;
 font-size: 1.4em;
  float: right;
 
 }
.droite
{
  float: right;
  padding: 20px;
}
#menu

{  float: left;
width: 670px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* 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 */
   background-color:#d6e7ff ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-size: 1em;
   font-family: Georgia,"Time New Roman", Arial,  Verdana, serif;
   text-align: justify;
   padding: 30px;
   color: #0000b7;
   
 }
 #colonne
{float: right;
   width: 200px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* 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 */
   background-color: #ffffee ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-size: 1em;
   font-family:  Georgia,"Time New Roman", Arial, Verdana, serif;
   text-align: justify;
   padding: 3px;
     color: blue;
	 }