body {
  text-align:center;
  background-color:#222;
  font-family:"Arial";  font-size:11pt;
  width:100%; height:100%; margin:0;
  background-image : url("images/bg.body.gif");  background-repeat:repeat-y; background-position:top center;
}

 .clair { color:#e6f5b1; }
 .vert { color:#00411a; }


#main {
  position:absolute; top:0;  z-index:2;
  left:50%; margin-left:-385px;
  width:770px;        min-height:100%;
  text-align:left;
  background-image : url("images/bg.top.gif");  background-repeat:repeat-x; background-position:left top;
}

#menu {
  position:absolute;  top:0; left:0;
  width:154px; min-height:100%; overflow:hidden;
  background-color:#004c1f;
  background-image : url("images/bg.menu.gif");  background-repeat:no-repeat; background-position:100% 86px;
}

#page {
  position:absolute;  top:50px; left:170px; z-index:4;
  font-size:10pt;
}

#entete {
  position:absolute; z-index:5; top:0; left:0; overflow:hidden;
  height:85px; width:100%;
  background-image : url("images/bg.entete.gif");  background-repeat:no-repeat; background-position: 152px 37px;
  letter-spacing:0.3em;
}

#barre {
  position:absolute; z-index:99;
  left:0;  top:625px;
  height:23px; width:100%;
  background-image : url("images/bande.gif"); background-repeat:repeat-x; background-position:top center;
}

#photo { background : url("images/ddavid.jpg") no-repeat center top; margin-top:36px;  width:154px; }

/* ---------------------- */


#entete h2 { padding:0; margin:0; text-align:right;  display:none;
        padding-top:9px;
        color:#e6f5b1; padding-right:30px;
}
#entete h1 { padding:0; margin:0; text-align:right; margin-top:6px;
        color:#006622; padding-right:20px; height:65px;
  background-image : url("images/pouilly.gif"); background-repeat:no-repeat; background-position:right bottom;
}


/* ---------------------- */

#logo {
  display:block;
  margin-top:5px; margin-bottom:5px;
  width:100%; height:77px;
  background-image : url("images/logo.jpg"); background-repeat:no-repeat; background-position:center center;
  
}

#menu ul { padding:0; margin:0; list-style-type:none; width:100%; }
#menu ul li { padding:0; margin:0; list-style-type:none;
      background-repeat:no-repeat; background-position:left center;
}
#menu ul li a {
  display:block; width:auto;
  font-family:"Arial";  font-size:11pt; color:#fe9929;  font-weight:700;
  text-decoration:none;
  line-height:40px;
  height:40px;
  margin-left:18px;
  background-repeat:no-repeat; background-position:left center;
}
#menu ul li a.double { line-height:20px; }
#menu ul li a:hover { color:#cce950; }

/* ---------------------- */

#page h1 {
  padding-top:0; padding-right:10px;
  color:#e6f5b1;
  font-size:54pt;
  font-family:"Allegro";

}

#page .left  { float:left; }
#page .right { float:right; }
#page a span { color:#fff; text-decoration:underline; }

/* ---------------------- */

.center { text-align:center; }
.cache { display:none; }
.print { display:none; }