html 
{
	/*background: #9B0726;*/
    background-image: url("./image/fond/fondsite.jpg");
}

body
{
   width: 900px;
   margin: auto; /* Pour centrer notre page */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}

#fond2
{
    position: absolute;
    top: 1px;
	z-index:1;
    width: 1250px;
	height: 1250px;
    margin: auto; /* Pour centrer notre page */
}
#fond
{
    position: absolute;
    top: 1px;
	z-index:2;
	background-image: url("./image/fond/fondsite.jpg");
	/*background-color: #9B0726;	*/
    width: 900px;
	height: 1250px;
	margin-bottom: 20px;  /* Idem pour le bas du navigateur */
}

/*css du menu deroulant */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
z-index: 100;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 128px;
}
#menu ul {
width: 128px; 
height: 184px;
z-index: 100;
}
*html #menu ul {
width: 128px; 
height: 184px;
z-index: 100;
background-color: #000;
filter:alpha(opacity=10);
opacity: 0.1;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000;
height: 80px;
width:125px;
border: 1px solid #000;
z-index: 100;
margin: 0px;
}
#menu dd {
display: none;
}
#menu li {
}
#menu dt a {
text-align: center;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0;
}

a.lienvin{
   position: absolute;
   top: 82px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonvin.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienvin"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonvin.png') repeat-y;
}
a.lienvin:hover{
   position: absolute;
   top: 82px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonvinhover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienvin"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonvinhover.png') repeat-y;
}

a.lienchampagne{
   position: absolute;
   top: 105px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonchampagne.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienchampagne"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonchampagne.png') repeat-y;
}
a.lienchampagne:hover{
   position: absolute;
   top: 105px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonchampagnehover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienchampagne"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonchampagnehover.png') repeat-y;
}

a.lienwhisky{
   position: absolute;
   top: 128px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonwhisky.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienwhisky"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonwhisky.png') repeat-y;
}
a.lienwhisky:hover{
   position: absolute;
   top: 128px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonwhiskyhover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienwhisky"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonwhiskyhover.png') repeat-y;
}

a.lienalcool{
   position: absolute;
   top: 151px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonalcool.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienalcool"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonalcool.png') repeat-y;
}
a.lienalcool:hover{
   position: absolute;
   top: 151px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonalcoolhover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienalcool"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonalcoolhover.png') repeat-y;
}

a.lienepicerie{
   position: absolute;
   top: 174px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonepicerie.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienepicerie"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonepicerie.png') repeat-y;
}
a.lienepicerie:hover{
   position: absolute;
   top: 174px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonepiceriehover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienepicerie"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonepiceriehover.png') repeat-y;
}

a.lienbiere{
   position: absolute;
   top: 197px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonbiere.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienbiere"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonbiere.png') repeat-y;
}
a.lienbiere:hover{
   position: absolute;
   top: 197px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonbierehover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienbiere"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonbierehover.png') repeat-y;
}

a.lienfontaine{
   position: absolute;
   top: 220px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonfontaine.png', sizingMethod='scale');
   z-index:104;
}
a[class="lienfontaine"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonfontaine.png') repeat-y;
}
a.lienfontaine:hover{
   position: absolute;
   top: 220px;
   left:256px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonfontainehover.png', sizingMethod='scale');
   z-index:104;
}
 a[class="lienfontaine"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonfontainehover.png') repeat-y;
}

a.liencoffret{
   position: absolute;
   top: 82px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutoncoffret.png', sizingMethod='scale');
   z-index:102;
}
a[class="liencoffret"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutoncoffret.png') repeat-y;
}
a.liencoffret:hover{
   position: absolute;
   top: 82px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutoncoffrethover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="liencoffret"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutoncoffrethover.png') repeat-y;
}

a.liencristal{
   position: absolute;
   top: 105px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutoncristal.png', sizingMethod='scale');
   z-index:102;
}
a[class="liencristal"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutoncristal.png') repeat-y;
}
a.liencristal:hover{
   position: absolute;
   top: 105px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutoncristalhover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="liencristal"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutoncristalhover.png') repeat-y;
}

a.lienaccessoire{
   position: absolute;
   top: 128px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonaccess.png', sizingMethod='scale');
   z-index:102;
}
a[class="lienaccessoire"] {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonaccess.png') repeat-y;
}
a.lienaccessoire:hover{
   position: absolute;
   top: 128px;
   left:385px;
   width: 126px;
   height: 23px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/autre/menuprincipal/boutonaccesshover.png', sizingMethod='scale');
   z-index:102;
}
 a[class="lienaccessoire"]:hover {
	filter: none;
	background: url('./image/autre/menuprincipal/boutonaccesshover.png') repeat-y;
}

