/* ------------------------ Généralités ----------------------------*/
* html a:hover {visibility:visible}
img { border: 0; }
div { position:relative;}
body { margin: 0; background-color: #FFFFFF; font-family: Times New Roman, Times, serif; font-size: 12px; color:#444444;}
p { margin:0px; font-size:12px; }
h3 { margin:0px; font-size:16px; font-weight: bold;}
/* ----------------------- Cadre principal ------------------------ */
#main {	margin: auto; width: 720px; }
/* ------------------------ Bandeau haut -------------------------- */
#haut {width:720px; height:201px; background-position: 389px; }
/* ----------------------- Menu principal --------------------------*/
#menu                 { float: left; width: 389px; height: 201px; }
#menu div             { position: absolute; }
#menu div a           { display: block; }
#menu div a:hover img { visibility:hidden;}
#presentation         { top: 0px; left: 172px; width: 144px; height: 50px; }
#production           { top: 50px; left: 229px; width: 131px; height: 44px; }
#evenements           { top: 93px; left: 257px; width: 132px; height: 46px; }
#contact              { top: 139px; left: 278px; width: 111px; height: 47px; }
/* -------------------------- Sous-menus ---------------------------*/
#sousmenu             { position:absolute; width:300px; height:30px; }
#sousmenu div         { position:absolute; height: 24px;  border:solid 1px #FFFDED; font-size: 14px; line-height:22px; text-align:center; font-weight: bold; }
#sousmenu a           { display: block; color: #FFFDED; text-decoration: none;} 
#sousmenu a:hover     { color:#ffffff;}
#sousmenu a:hover img { visibility:hidden;}
#sousmenu .selected   { background: url(images/fond-jaune.jpg); color:#ffffff; }
#vins                 { left: 0px; width: 160px; }
#album                { left: 160px; width: 120px; }
#acces                { left: 0px; width: 150px; }
#region               { left: 150px; width: 85px; }
#histoire             { left: 235px; width: 110px; }
#rdv                  { left: 0px; width: 170px; }
#info                 { left: 170px; width: 160px; }
#acces                { left: 0px; width: 150px; }
#region               { left: 150px; width: 85px; }
#histoire             { left: 235px; width: 110px; }
/* --------------------------- Cleaner -----------------------------*/
HR.cleaner { border:solid 1px blue;  background: url(images/fond-moyen.jpg); clear: both; padding: 0px; visibility: hidden; margin: -1px 0px 0px; border-style: none; height: 1px; }
/* validation xhtml et css */
#validation { position:relative; width:720px; text-align:center; visibility:visible; margin: auto; }
#adressebas         { padding-top:10px; padding-bottom:10px; margin-left: auto; margin-right: auto; text-align:center; visibility:visible; font-size: 11px; color: #FFFDED; }
#adressebas a       { text-decoration: none; color: #FFFDED; }
#adressebas a:hover { color: #B67241; }

#titregauche { margin-left: 7px; margin-top: 8px; }