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

/*body {
   background-color:#155A5F; text-align:center; 
}*/

body {
   background:url("images/fond.jpg") repeat-x center #010046; text-align:center; 
}

#total {
   position:absolute; top:50%; left:50%; overflow:hidden;
   width:950px; height:620px; margin-left:-475px; margin-top:-325px;
}
#main {
/*   position:absolute; top:50%; left:50%;
   width:950px; height:600px; margin-left:-475px; margin-top:-300px;
*/
	position:relative; top:0; left:0;
   text-align:left; height:570px;
   background:#FFFFDD; overflow:hidden; border-top:1px solid #FFD;border-bottom:1px solid #FFD;
}

#entete {position:relative; top:0; left:0; 
background:url("images/entete2.jpg") no-repeat center top;
height:154px; border-left:1px solid #FFD; border-right:1px solid #FFD;
}

#menu {position:absolute; top:154px; left:0; background:#000;
height:30px; width:100%; 
text-align:right; border-bottom:1px solid #FFD; border-top:1px solid #FFD; }

#page {
   position:relative; top:0px; left:0; background:url("images/bg.page2.jpg") no-repeat bottom right transparent;
   border:1px solid #ffd; margin-top:30px;
}

#gauche {position:absolute; left:0; top:0px; width:166px; border-right:0px solid #0F0; height:390px;}
#droite {position:relative; top:0; left:0; margin-left:166px; border:0px solid #F00; width:770px; height:390px; overflow:auto; text-align:justify; padding-right:10px; font-family:"Times New Roman"; font-size:12pt; font-weight:bold; scrollbar-base-color:#FFFFDD;overflow-x:hidden;}
#droite a {color:#000000;}
#droite blockquote { margin-right:230px; padding-bottom:20px;}

#droite #diapo_div {position:absolute; top:10px; right:20px;}
#droite p.photos img {margin:0 10px; cursor:pointer;}

#droite #zoom {position:absolute; top:10px; right:10px;}

#z_conteneurHtml #z_image .z_marge h2{position:absolute; top:10px; left:20px; text-align:center; margin-top:0;}

#imgRecette a {color:#000; font-weight:bold;}

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

#entete #logo {display:block; width:628px; height:118px; 
background:url("images/domaine.gif") no-repeat;
position:absolute; top:15px; left:15px;
}

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

#droite h3, #droite h1 {
   margin:0; margin-top:15px; margin-bottom:15px; margin-left:15px;
   font-size:17pt; color:#000; font-family:"Times New Roman";
}
#droite h4 {font-size:13pt; text-decoration:underline;}
#page #gauche {background:url("images/bg.gauche.jpg") no-repeat;}
#page .center { text-align:center; }
#page .left { float:left; margin:0 1em 0.5em 0; }
#page .right { float:right; margin:0 0 0.5em 1em; }
#page .clear { clear:both; }


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

#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); } 

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

#menu ul {position:absolute; top:0; right:0;
   list-style-type:none; margin:0; padding:0;
}
#menu ul li {
   float:left; clear:right;
   position:relative; top:0; left:0;
   text-align:center; background-color:#00003E;
   margin:0px; padding:0; 
   width:103px; height:30px; line-height:30px;
   border-left:1px solid #000034;border-right:1px solid #000034;
}
#menu ul li a {
   text-decoration:none;  
   display:block; color:#ffd;
   width:100%; height:100%;
}
#menu ul li:hover {border-left:1px solid #FFD;border-right:1px solid #FFD;}
#menu ul li a:hover {color:#000; background-color:#FFD; }

#menu ul li ul {
   display:none; border:1px solid #FFD; border-top:none;
   position:absolute; top:28px; left:-1px; width:106px;
}

#menu ul li ul li {
   float:left; clear:both; width:104px;
}

#menu ul li:hover ul { display:block;   
 }

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

 #z_ombre {
    position:absolute; top:0; left:0; z-index:998;
    width:100%; min-height:100%; background-color:#000032;
    opacity:0.8; filter: progid:DXImageTransform.Microsoft.Alpha( opacity=80 );
 }

 #z_conteneurHtml #z_image {
    position:relative; top:0; left:0; margin:0 auto;
    background-color:#ffd;
    border:0em solid #0B3652; z-index:1000; min-height:300px;
 }
 #z_conteneurHtml #z_image .z_marge { padding:1em; min-height:250px; 
    color:#000;
 }
 
  /* ----------------------- */
#flags {
	position:relative; top:0px; left:0; margin-top:10px;
	height:47px; text-align:right;
}
#flags #en { display:block; background:url("images/en.jpg"); width:45px; height:30px; float:right; margin-left:10px; }
#flags #fr { display:block;  background:url("images/fr.jpg"); width:45px; height:30px; float:right; }
#flags a strong { display:none; }
#directweb {
   font-size:8pt; color:#ddd; text-align:center;
   float:right;
   width:9em;
}
#directweb a { font-size:8pt; color:#ddd; text-decoration:none; }



 .cache { display:none; position:absolute; width:1px; height:1px; overflow:hidden; }
 .print { display:none; }
 .noprint { }
 
#imgRecette {
  position:absolute; top:200px; right:30px; text-align:center;
  width:200px; height:230px; xborder:1px solid #F00;
  background:url("images/null.gif") transparent no-repeat top right;
}

ul#cuvee{margin:0; padding:0; text-align:center;}
ul#cuvee li {margin:0; padding:0; list-style-type:none; width:100%;  font-size:18px; }
ul#cuvee li a {text-decoration:none; color:#666666;}
ul#cuvee li a:hover {text-decoration:none; color:#000;}

.left {float:left; margin:1em;}

#anim{ position:absolute; left:0; top:68px; border:0px solid #F00;	}

#anim2{ position:absolute; left:0; top:235px; border:0px solid #F00;	}

#flash_etiqs{ position:absolute; left:25px; top:20px; border:0px solid #F00; margin:0; padding:0;	}