<!--
body
{
   /*width: 780px;*/
   /*margin: auto; /* Pour centrer notre page */
   margin-right: 2%;
   margin-left: 2%;
   margin-top: 10px; /* Pour &eacute;viter de coller avec le haut de la fen&ecirc;tre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   background-image: url("../images/exemple_pelouse.gif"); /* Une petite image de fond pour &eacute;viter d'avoir un vieux fond blanc :p */
   background-attachment: fixed;
}
.logofoot
{
  float:  left;
}
.logoruffec
{
  float: right;
  margin-top: 1% ;
  margin-bottom: 1% ;
}
.entete
{
  background-color: #B3ECB4;
  border: white solid 2px; 
  /*width: 780px;*/
  width: 99.3%;
  height: 100px;
  text-align: center;
}
.entete h1
{
  font-family: Comic Sans MS, "Arial";
  display: inline;
}
#corps
{
  position: absolute;
  top: 145px;
  background-image: url("../images/DegradCorps.gif");
  background-repeat: repeat-y;
  background-color: #DDF1B8;
  width: 70%;
  z-index: 1;  
  border: 2px solid white;
  margin-bottom: 20px;
  margin-right: 30%;
  margin-top: 3px;
  padding: 10px;
  padding-right: 20px;
  padding-left: 20px;
  overflow: auto;
}
#corps a:link, #corps a:visited
{
 text-decoration:none; 
 font-weight:bold;
 color: #8688AF; 
}
#corps a:hover
{
 text-decoration:none; 
 font-weight:bold;
 color: #2C2D3A; 
}
#menud
{
  position: absolute;
  width: 24%;
  margin-left: 76%;
  margin-top: 3px;
  z-index: 1;
  top: 145px;
  right: 2%;
  border: 2px solid white;
  background-color: #86B087;
}
#menud a:link, #menud a:visited
{
 text-decoration:none; 
 font-weight:bold;
 color: #B3ECB5; 
}
#menud a:hover
{
 text-decoration:none; 
 font-weight:bold;
 color: #406200; 
}
#photo
{
  text-align: center;
}
.calendrier
{
	padding-left: 4em;
}
#toto
{

}
-->