* {
    text-align: center;
    font-family: sans-serif;

}

body {
  background: #D7D5D4 url('images/fond-brun.png') repeat-x ;
  background-attachment: scroll;
  margin: 20px 10px ;

}


/** Page : */

#page {
  background: white ;
  border: 2px solid black; /* Encadrer toute la page par une bordure */

  width: 900px; /* Largeur de l'image en haut de la page */
  margin: 0 auto;
}

/** Entete : */

#entete {
background: black url('images/fleuve.jpg') no-repeat; /* Image en haut de la page */
margin: 0
}

h1 {
  height: 189px; /* Hauteur de l'image en haut de la page */
  line-height: 189px; /* Hauteur de l'image en haut de la page */
  border-bottom: 1px solid black;
  margin: 0; /* Par défaut les navigateurs assignent une marge aux titres.  */
  text-align: center;

}


/** Contenu : */

#contenu {
  background: white url('images/fond3.jpg') repeat-y;
  margin: 0;
  padding: 20px 20px 20px 20px;
}

#contenu h2 {
  text-align: left;
  color: black;
}

#contenu h3 {
  text-align: left;
  color: black;
  font-style: italic;
  font-size: 20px;
}

#contenu h4 {
  text-align: justify;
  color: black;
  font-style: italic;
  font-size: 16px;
}

#contenu p {
  text-align: left;
  color: black;
  font-weight: bold;
}

#contenu hr {
  border: 0px;
  color: black;   /* pour MSIE  */
  background-color: black;   /* pour les autres  */
  height: 1px;
  width: 60%;
  text-align: left;
  margin: 20px 0px ;


}




#contenu img {

  vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple */
}

#contenu a {


  border: 2px solid transparent;
  text-align: left;
  text-decoration: none; /* Pas de soulignement des liens dans le sous-menu */
  color: #AA8855;

}

#contenu a:hover, /* Au survol de la souris */
#contenu a:focus, /* Lorsque le lien a le focus, sous les autres */
#contenu a:active /* Lorsque le lien a le focus, sous MSIE */
{
  color: #664422;
  border: 2px solid #CFA072;

}