/*----------------------------------------------*/
/* Body                                         */
/*--------------------------------------------- */
body {
  background-color:#888;
}

.conteneur {
  margin:0 auto;
  position:relative;
  width:26cm
}

.menu_haut {
  position: absolute; 
  height: 2.5em;
  width:40mm;
  padding:2mm;
  font: medium Verdana,Sans-serif;
}

.menu_gauche {
  position: absolute; 
  width: 50mm;
  padding:0.5em;
  font: medium Verdana,Sans-serif;
  line-height:1.5em;
}

a.menu_haut#on, a.menu_gauche#on{
  text-decoration:none;
  background-color:#d2ff57; 
  font-weight:bold;
  color:#222;
}

a.menu_haut#off, a.menu_gauche#off{
  text-decoration:none;
  background-color:#e9ffaf;   
  font-weight:normal;
  color:#555
}  

a.menu_haut:visited, a.menu_haut:visited{
  text-decoration:none;
}  

a.menu_haut:hover#off, a.menu_haut:hover#on, a.menu_gauche:hover#off, a.menu_gauche:hover#on{
  color:#397e02;
  font-weight:bold;
}  

.contenu {
  position: absolute; top:10mm; left:20mm;
  padding:4mm;
  width:156mm;
  background-color:#ffffff;
  font: small Verdana,Sans-serif;
  color:#222;
  line-height:1.5em;
}

.contenu_large {
  position: absolute; top:10mm; left:20mm;
  padding:4mm;
  width:260mm;
  background-color:#ffffff;
  font: small Verdana,Sans-serif;
  color:#222;
  line-height:1.5em;
}

a {
  text-decoration:none;
  color:#498e12;
}


h1 {
  font: small Verdana,Sans-serif;
  font-weight:bold;
  color:#222;
}
  
td {
  font: small Verdana,Sans-serif;
  color:#222;
  line-height:1.5em;
}