html, body {
   margin:0; padding:0; width:100%; height:100%;
   font-family:"Times New Roman"; font-size:100%;
}

body {
   background-color:#66CC99; text-align:center;
}

#main {
   position:absolute; top:50%; left:50%;
   width:950px; height:600px; margin-left:-475px; margin-top:-300px;
   text-align:left;  background-color:#fff;

}



#entete {
   position:relative; top:0; left:0; border-bottom:1px solid #122E0A; height:70px;
   background:#122E0A url("images/bg.entete.jpg") no-repeat right;
}

#menu {
   position:absolute; top:71px; left:0; font-size:20px;
   background:url("images/bg.menu.jpg") no-repeat; border:0px solid #F00; height:529px; width:200px;
	 font-family: Arial; font-size:25px; font-weight:bold;
}

#page {
   position:relative; top:0; left:0; margin-left:210px;
   border:0px solid #F00; height:500px; padding:10px; overflow:hidden; text-align:justify;
   font-size:17px;
}

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

#logo { display:block; height:66px; width:66px; border:0px solid #F00; position:absolute; top:0; right:20px;}



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

#vigne {
   position:absolute; bottom:0; left:0px;
   margin:0 auto;
   width:720px; height:450px; overflow:hidden;
   background: url("../../images/vignerons.jpg") repeat left bottom;
}

#vigne a {
   position:absolute; width:100px; height:100px;
   text-decoration:none; text-align:center; cursor:pointer; 
   background-image:none; background-repeat:no-repeat; border:1px dashed transparent;
}

#vigne a#pop1:hover, #vigne a#pop3:hover, #vigne a#pop5:hover {
   background-image:url("../../images/vignerons.impair.jpg"); background-repeat:no-repeat; 
}
#vigne a#pop2:hover, #vigne a#pop4:hover {
   background-image:url("../../images/vignerons.pair.jpg"); background-repeat:no-repeat; 
}
#vigne a i { display:none; }

#vigne #pop1 { left:30px;  top:110px; background-position:-31px -141px; width:180px; height:135px;}
#vigne #pop2 { left:175px; top:100px; background-position:-176px -131px; width:100px; height:140px;}
#vigne #pop3 { left:230px; top:70px;  background-position:-231px  -101px; width:185px; height:145px;}
#vigne #pop4 { left:380px; top:70px;  background-position:-381px  -101px; width:160px; height:170px;}
#vigne #pop5 { left:495px; top:80px;  background-position:-496px  -111px; width:165px; height:155px;}

#domaine { position:absolute; z-index:50; top:70px; left:20px; font-size:36px; color:#B83C23; }

 #z_ombre {
    position:absolute; top:0; left:0; z-index:998;
    width:100%; min-height:100%; background-color:#0E4C0F;
    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:#fff;
    border:1em solid #B83C23; z-index:1000; min-height:300px;
 }
 #z_conteneurHtml #z_image .z_marge { padding:1em; min-height:250px;
    color:#0b0660;
 }
/* ----------------------- */

#menu ul {
   list-style-type:none; margin:0; padding:0;
}
#menu ul li {
	float:left;
   position:relative; top:0; left:0; border:0px solid #000;
   margin:0; padding:0; width:50px; 
  }
#menu ul li a {
	position:relative;top:0; left:0;
	text-decoration:none; text-align:center;
	display:block; color:#000;
	width:50px; height:529px; opacity:0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#menu ul li a:hover { opacity:1;  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

#menu ul li .texte { width:1em; height:415px; text-align:center; display:block;
      position:absolute; top:80px; left:12px; cursor:pointer;
 }
 
#menu1 { background-color:#006600; }
#menu2 { background-color:#AA2200; }
#menu3 { background-color:#FFDD00; }
#menu4 { background-color:#00CC00; }

.vertf { color:#0E4C0F; }
.marron { color:#B83C23; }
.orange { color:#E49F30; }
.vertc { color:#70961D; }

 /* ----------------------- */
 
 
#page h1 {
	display:block; width:100%; height:40px; margin-top:0; font-family:"Arial";
  background:url("images/souligne_h1.jpg") center bottom repeat-x;
}

#page h2 {border-bottom:1px solid #122E0A; font-family:"Arial"; font-size:20px; }
#page h4 {margin-bottom:5px; text-align:left; font-family:"Arial"; font-size:18px;}
#page .center { text-align:center; margin-left:auto; margin-right:auto; }
#page .left { float:left; margin-right:2em; }
#page .right { float:right; margin-left:2em; }
#page img.border { border:3px solid #396; }
p { text-align:justify; }
#page #textepres { position:absolute; top:80px; right:40px; }
#page a.home {
  position:absolute; top:0; right:0;
  width:70px; font-size:9pt; text-decoration:none; color:#000;
}

.z_marge h3 {
	display:block; width:100%; padding-bottom:10px; letter-spacing:2px; margin-top:0;
  background:url("images/souligne_h1.jpg") center bottom repeat-x;
}


#diapo { filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); }
 
 /* ----------------------- */
 
#directweb {
   font-size:8pt; color:#bbb; text-align:center;
   position:absolute; z-index:99; left:1px; bottom:5px;
   width:9em;
}
#directweb a { font-size:8pt; color:#bbb; text-decoration:none; }


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