body {
font : normal 9px verdana,arial,sans-serif;
color : #CCCCCC;
/*background : #460406 url(../images/bg-droit-ap.jpg) left top repeat-x;*/
background-color : #460406;
margin: 0;
padding: 0;
}
/*#header {
height: 19px;

}
#pied {
clear:both;
height: 15px;

}
*/

#fondGau {
background : #460406 url(../images/bg-gauche-ap.jpg) left top repeat-x;
position: absolute;
left:0;
/*width: 288px;*/
width: 20%;
height:840px;

}

#conteneur {
position: absolute;
/*left:288px;*/
left:20%;
background : url(../images/bg-centre.jpg) -12px top repeat-y;
width: 800px;


}
#centre {
float:left;
background : url(../images/bg-milieu.jpg) left top no-repeat;
height:auto;
padding-left:50px;
}

#centre a {
/*color:#790509;*/
color:#CCCCCC;
text-decoration:underline;
}

#gauche {
float:left;
background : url(../images/bg-gauche.jpg) left top no-repeat;
width: 288px;
height:850px;

}


#milieu {
margin:5px 0 0 0;
width:552px;
}

.separation {
 clear:both;
 visibility:hidden;
}

#txtaccueil {
clear:both;
line-height:15px;
height:auto;

}

#txtaccueil a {
/*color:#790509;*/
color:#CCCCCC;
text-decoration:underline;
}

#langues {
position:absolute;
top:30px;
left:670px;
color:#CCCCCC;
}

#langues a {
color:#CCCCCC;
text-decoration:none;
}

#vignVins {
float:left;
margin-left:45px;
height:77px;
}

#vignVins a {
color:#CCCCCC;
text-decoration:underline;
}

ul#menu {
list-style-type: none;
margin:32px 0 0 80px;
padding:0;

} 

#menu li {
margin-bottom:18px;
padding-left:3px;

}



/*#menu a {
padding-left:25px;
padding-top:5px;
}*/
	 


a.menu1fr {
display: block;
width: 152px; 
height: 15px; 
/*background: url(../images/fr-accueil-off.gif) left top no-repeat ;*/
background: url(../images/fr-accueil-on.gif) left top no-repeat ;
}
     
a.menu1fr:hover {
background: url(../images/fr-accueil-off.gif) left top no-repeat ;
} 

a.menu2fr {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/fr-galerie-photos-on.gif) left top no-repeat ;
}
     
a.menu2fr:hover {
background: url(../images/fr-galerie-photos-off.gif) left top no-repeat ;
}

a.menu3fr {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/fr-nos-vins-on.gif) left top no-repeat ;
}
     
a.menu3fr:hover {
background: url(../images/fr-nos-vins-off.gif) left top no-repeat ;
}

a.menu4fr {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/fr-vente-en-ligne-on.gif) left top no-repeat ;
}
     
a.menu4fr:hover {
background: url(../images/fr-vente-en-ligne-off.gif) left top no-repeat ;
}

a.menu5fr {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/fr-contact-on.gif) left top no-repeat ;
}
     
a.menu5fr:hover {
background: url(../images/fr-contact-off.gif) left top no-repeat ;
}

a.menu6fr {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/fr-presse-on.gif) left top no-repeat ;
}
     
a.menu6fr:hover {
background: url(../images/fr-presse-off.gif) left top no-repeat ;
}

a.menu1en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-accueil-on.gif) left top no-repeat ;
}
     
a.menu1en:hover {
background: url(../images/en-accueil-off.gif) left top no-repeat ;
} 

a.menu2en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-galerie-photos-on.gif) left top no-repeat ;
}
     
a.menu2en:hover {
background: url(../images/en-galerie-photos-off.gif) left top no-repeat ;
}

a.menu3en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-nos-vins-on.gif) left top no-repeat ;
}
     
a.menu3en:hover {
background: url(../images/en-nos-vins-off.gif) left top no-repeat ;
}

a.menu4en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-vente-en-ligne-on.gif) left top no-repeat ;
}
     
a.menu4en:hover {
background: url(../images/en-vente-en-ligne-off.gif) left top no-repeat ;
}

a.menu5en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-contact-on.gif) left top no-repeat ;
}
     
a.menu5en:hover {
background: url(../images/en-contact-off.gif) left top no-repeat ;
}

a.menu6en {
display: block;
width: 152px; 
height: 15px; 
background: url(../images/en-presse-on.gif) left top no-repeat ;
}
     
a.menu6en:hover {
background: url(../images/en-presse-off.gif) left top no-repeat ;
}


#bandeauHaut {
height:120px;
}

#bandeauGauche {
margin:5px 0 0 0;
height:270px;
}

.separation {
 clear:both;
 visibility:hidden;
}

.txtrouge {
/*color:#790509;*/
color:#CCCCCC;
}

#medailles { 
clear:both;
padding:0;
margin:0;
}

#medailles .pic {
float:left;
margin:0 30px 0 0;
padding:25px 0 25px 0;
}

#medailles .legende {
float:left;
background: #460406 url(../images/flecher.gif) left 4px no-repeat ;
width:215px;
padding:0 0 0 40px;
margin:60px 0 0 0;
font-size:11px;
line-height:22px;
}

#presse { 
clear:both;
padding:0;
margin:0;
}

#presse a { 
text-decoration:none;
color : #CCCCCC;
}

#presse .pic {
float:left;
margin:0 30px 0 0;
padding:25px 0 25px 0;
}

#presse .legende {
float:left;
background: #460406 url(../images/flecher.gif) left 4px no-repeat ;
width:215px;
padding:0 0 0 40px;
margin:80px 0 0 0;
font-size:11px;
line-height:22px;
}

#total1 {
clear:both;
float:left;
width:280px;
text-align:right;
padding:5px 0;
}

#total1gb {
clear:both;
float:left;
width:230px;
text-align:right;
padding:5px 0;
}

#total2 {
float:left;
width:130px;
text-align:right;
padding:5px 0;
margin-left:15px;
}

#vente1 {
margin-left:70px;
}

#galerie {
margin-left:10px;
margin-top:10px;
/*width:425px;
height:425px;*/
}

img#pic  {
texte-align:center;
}

label { DISPLAY: inline ; FLOAT: left ; font : normal 9px verdana,arial,sans-serif; WIDTH: 120px ; text-align:left; margin-right:10px;  }
.select { font : normal 9px verdana,arial,sans-serif; color: #333333;margin-top:2px; }
.chb { font : normal 9px verdana,arial,sans-serif; color: #333333;margin-bottom:0px; }
.input { font : normal 9px verdana,arial,sans-serif; width:130px;margin-bottom:5px;color: #000; }
.input2 { font : normal 9px verdana,arial,sans-serif; margin-bottom:0px;color: #000; }

.col1  {
 padding-top:10px;
 float:left;
 width:220px;
}

.col2  {
 padding-top:10px;
 float:left;
 }
 
 .zoom{
/*position: relative;*/
z-index: 0;
}

.zoom:hover {
background-color: transparent;
z-index: 50;
}

.zoom span{ 
position: absolute;
background-color: white;
padding: 5px;
left: -1500px;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.zoom span img{ 
border-width: 0;
padding: 2px;
}

.zoom:hover span{ 
visibility: visible;
top: 30px;
left: 30px; 

}

.copyright {
color:#CCCCCC;
font-style:italic;
text-decoration:none;
font-size:8px;
}