body
{
   width: 100%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/skeud1.jpg");
   background-attachment : fixed; 
}


/* L'en-tête */

#en_tete
{
   width:50%;
   height: 25%;
   background-image: url("");
   background-repeat: no-repeat;
   margin-bottom: 30px;
}

/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages2.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('images/topMenuImages2.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages2.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages2.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages2.png') 100% -90px no-repeat;}


/* Le corps de la page */


#corps
{
   margin-left: 40px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: rgb(0,0,0);
   background-color: ; /* Une couleur de fond pour le corps */
   background-image: url("");
   background-repeat: ; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border-style:hidden; }
   

 /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: rgb(255,255,255);
   background-color: rgb(255,255,255);
   background-image: ;
   background-repeat: repeat-x;
   
   border-style:hidden; }
#page {
   margin: 0 auto;  /* zéro ou une autre valeure */
   width: 20%;
   max-width: 950px;
   min-width: 740px;
   }



	 
	 

strong /* ... et les mots importants en rouge clignotant ! */
{
   color: maroon;
   text-decoration: blink;
}

h1
{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 1px rien Sienna;
   text-align: justify;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   color:white;
   background-image: url("");
   
   
}

p

{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 1px rien Sienna;
   text-align: ;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   color:yellow;
   background-image: 
   
   
}
h2
{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 1px rien Sienna;
   text-align: ;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   color:yellow;
   background-image: url("");
   
   
}
a
{
text-decoration: ;
color:white;
 background-image: 
}
a:hover
{color: yellow;
background-image: ;
font-size: 16px;
}
TH
 {
   color:yellow;
   background-image: 
   } 
   
   
   TD
 {
   color:pink;
   background-image:url("images/ff.gif");
   } 
   
em
 {
   color:black;
   background-image:;
   } CAPTION
 {color: MAROON;
background-image: ;
font-size: 30px;
}