body
{
   background-image: url("images/fond.png");
}
#principal
{
    margin-left: 155px;
   margin-bottom: 20px;
   padding: 5px;
   font-size: 18px;
   

      font-family: "Comic Sans MS",serif;

}
#bas
{

   font-size: 14px;


      font-family: "Comic Sans MS",serif;

}
#menu
{
   float: left;
   width: 145px;
   height: 640px;

   font-size:16px;


   background-image: url("images/fond_menu.png");
   background-repeat: repeat-x;
   

   
   margin-bottom: 20px;
   font-family: "Comic Sans MS",serif;

}
#menuDroite
{
   float: right;
   width: 145px;
   height: 640px;

   font-size:16px;


   background-image: url("images/fond_menu.png");
   background-repeat: repeat-x;
   

   
   margin-bottom: 20px;
   font-family: "Comic Sans MS",serif;

}
h1
{
  color: black;
  font-size: 40px; /* Titres de 22 pixels */
}
h2
{
  color: black;
  font-size: 16px; /* Titres de 22 pixels */
  text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
  font-weight:bold;
}
h3
{
  color: blue;
  font-size: 30px; /* Titres de 22 pixels */
}
#aff
{

   float: center;
   width: 120px;
   height: 250px;

   font-size:12px;
   border: 1px solid black;

   font-family: "Comic Sans MS",serif;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: blue; /* Les liens seront en rouge au lieu de bleu */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}
a img
{
border: none;
}