A.lienaccueil {
     width: 125px;
     height: 80px;
	background-image: url("./image/autre/boutonaccueil.jpg");
	 background-repeat: no-repeat;
	 z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienaccueil:hover {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonaccueilhover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienallee {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonallee.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienallee:hover {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonalleehover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienproduit{
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonproduit.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienproduit:hover {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonproduithover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.liencadeaux{
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutoncadeaux.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.liencadeaux:hover {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutoncadeauxhover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienservice{
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonservices.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienservice:hover {
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonserviceshover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienactu{
    width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonactu2.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.lienactu:hover {
     width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutonactu2hover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.liencontact{
     width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutoncontact2.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
A.liencontact:hover {
     width: 125px;
    height: 80px;
	background-image: url("./image/autre/boutoncontact2hover.jpg");
	background-repeat: no-repeat;
	z-index: 102;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#header
{
    position: absolute;
    top: 1px;
	left:0px;
	z-index:3;
    width: 900px;
	height: 140px;
    background-image: url("./image/fond/bannierefond.jpg");
	background-repeat: no-repeat;
}

#menuhaut
{
    position: absolute;
    top: 151px;
	left:2px;
	z-index:100;
    width: 904px;
	height: 80px;
}

#centre
{
    position: absolute;
    top: 243px;
	left:0px;
	z-index:3;
    width: 900px;
	height:950px;
	background-image: url("./image/fond/fondcentrevin.jpg");
	background-repeat: no-repeat;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom: 1px solid #000;
	border-left: 2px solid #000;
}
A.boutonalsace{
    position: absolute;
    top: 150px;
	left:32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonalsace:hover {
    position: absolute;
    top: 150px;
	left:32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonbeaujolais{
    position: absolute;
    top: 150px;
	left:322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonbeaujolais:hover {
    position: absolute;
    top: 150px;
	left:322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}

A.boutonbordeaux{
    position: absolute;
    top: 150px;
	left:607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonbordeaux:hover {
    position: absolute;
    top: 150px;
	left:607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonbourgogne{
    position: absolute;
    top: 350px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonbourgogne:hover {
    position: absolute;
    top: 350px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutoncotedurhone{
    position: absolute;
    top: 350px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutoncotedurhone:hover {
    position: absolute;
    top: 350px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonjurasavoie{
    position: absolute;
    top: 350px;
	left: 607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonjurasavoie:hover {
    position: absolute;
    top: 350px;
	left: 607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonlanguedoc{
    position: absolute;
    top: 545px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonlanguedoc:hover {
    position: absolute;
    top: 545px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonprovencecorse{
    position: absolute;
    top: 545px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonprovencecorse:hover {
    position: absolute;
    top: 545px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonsudouest{
    position: absolute;
    top: 545px;
	left: 607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonsudouest:hover {
    position: absolute;
    top: 545px;
	left: 607px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonroussillon{
    position: absolute;
    top: 740px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonroussillon:hover {
    position: absolute;
    top: 740px;
	left: 32px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonvaldeloire{
    position: absolute;
    top: 740px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
A.boutonvaldeloire:hover {
    position: absolute;
    top: 740px;
	left: 322px;
	width: 254px;
    height: 180px;
	z-index: 4;
}
#sousmenucentre
{
    position: absolute;
    top: 0px;
	left:0px;
	z-index:3;
    width: 900px;
	height:130px;
}
A.grandcru{
    position: absolute;
    top: 0px;
	left:151px;
	width: 139px;
    height: 100px;
	z-index: 4;
}
A.grandcru:hover {
	position: absolute;
    top: 0px;
	left:151px;    
	width: 139px;
    height: 100px;
	background-image: url("./image/autre/sousmenuvin/boutongrandcruhover.jpg");
	background-repeat: no-repeat;
	z-index: 4;
}
A.nosregions{
    position: absolute;
    top: 14px;
	left: 304px;
	width: 137px;
    height: 111px;
	z-index: 4;
}
A.nosregions:hover {
	position: absolute;
    top: 14px;
	left:304px;    
	width: 137px;
    height: 111px;
	background-image: url("./image/autre/sousmenuvin/boutonnosregionshover.jpg");
	background-repeat: no-repeat;
	z-index: 4;
}
A.magnums{
    position: absolute;
    top: 0px;
	left: 439px;
	width: 152px;
    height: 107px;
	z-index: 4;
}
A.magnums:hover {
	position: absolute;
    top: 0px;
	left:439px;    
	width: 152px;
    height: 107px;
	background-image: url("./image/autre/sousmenuvin/boutonmagnumshover.jpg");
	background-repeat: no-repeat;
	z-index: 4;
}
A.vindumonde{
    position: absolute;
    top: 0px;
	left: 601px;
	width: 139px;
    height: 102px;
	z-index: 4;
}
A.vindumonde:hover {
	position: absolute;
    top: 0px;
	left:601px;    
	width: 139px;
    height: 102px;
	background-image: url("./image/autre/sousmenuvin/boutonvinsdumondehover.jpg");
	background-repeat: no-repeat;
	z-index: 4;
}

#footer
{
    position: absolute;
    top: 1200px;
	left:0px;
	z-index:2;
    width: 900px;
	height: 50px;
	text-align:center;
	color:#fff;
	font-weight: normal;
    font-size:11px;	
    font-family: Verdana, Arial, serif;
    text-decoration: none;
}
#footer a
{

	color:#fff;
	font-weight: bold;
    font-size:11px;	
    font-family: Verdana, Arial, serif;
    text-decoration: none;

}