/* DETERMINATION DES IMAGES DU MENU DU BAS */
a.domaine1 {background:url(images/Domaine_BT1-G.jpg);}
a.domaine1:hover {background:url(images/Domaine_BT1.jpg);}
a.domaine2 {background:url(images/Domaine_BT2-G.jpg);}
a.domaine2:hover {background:url(images/Domaine_BT2.jpg);}
a.domaine3 {background:url(images/Domaine_BT3-G.jpg);}
a.domaine3:hover {background:url(images/Domaine_BT3.jpg);}

a.vigne1 {background-image:url(images/Vignes_BT1-G.jpg);}
a.vigne1:hover {background-image:url(images/Vignes_BT1.jpg);}
a.vigne2 {background-image:url(images/Vignes_BT2-G.jpg);}
a.vigne2:hover {background-image:url(images/Vignes_BT2.jpg);}
a.vigne3 {background-image:url(images/Vignes_BT3-G.jpg);}
a.vigne3:hover {background-image:url(images/Vignes_BT3.jpg);}

a.vendange1 {background-image:url(images/Vendange_BT1-G.jpg);}
a.vendange1:hover {background-image:url(images/Vendange_BT1.jpg);}
a.vendange2 {background-image:url(images/Vendange_BT2-G.jpg);}
a.vendange2:hover {background-image:url(images/Vendange_BT2.jpg);}
a.vendange3 {background-image:url(images/Vendange_BT3-G.jpg);}
a.vendange3:hover {background-image:url(images/Vendange_BT3.jpg);}

a.vinification1 {background:url(images/Vinification_BT1-G.jpg);}
a.vinification1:hover {background:url(images/Vinification_BT1.jpg);}
a.vinification2 {background:url(images/Vinification_BT2-G.jpg);}
a.vinification2:hover {background:url(images/Vinification_BT2.jpg);}
a.vinification3 {background:url(images/Vinification_BT3-G.jpg);}
a.vinification3:hover {background:url(images/Vinification_BT3.jpg);}

a.bouteille1 {background:url(images/bouteille_BT1-G.jpg);}
a.bouteille1:hover {background:url(images/bouteille_BT1.jpg);}
a.bouteille2 {background:url(images/bouteille_BT2-G.jpg);}
a.bouteille2:hover {background:url(images/bouteille_BT2.jpg);}
a.bouteille3 {background:url(images/bouteille_BT3-G.jpg);}
a.bouteille3:hover {background:url(images/bouteille_BT3.jpg);}

a.vin1 {background:url(images/Vin_BT1-G.jpg);}
a.vin1:hover {background:url(images/Vin_BT3.jpg);}
a.vin2 {background:url(images/Vin_BT2-G.jpg);}
a.vin2:hover {background:url(images/Vin_BT2.jpg);}
a.vin3 {background:url(images/Vin_BT3-G.jpg);}
a.vin3:hover {background:url(images/Vin_BT1.jpg);}

a.animation1 {background:url(images/animation_BT1-G.jpg);}
a.animation1:hover {background:url(images/animation_BT1.jpg);}
a.animation2 {background:url(images/animation_BT2-G.jpg);}
a.animation2:hover {background:url(images/animation_BT2.jpg);}
a.animation3 {background:url(images/animation_BT3-G.jpg);}
a.animation3:hover {background:url(images/animation_BT3.jpg);}

a.accessoire1 {background:url(images/accessoire_BT1-G.jpg);}
a.accessoire1:hover {background:url(images/accessoire_BT1.jpg);}
a.accessoire2 {background:url(images/accessoire_BT2-G.jpg);}
a.accessoire2:hover {background:url(images/accessoire_BT2.jpg);}
a.accessoire3 {background:url(images/accessoire_BT3-G.jpg);}
a.accessoire3:hover {background:url(images/accessoire_BT3.jpg);}

/* -------------------------------------------------- */
/* ----------- Caracteristiques des blocs ou sont inserees les images ----------- */
a.zone, a.zone:visited {
display:block;  /* rend le bloc visible*/
width:30px; /* largeur des boutons du bas */
height:30px; /* hauteur des boutons du bas */
margin:0px; /* marge de chaque coté des boutons */
float:left; 
}

a.zone span {
display:block; 
position:absolute; 
left:160px; 
top:-1px; 
width:1px; 
height:1px; 
overflow:hidden; 
z-index:100; 
font-size:11px;
}
a.zone:hover {
white-space:normal; 
border:0px solid #fff;
}

a.zone:hover img {
border:0px solid #fff;
z-index:100;
}

a.zone:hover span { /* apparence de la photo : contour , fond, marge, ... */
display:block; 
position:absolute; 
width:381px; 
height:284px; 
top:135px; 
left:259px; /*avant modifs 209*/
z-index:100;
padding:0px; 
}
* html  a.zone:hover span { left:259px; top:135px; }/* Position horizontale et verticale hover pour IE6*/


/* actif si on veut cliquer et fixer l'image sur la page

a.zone:active img , a.zone:focus img {
border:0px solid #000; 
z-index:150;
}

a.zone:active { border:0px solid #000; }

 a.zone:active span ,  a.zone:focus span {
display:block; 
position:absolute; 
width:381px; 
height:284px; 
top:135px; 
left:209px; 
padding:0px; 
font-style:italic; 
color:#000; 
background:#fff; 
z-index:50;
}

* html  a.zone:active span { left:209px; top:135px; }/* Position horizontale et verticale active pour IE6*/