/*

Réalisé par Jonathan Bouchard
http://www.productionjb.com
*/

body
{
 
   width: 800px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;   
  
    background-color:black
}

/* L'en-tête */

#en_tete
{
margin-top: 20px;
margin-left: 40px;
   width: 800px;
   height:100px;
   background-image: url("baniere22.JPG");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}


/* Le menu */

#menu
{
 margin-left: 19px;
   float: left;
   width: 130px;
   background-color:black
   
}

.element_menu
{ background-image: url("arbre2.JPG");
   background-color: ;#ff8000
   
   background-repeat: repeat-x;
   
   border: 4px solid black;
   
   margin-bottom: 20px;
   
   
   
    font-size: 10px;

	
   
   font-family: Arial, "Times New Roman", Verdana, serif;
 
 
   
   
   
}




.element_menu2
{ background-image: url("");
   background-color: ;#ff8000
   
   background-repeat: repeat-x;
   
   border: 4px solid black;
   
   margin-bottom: 20px;
}






/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #090CB4;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 10px;
   color: red;
   
   
}

.element_menu ul
{
   list-style-image: url(".bmp");
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: px;
}

.element_menu a
{
   color: white;
   font-size: 10px;
   
   
   
}

.element_menu a:hover
{
   background-color: bleu;
   color:red ;
}











.element_menu2 h3
{   
   color: #090CB4;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 15px;
   color: red;
   
   
}

.element_menu2 ul
{
   list-style-image: url(".bmp");
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: px;
}

.element_menu2 a
{
   color: white;
   font-size: 13px;
   
   
   
}

.element_menu2 a:hover
{
   background-color: bleu;
   color:red ;
}














/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: black;
   background-color: black;
   background-image: url("noir.JPG");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

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



/* Le pied de page  */

#pied_de_page
{
   padding: 5px;

   text-align: center;
font-size: 20px;
   color: white;
   background-color: black;
   background-image: url(".JPG");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}


.fin

{background-image: url("logo.JPG");
   text-align: right;
   font-size: 24px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}



.fin3

{background-color:white;
   text-align: center;
   font-size: 20px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}






.fin2

{background-image: url(".JPG");
   text-align: center;
   font-size: 10px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




.fin2000

{background-image: url(".JPG");
   text-align: center;
   font-size: 12px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




















* {
  color: black;
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma` Verdana` Arial` serif;
}
a.info {
   position: relative;
   color: white;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: blue;

   color: blue;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}






.fin19

{background-image: url("logo.JPG");
   text-align: center;
   font-size: 9px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




.fin1999

{background-image: url("space3.JPG");
   text-align: center;
   font-size: 9px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




.fin18

{background-image: url(".JPG");
   text-align: right;
   font-size: 9px;
color: black;
    background-color: white;
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}






.fin20

{background-image: url("space.JPG");
   text-align: right;
   font-size: 9px;
color: black;
  
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}



.fin21

{background-image: url("space2.JPG");
   text-align: right;
   font-size: 9px;
color: black;
  
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}