body 
{
  margin: 0em 0em 0em 0em;
  border: 0em;
  padding: 0em 0em 0em 0em;
  font-size: 10pt;
  font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
  background-color : #00FA9A;
  color : black;
  width: 100%;
  }


#entete 
{
  position: fixed;
  top: 0%;
  left: 0%;
  border: 0em;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 1em;
  width: 100%;
  height: 15%;
  background-color: #4B0082;
  color: #FFA07A;
  text-align: center;
  z-index: 2;
  }

#conteneur
{
  position: absolute;
  top: 15%;
  border: 0em;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
  width: 100%;
  }

#conteneur #menu
{
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
  border: 0em;
  position: fixed;
  top: 15%;
  left: 0%;
  width: 26%;
  height: 85%;
  background-color: #8B008B;
  color: #FFA07A;
  }

#conteneur #contenu 
{
  margin: 0em 0em 0em 0em;
  padding: 1em 2% 1em 2%;
  background-color: #00FA9A;
  float: right;
  width: 70%;
}

#conteneur #menu a:link 
{ 
  color: #00Fa9A;
  }

#conteneur #menu a:visited 
{ 
  color: #4B0082;
  }

#conteneur #menu a 
{ 
  font-size: 1.3em;
 }

#conteneur #menu li
{ 
  color: #00FA9A;
  padding: 1em 0em 1em 0em;
 }

#entete h1 
{ 
  padding: 0em;
  margin: 0em;
  font-size: 2.5em;
  color: #00FA9A;
 }

#conteneur #menu h2 
{ 
  text-decoration: none;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-size: 1.75em;
  color: #00FA9A;
  }


#conteneur #contenu a:link 
{ 
  color: #8A2BE2;
  }

#conteneur #contenu a:visited 
{ 
  color: #810081;
 }

#conteneur #contenu h2 
{
  text-decoration: none;
  text-align: center;
  font-size: 1.8em;
  }

#conteneur #contenu h3 {
  margin-top: 2em;
}

.left 
{
  text-align: left;
}

.center
{ 
  text-align: center;
  }

.right
{ 
  text-align: right;
 }

.hidden 
{ 
  display: none;
 }