* {
margin:0;
padding:0;
}

a img { 
border:0px;
}


body {
background:transparent url(../images/bg-pattern.gif) top left repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#343434;
text-align:center;
font-size:100%;
}


ul, li { 
list-style-type: none;  
margin:0;
padding:0;
}

a.contour img { 
background-color:#fff;
border: 0px; 
filter: alpha(opacity=99);  
-moz-opacity: 0.99;
-khtml-opacity: 0.99;
opacity: 0.99;
}


a.contour:hover  img { 
background-color:#B3A995;
filter: alpha(opacity=70);  
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
border:0px; 
}


a.special { 
text-decoration:none;
color:#92BB4E;
 }


a.special:hover  { 
background-color:#D6E7B9;
text-decoration:none;
color:#797979;
 }


a { 
text-decoration:none;
color:#A2B259;
 }


a:hover  { 
text-decoration:underline;
color:#A2B259;
text-decoration:underline;
 }


.floatimage {
float:left;
margin :3px 9px 0px 0px;
border:0px;
}

#title{
padding-top:10px;
padding-left:40px;
}

#subtitle{
padding-bottom:13px;
padding-top:17px;
padding-left:40px;
}
	
hr {
clear:both;
visibility:hidden;
height:1px;
}

.spacer {
clear:both;
}


.indextexte {
padding: 0 0 0 0;
font-size: 12px;
color: #797979;
text-align:center;
}  


.indextexte2 {
padding: 0 0 0 0;
font-size: 11px;
color: #797979;
text-align:center;
}    
   
/*==============================================INDEX===================================================*/	

#indexcadresite {
position: relative; 
margin: 0 auto 0 auto;
width: 668px;
height: 524px;
text-align: left;
}
	
#top-index {
width: 668px;
height: 482px;
background: url(../images/chapelle.gif) top left no-repeat;
}

div#indexnav{
height: 42px;
width:668px;
margin:0 0 0 0px;
padding:0;
border:0;
background:transparent;
/* not required at this time :)
float:left; */
}

	
div#indexnav ul#naviga{
height:42px;
width:668px;
background:transparent url(../images/menuindex.gif) top left no-repeat;
margin:0;
border:0;
padding:0;
position:relative;
}


div#indexnav ul#naviga li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}

	
ul#naviga li,ul#naviga a{
height:42px;
display:block;
}


div#indexnav ul#naviga li a{
text-indent:-9999px;
text-decoration:none;
/* commented backslash hack v2 \*/
overflow: hidden;
/* end hack */
}

	
#francais{
left:0;
width:334px;
}

#anglais{
left:334px;
width:334px;
}


/* start of buttons */
/* The 'on' states follow */
#francais a:hover{
background:transparent url(../images/menuindex.gif) 0 -42px no-repeat;
}
#anglais a:hover{
background:transparent url(../images/menuindex.gif) -334px -42px no-repeat;
}

   
   
   
   
/*==============================================MISE EN PAGE GENERALE===================================================*/	

#backrose{
background: url(../images/backrose.) top left repeat-x;
position:absolute; 
top:117px;
left:0px;
width:100%;
height:81px;
z-index:2;
}


#wrapper{
background-color:#fff;
text-align:left;
position:relative; 
margin:0 auto 0 auto;
width:900px;
height:500px;
z-index:4;
}

html>body #wrapper {
height: auto;
min-height:500px;
} 


/*===============MENU + LOGO=============*/


#menulogo{
width:900px;
height:162px;
z-index:5;
}

#logo{
background: url(../images/logo.gif) top left;
width:294px;
height:162px;
float:left;
z-index:5;
}


#wrappermenu{
width:606px;
height:162px;
float:left;
z-index:5;
}

#menutop{
background: url(../images/whitemenu.gif) top left;
width:606px;
height:89px;
z-index:5;
}


div#primarynav{
width:606px;
margin:0;
padding:0;
border:0;
background:transparent;
/* not required at this time :)
float:left; */
}

	
div#primarynav ul#menu{
height:73px;
width:606px;
background:transparent url(../images/menu2.gif) top left no-repeat;
margin:0;
border:0;
padding:0;
position:relative;
}


div#primarynav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}

	
ul#menu li,ul#menu a{
height:73px;
display:block;
}


div#primarynav ul#menu li a{
text-indent:-9999px;
text-decoration:none;
/* commented backslash hack v2 \*/
overflow: hidden;
/* end hack */
}

	
#menu1{
left:0;
width:87px;
}

#menu2{
left:87px;
width:69px;
}

#menu3{
left:156px;
width:79px;
}

#menu4{
left:235px;
width:83px;
}

#menu5{
left:318px;
width:62px;
}

#menu6{
left:380px;
width:69px;
}

#menu7{
left:449px;
width:68px;
}

#menu8{
left:517px;
width:89px;
}

/* start of buttons */
/* The 'on' states follow */
#menu1 a:hover{
background:transparent url(../images/menu2.gif) 0 -73px no-repeat;
}
#menu2 a:hover{
background:transparent url(../images/menu2.gif) -87px -73px no-repeat;
}
#menu3 a:hover{
background:transparent url(../images/menu2.gif) -156px -73px no-repeat;
}
#menu4 a:hover{
background:transparent url(../images/menu2.gif) -235px -73px no-repeat;
}
#menu5 a:hover{
background:transparent url(../images/menu2.gif) -318px -73px no-repeat;
}
#menu6 a:hover{
background:transparent url(../images/menu2.gif) -380px -73px no-repeat;
}
#menu7 a:hover{
background:transparent url(../images/menu2.gif) -449px -73px no-repeat;
}
#menu8 a:hover{
background:transparent url(../images/menu2.gif) -517px -73px no-repeat;
}



