body
{ 
 background-color: #a8dae3;
}
#en-tete
{
width: 900px;
   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: white; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   color:orange;
    font-family: Verdana, Georgia, serif;
    text-align: justify;
	padding: 30px;
	border: solid green 2px;

	
}
p
{ margin-top:45px;
}
.petit
{ 
 font-family: Verdana, Georgia, serif;
 font-size: 1.2em;
 color: green;
 margin-top:50px;
 }
 em
 {  color:  red;
   font-size: 1em;
   font-family: Arial,"Time New Roman",  Verdana, Georgia, serif;
} 
  
h1
{
 font-family: Verdana, Georgia, serif;
 font-size: 1.3em;
 text-indent: 30px;
 color: purple;
}
 h2
{
 font-family:Georgia, Verdana,  serif;
 font-size: 1.4em;
 text-indent: 30px;
 color: red;
}
h3
{
 font-family: Verdana, Georgia, serif;
 font-size: 1em;
 text-indent: 30px;
 color: purple;
}
ul
{
color: purple;
}
h4
{font-family: Tahoma,Verdana, Georgia, serif;
 font-size: 1.5em;
 text-indent: 10px;
 color: yellow;
 }

#corps
{
   width: 650px;
   float: right;
  
   margin-right:20px;
   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:white ;  /*Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   color:  #1351b7;
   font-size: 1em;
   font-family: Arial,"Time New Roman",  Verdana, Georgia, serif;
   text-align: justify;
   padding: 17px;
   
}
table /* Le tableau en lui-même */
{   
   width: 800px;
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
  
}

th /* Les cellules d'en-tête */
{
   background-color:#ffffdc;
   
   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;
}

#menu
{
width: 190px;
  float:left;
  margin-left:10px;
   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:blue ; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   color: white;
   font-size: 0.8em;
   font-family: Arial,"Time New Roman",  Verdana, Georgia, serif;
   text-align: justify;
   padding: 12px;
}
strong
{
 color: orange;
 }

span
{
  color:green;
   font-size: 1em;
   font-family:"Cracked Johnnie","Time New Roman", Arial, Verdana, Georgia, serif;
 }
.abeille2
{ 
float: left;
padding:20px;
}
.logo
{
float: right;
padding: 10px;
}
.retour
{ 
font-family: Verdana,Arial, Tahoma, serif;
font-size:2em;
 text-indent:500px;   
}#pied-de-page
{
   width: 850px;
    height: 140px;
   margin: auto;
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;
   margin-right:50px;   /* Idem pour le bas du navigateur */
   background-color: white;
   padding: 20px;
}