body
{
   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: rgb(48,48,48); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-attachment: fixed;
   text-align: justify;
   font-family:calibri, arial, "arial black", times, serif;
}
#en_tete
{
width: 796px;
   height: 150px;
   background-image: url("images/ba2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: px solid rgb(57,59,62);
}
#banniere
{
width: 796px;
   height: 100px;
      background-repeat: no-repeat;
	  background-color: rgb(166,201,226);
	  background-image: url("images/picture.jpg");
   margin-bottom: 10px;
   border: 2px solid rgb(57,59,62);
   }
/* Le menu */

#conteneur-menu{
background:rgb(225,225,225);
height:30px;
position:relative;
margin-bottom:10px;
}
#menu{
position:absolute;
}
dl{
height:40px;
margin:0; padding:0;
display:block;
float:left;
}
dt{
width:159px;
display:block;
height:30px;
color:rgb(57,59,62);
line-height:30px;
font-family:arial, "arial black", times, serif;
font-size:12px;
text-align:center;
border-right:dotted 1px rgb(48,48,48);
cursor:pointer;
}
dd{
display:block;
margin:0; padding:0;
background:rgb(225,225,225);
}
dd ul{
margin:0; padding:0;
text-align:center;
list-style:none;
}
dd ul li{
display:block;
margin:0; padding:0;
}
dd ul li a{
color:rgb(57,59,62);
display:block;
text-decoration:none;
font-size:11px;
font-family:arial, "arial black", times, serif;
width:159px;
height:40px;
line-height:40px;
border-top:1px rgb(48,48,48);
border-bottom:1px rgb(48,48,48);
}
dd ul li a:hover{
background:rgb(48,48,48);
color:#FFF;
}
dl dd{
display:none;
}
dl:hover dd{
display:block;
}
/* Le corps de la page */
#corps
{
   margin-top: 20px;
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 30px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  
  
   color: rgb(57,59,62);
   background-color: rgb(166,201,226); /* Une couleur de fond pour le corps */
   background-image: url("images/fond.png");
   background-attachment: fixed;
   
   border: 2px solid rgb(57,59,62);/* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

h5
{
text-decoration: blink;
font-family: arial, "arial black", times, serif;
}
h4
{
color: rgb(57,59,62);
font-family: arial, "arial black", times, serif;
}
#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: white;
   background-color: rgb(48,48,48);
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid rgb(57,59,62);
}
.imageflottante
{
float: center;
padding-right: 0px;
padding-bottom: 20px;
padding-top: 20px;
}