div.menu {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  /*color: red;*/
  position: absolute;            /* Fallback if 'fixed' is not supported */
  position: fixed;
  top: 2em;
  left: 2em;
  width: 14.5em;
  right: 2em;
  z-index:2;
  /* url(texture.gif) white; */
  ?>
}
div.menu p {
  margin: 0; 
  padding: 0.3em 0.4em;
  border: thin outset #900;
  /*color: red;*/
}

div.Layer {
position: absolute; 
left: 15em;
top:80px; 
}
div.Layer2 {
position: absolute; 
left:29px; 
top:110px; 
width:84px; 
height:269px; 
z-index:2;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:hover { background: black; color: white }

div.letitre {
  margin: 0;
  text-align: center;
  font-size: 16pt;
  color: #408040;
  position: absolute;            /* Fallback if 'fixed' is not supported */
  position: fixed;
  top: 10;
  left: 100px;
  width: 98%;
  height:1em; 
  z-index:2;
  /*background: url(img/fond/marble.png) white;*/
}
div.letitre p {
  margin: 0; 
  padding: 0.3em 0.4em;
  border: thin outset #900;
  color: red;
}

div.letitre a, div.letitre em { display: block; margin: 0 0.5em }
div.letitre a, div.letitre em { border-top: 2px groove #900 }
div.letitre a:first-child { border-top: none }
div.letitre em { color: #CFC }

div.lepied {
  margin: 0;
  text-align: left;
  font-size: 08pt;
  position: absolute;            /* Fallback if 'fixed' is not supported */
  position: fixed;
  top: 97%;
  width: 98%;
  height:1em; 
  z-index:2;
  /*background: url(img/fond/marble.png) white;*/
}