html, body { width:100%; height:100%; }
 body { margin:0 auto; position:relative;   text-align:center;
	font-family:"Times New Roman"; font-size:10pt; width:100%;
	scrollbar-track-color:#fff; scrollbar-base-color:#35603d;
	color:#444; background-color:#bb8749; }
 * { font-family:"Times New Roman"; }


 hr { color:#ddd; height:4px; margin:1em 0;  }
 ul.o { list-style: outside }
 a { color:#762400; }
 a:hover { color:#d00; }


 .bleu { background-color:#634925; }
 .rouge { background-color:#762400; }
 .brunClair { background-color:#bb8749; }
 .jaunePale { background-color:#f9f7dc; }

 /* -------------------- */
 
 #main { width:770px; position:relative; left:0; top:0; text-align:left; min-height:100%; margin:0 auto;
             border-left:4px solid #762400; background-color:#fff;
          background-image:url("images/bg.main.jpg"); background-repeat:repeat-y; background-position:right top;

 }
 
 #entete { position:relative; z-index:0; left:0; top:0; width:100%; text-align:center;
         background-image:url("images/bg.entete.jpg"); background-repeat:no-repeat; background-position:center 0;
 }
 
 #contenu { position:relative; left:0; top:0; width:100%; height:160px;
          background:url("images/masque.entete.gif") transparent no-repeat center top;
 }
 #smenu { position:absolute;  left:0; bottom:0px; width:100%; height:23px; display:block;
          background-color:#634925; background-image:none; background-repeat:no-repeat; background-position:left bottom;
 }
 #menu { position:absolute; top:160px; left:580px; height:170px; width:190px;
       background-image:url("images/bg.menu.jpg"); background-repeat:no-repeat; background-position:left bottom;
 }
 
 #page { position:relative; left:0; top:0; width:560px;
         padding:10px; padding-bottom:25px;
          min-height:400px; font-size:10pt;
 }
 
 #pied { width:100%; position:absolute; left:0; bottom:0; text-align:right; height:18px;
          background-color:#762400;
 }
 

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

 #logo { width:122px; height:98px; padding-top:0px; overflow:hidden;
        position:absolute; top:10px; right:65px; font-size:1pt; text-decoration:none; color:#fff;
        background-image:url("images/logo.gif"); background-repeat:no-repeat; background-position:center center;
 }


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

#entete h1, #entete h2, #entete h3 { position:relative; font-family:"Garamond";  font-weight:700; padding:0; margin:0; }
#entete h1 { top:0; font-size:18pt; color:#fff; text-align:right; padding-right: 80px;
        margin-top:6px;
        background: url("images/bande.titre.gif") no-repeat 250px 0; height:28px; overflow:hidden;
}
#entete h2 { font-size:20pt; color:#fff; font-style:italic;  }
#entete h3 { top:-10px; font-size:20pt; color:#fff; font-style:italic;  text-align:right; padding-right: 100px; }
#entete #vigneron { position:absolute; top:0; right:0; width:62px; height:93px; overflow:hidden; z-index:9;
        background-image:url("images/vigneron.jpg"); background-repeat:no-repeat; background-position:center right;
}

#menu ul {  position:relative; left:7px; top:7px; margin:0; padding:0; text-align:left; }
#menu ul li { position:relative; left:0; top:0; margin:0; padding:0; display:block; height:18px; }
#menu ul li a { padding-left:20px; font-size:9pt; color:#fff; font-weight:700; text-decoration:none;
        width:150px; height:18px; display:block;
        background-image:url("images/fleche.bleu.gif"); background-repeat:no-repeat; background-position:left center;
}
#menu ul li a:hover { text-decoration:underline; }

#smenu ul { width:100%; height:16pt; padding:0; margin:0; }
#smenu ul li { display:block; float:left; }
#smenu ul li i { display:block; width:30px; }
#smenu ul li a { color:#fff; text-decoration:none; font-weight:700; font-size:10pt;
       display:block; line-height:10pt; padding:3px; margin-left:10px; margin-right:10px;
}
#smenu ul li a:hover { text-decoration:underline; }


#pied ul {  position:absolute; left:0px; top:10px; margin:0px; padding:0px; margin-left:250px; }
#pied ul li { float:left; list-style-image:url("images/res/icon1.gif"); margin-left:30px; }
#pied ul li a { font-size:12pt; color:#000; font-weight:700; text-decoration:none; display:block; }
#pied ul li a:hover { text-decoration:underline;  }


 /* -------------------- */
 
#page .texte { margin:4px; border:0px solid; text-align:justify; }
 
 div#page #titre { font-size:200%; font-weight:900; padding:5px; color:#EAD292;
          width:260px; height:340px; float:left; text-align:center;
          margin-right:20px;
          border-right:5px solid #305840;
          background-image:none;  background-repeat:no-repeat; background-position:center top;
          filter: progid:DXImageTransform.Microsoft.Alpha( opacity=70 ); opacity:0.70;
 }
 
 #page h1 {
       position:absolute; z-index:3; top:-45px; left:450px;  overflow:hidden;
          text-transform:uppercase; margin:0; font-size:115%; font-weight:900; padding:0;
          display:block; font-style:italic; width:319px;
          color:#762400; text-align:center;
 }
 #page h2 { margin:0px; margin-top:1em; font-size:150%; font-weight:800; color:#762400; }
 #page ul { margin-top:0.4em; margin-bottom:0.4em; }
 
 #page img.right { float:right; margin-left:20px; }
 #page img.left  { float: left; margin-right:20px; }
 #page img.border { border-bottom:4px solid #702b01; }
 
 .actualites { margin:0 4em; }
 .actualites h4  { position:relative; top:0; left:-3em; font-weight:900; margin-bottom:0.5em; font-size:120%;  }
 .actualites div { }

#directweb {
   font-size:8pt; color:#bbb; text-align:center;
   position:absolute; z-index:0; left:0.5em; bottom:0.5em;
   width:9em;
}
#directweb a { font-size:8pt; color:#ccc; text-decoration:none; }
 
 /* -------------------- */
 
 .center { text-align:center; }

 input.b, textarea, select, option { background-color:#fff; }
 .cache { display:none; visibility:hidden; position:absolute; z-index:-1; width:1px; height:1px; overflow:hidden; }
 
 .print { display:none; }