body#menu1on #menu1{
background:transparent url(../images/menu2.gif) 0 -146px no-repeat;
}
body#menu2on #menu2{
background:transparent url(../images/menu2.gif) -87px -146px no-repeat;
}
body#menu3on #menu3{
background:transparent url(../images/menu2.gif) -156px -146px no-repeat;
}
body#menu4on #menu4{
background:transparent url(../images/menu2.gif) -235px -146px no-repeat;
}
body#menu5on #menu5{
background:transparent url(../images/menu2.gif) -318px -146px no-repeat;
}
body#menu6on #menu6{
background:transparent url(../images/menu2.gif) -380px -146px no-repeat;
}
body#menu7on #menu7{
background:transparent url(../images/menu2.gif) -449px -146px no-repeat;
}
body#menu8on #menu8{
background:transparent url(../images/menu2.gif) -517px -146px no-repeat;
}

/*===================BANNER========================*/		
	
	
#ban {
width: 900px;
height: 227px;
z-index:6;
}	
	

/*==================ABOUT US====================*/


#frame-centrale {
width: 900px;
}	

h1.biggy{
padding:40px 0 20px 0;
width:900px;
color:#000000;
}


p.leftcontent{ 
line-height: 1.4em;
padding:0 31px 10px 31px;
text-align: left;
font-size: 0.70em;
}


.conthistory{
margin-left: 30px;
padding-bottom: 20px;
width: 700px;
}	


/*==================TERROIRS====================*/

h3.terroirtitres {
padding:0 31px 10px 31px;
text-align: left;
}


/*==================OUR WINES====================*/

.contwrapper{
padding-bottom: 20px;
width: 900px;
text-align: left;
}	

h1.winebiggy{
padding:40px 0 5px 0;
width:900px;
color:#000000;
}

h2.winesnorth {
padding: 10px 0 30px 0;
height:37px;
width:900px;
clear:both;
}

.previousvintages{
float:right;
}
	
.contbottleleft, .contbottlefoot, .contbottleright{
float: left;
height: 125px;
width: 200px;
}

.contbottleleft{	
padding: 0 0 25px 41px;	
}

.contbottleright{	
padding: 0 0 25px 110px;	
}

.tradebottle {
float:left;
padding:0 10px 0 0;
height:100px;
width:27px;
}	
	
h3.tradedownload , h3.tradedownloadwhite{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing : -0.6px;
font-size: 11px;
padding: 0 0 2px 0;
}

	
p.tradedownload {
padding: 0 0 0 0;
font-size: 5px;
color: #797979;
}


h3.tradedownload {
color:#e15e5e;
}

h3.tradedownloadwhite {
color:#5cab2c;
}

h4.tradedownload {
padding: 0 0 0 0;
font-size: 9px;
text-transform: uppercase;
letter-spacing : 0px;
color:#797979;
}
	
	
span.downloaddetail {
padding: 0 0 0 0;
font-size: 8px;
color: #aaa;
}	
	
a.trade:link, a.trade:visited {
font-weight: bold;
font-size: 10px;
text-decoration: none;
color: #464545;
}
	
a.trade:hover, a.trade:active {
text-decoration: underline;
}

.separamedia {
background: url(../images/separateur2.gif) top left no-repeat;
width:900px;
height:23px;
clear:both;
}


/*==================MEDIA====================*/

.mediaone{
	width: 300px;
	float:left;
	z-index:25;
	}

.mediatwo{
	width: 300px;
	float:left;
	z-index:25;
	}

.mediathree{
	width: 300px;
	float:left;
	z-index:25;
	}

.mediafour{
	width: 900px;
	z-index:25;
	}
	
.mediatextleft {
	padding: 0 10px 10px 31px;
	font-size:0.7em;
}

h4.mediatextleft {
	padding: 20px 10px 3px 31px;
	font-size:0.7em;
}


.mediatextleft span {
		color: #797979;
}	

.mediatextleft a {
	text-decoration:none;
	color:#95473F;
}

.mediatextleft a:hover {
	text-decoration:underline;
	color:#000000;
}


.mediatextlefttech {
	padding: 0 10px 10px 31px;
	font-size:0.7em;
	color:#797979;
}

.mediatextlefttech a {
	text-decoration:none;
	color: #95473F;
}

.mediatextlefttech a:hover {
	text-decoration:underline;
	
}

.mediatextlefttech span {
	color: #797979;
}	

.spacebox {
	padding: 0 0 0 8px;
}



/*==================CONTACT====================*/

#contactban {
width: 900px;
height: 30px;
background: url(../images/contactban.gif) top left;
z-index:5;
}	

.paracarte{
font-size: 11px;
}

#contactcadre{
float: left;
padding: 0 0 31px 31px;
width: 546px;
height: 436px;
}		

#contactcadre2{
float: left;
width: 323px;
height: 436px;
}	

.texterightcontact {
color: #797979;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
line-height: 15px;
padding: 20px 10px 10px 30px;

}

.titrecontact{
padding : 0 0 0 30px;
}

p span.displaynone { display:none; }	


/*==============================================FOOTER===================================================*/


p.footer{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
height:20px;
padding-top:20px;
padding-bottom:15px;
text-align: center;
line-height: 20px;
color: #797979;

}