html, body {
   margin:0; padding:0; width:100%; height:100%;  overflow:hidden;
   font-family:"Arial"; font-size:10pt;
}

body {
   background-color:#000; text-align:center;
   background: url("images/bottom.jpg") #000 repeat-x left bottom;
}

#top {
   position:absolute; top:0; left:0; width:100%; height:12px;
   background: url("images/top.jpg") #000 repeat-x left top;
}

#main {
   position:absolute; top:50%; left:50%; margin-left:-480px; margin-top:-285px;
   width:960px; height:570px;
   text-align:left; overflow:hidden;
   border:0px solid #000;
}

#colonne {
   position:absolute; top:0; right:170px;
   height:100%; width:10px;
   border-right:0px solid #98be2a;
   background: url("images/left.jpg") #000 repeat-y left top;
}
#colonne div { position:absolute; top:0; left:10px;  height:570px; width:90px;
   background-image: url("images/petit_chablis.png");
}


#entete {
   position:absolute; top:0; left:0;
   height:140px; width:740px;  padding-left:20px;
   text-align:right;
   /*background-color:#ffe;*/ color:#efe;
}

#photo {
   position:absolute; top:110px; left:10px;
   width:138px; height:328px;
   border:1px solid #666;
   background: url("images/gauche_accueil.jpg") transparent no-repeat -70px center;
}
#photo2 {
   position:absolute; top:110px; right:10px;
   width:158px; height:328px;
   background-color:#fee;
   border:1px solid #666;
   background: url("images/photo.jpg") no-repeat right top;
}

#menu {
   position:absolute; top:110px; left:150px;  overflow:hidden;
   width:150px; height:330px;
   background: #d5e5a4 0 0px;
   border-left:0px solid #ccc; border-right:1px solid #98be2a;
}
#sousmenu {
   position:absolute; top:450px; right:180px;
}
#contenu {
   position:absolute; top:100px; left:0;
   width:460px; height:320px; padding-left:300px; padding-right:180px;
   border:10px solid #333; padding-top:10px;
   text-align:justify;
   background:#efe right top;
}
#page { position:absolute; top:0; right:0; height:330px; width:650px;}
#cpage { width:460px; margin-top:10px; margin-left:10px;}
#page #anim {position:absolute; top:0px; left:0px;}
/* ----------------------- */

#entete h1 {
   font-size:18pt; letter-spacing:0.2em; color:#98be2a;
   padding:0; margin:0;
}
#entete h2 { font-size:16pt; letter-spacing:0.1em; }
#entete #logo {
   position:absolute; top:0; left:0;
   width:850px; height:100px; overflow:hidden;
   background: url("images/logo.gif") transparent no-repeat center center;
}

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

#entete #paiement {
	position:absolute; top:0px; right:-180px;
	width:100px; height:90px; border:1px solid #97be2d;
	text-align:center; color:#97be2d;
	background:url("images/cartes.jpg") no-repeat center bottom;
}

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

#menu ul {
   list-style-type:none; margin:0; padding:0;
   margin-top:55px; text-align:center;
}
#menu ul li {
   position:relative; top:0; left:0; height:32px; float:left; clear:left;
   margin:0; padding:0; width:100%; background:url("images/li.jpg") no-repeat center -3px;
}
#menu ul li:hover {
}
#menu ul li a {
   text-decoration:none; font-weight:700; font-size:12pt; color:#666;
   display:block; height:29px; margin-top:2px;
   width:100%; 
   
}
#menu ul li a b {
	display:none;
}

#m1 {background:url("images/menu/notredomaine.png") no-repeat;}
#m2 {background:url("images/menu/le-vin.png") no-repeat;}
#m3 {background:url("images/menu/nos-cuvees.png") no-repeat;}
#m4 {background:url("images/menu/actualite.png") no-repeat;}
#m5 {background:url("images/menu/contact.png") no-repeat;}
#m6 {background:url("images/menu/panier.png") no-repeat;}

#m1.select {background:url("images/menu/notredomaine-blanc.png") no-repeat #000;}
#m2.select {background:url("images/menu/levin-blanc.png") no-repeat #000;}
#m3.select {background:url("images/menu/noscuvees-blanc.png") no-repeat #000;}
#m4.select {background:url("images/menu/actualite-blanc.png") no-repeat #000;}
#m5.select {background:url("images/menu/contact-blanc.png") no-repeat #000;}
#m6.select {background:url("images/menu/panier-blanc.png") no-repeat #000;}
 


#menu ul li a:hover { background-color:#000; color:#fff; }
#menu ul li ul {
   display:none;
   position:absolute; top:1em; left:0;
}
#menu ul li:hover ul { display:block; }

#menu ul li.img {background:url("images/menu_dessin.jpg") no-repeat  30px;}

#sousmenu ul { margin:0; padding:0; background-color:#000; }
#sousmenu ul li { margin-top:5px; list-style-type:none; width:150px; text-align:center; }
#sousmenu ul li a {
   text-decoration:none; font-weight:700; font-size:10pt;
   display:block; width:100%; line-height:16pt;
   background-color:#333; color:#fff; border:0px solid #000;
}
#sousmenu ul li a:hover { background-color:#000; color:#98be2a; border:0px solid #333; }

#sousmenu ul li ul {display:none; position:absolute; left:-150px; bottom:53px; z-index:100;}
#sousmenu ul li {   float:left; clear:both;}
#sousmenu ul li:hover ul {display:block;}

 /* ----------------------- */
 
 
#page h3, #page h1 {
   position:absolute; left:-300px; top:344px; z-index:99;
   margin-top:0;
   font-size:18pt; letter-spacing:0.1em; color:#98be2a;
}

#page a {color:#006600; text-decoration:none;}
#page a:hover {text-decoration:underline;}
#page p {margin:10px 0px;}
#page h3 b { color:#fff; font-size:19pt; }
#page .center { text-align:center; }
#page .left { float:left; margin-right:1em; }
#page .right { float:right; margin-left:1em; }
#page .clear { clear:both; }
#page img.border { border:3px solid #666; }
#page img.border:hover { border-color:#000; }
#page .zz img { cursor:pointer; } /* pour fonction zoom : javascript:zphoto(); */
#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }

#page table tr {height:150px;}
#page table tr td {text-align:center;}
#page table tr td span {color:#006600; font-weight:bold;}


#page .fichetech { position:absolute; bottom:3px; right:170px; width:150px; text-align:center; }
#page .fichetech a ,
#page a.btn {
   text-decoration:none; font-weight:700; font-size:10pt;
   display:block; width:100%; line-height:16pt;
   background-color:#333; color:#fff; border:1px solid #000;
}
#page .fichetech a:hover,
#page a.btn:hover { background-color:#000; color:#98be2a; border:1px solid #333; }

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }
#z_ombre { background-color:#000; position:absolute; top:0; left:0; width:100%; z-index:998; filter:progid:DXImageTransform.Microsoft.Alpha(opacity:70); opacity:0.7;}
#z_image { border:1em solid #95C21D; }
 
#scroll {height:310px; width:450px; padding-right:10px; overflow:auto;}

 /* ----------------------- */
 
#directweb {
   font-size:8pt; color:#666; text-align:center;
   position:absolute; z-index:0; right:1em; bottom:1em;
   width:9em;
}
#directweb a { font-size:8pt; color:#777; text-decoration:none; }


 .cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
 .print { display:none; }
 .noprint { }