body {
	margin: 20px 20px 100px 20px;
        background-image: url("fond.png");
        background-attachment: fixed;

}

p, td {
   text-align: left;
   color: #000000;
}

h1 {
   text-align: center;
   font-size: 48px;
   text-shadow: 3px 4px 2px #999999;
   color: #0000A0;
}

h2 {
   text-align: center;
   font-size: 36px;
   color: #0000A0;
}

h3 {
   text-align: left;
   font-size: 28px;
   color: #0000A0;
}

a img   {
   text-align: left;
   text-decoration: none;
   color: #FFFFFF;
   border: none;

}


a img:hover {
  border: none;
  color: #FFFFFF;
}

a {
  text-align: left;
  text-decoration: none;
  color: #0000A0;
  border: 2px solid transparent;     /* Les bordures droites et gauches qui apparaîtront au passage de la souris déplaceraient   */
                                     /*   le texte de deux pixels vers la droite. C'est pourquoi on les définit tout le temps à  */
}                                    /*   1 pixel mais invisibles au repos. Note : "transparent" ne fonctionne pas sous IE < 7.  */
a:hover {
  border: 2px solid #0000A0;
}
.encadre  {

	 width: 900px;
         margin: 0 auto;
	 border: 5px solid #0000A0;
         background: white;
         padding: 1em 20px 1em 20px;
 }
 
hr {
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #0000A0; /* ... que l'on remplace par un fond de couleur uni   */
  height: 4px;               /* On définit la hauteur de 4 pixel pour que le fond soit visible ! */
  width: 100%;                /* Et on précise que l'on désire un filet de longueur x%... */
  align: center;


}