* {
	margin: 0;
	padding: 0
}

body {
	background: #F1EEE3 url(../images/fond.jpg) repeat;
	font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	color:#3F3F3F;
	text-align: center
	}


a img { 
	border: 0px; 
}


hr {
clear: both;
visibility: hidden;
}	

	
.clear {
	clear:both;
	}

	
#wrapper{
	border:0;
	position: relative; 
    margin: 0 auto 0 auto;
    width: 863px;
    text-align: left;
}


#logo {
	position:absolute;
	top:0px;
	left:0px;
	width: 195px;
	height: 70px;
	z-index:400;
}	

	
#wrapper-menu-haut {
	position:absolute;
	top:0px;
	left:562px;
	width: 293px;
	height: 70px;
	z-index:150;
}	


#wrapper-menu-bas {
	position:absolute;
	top:494px;
	left:0px;
	width: 863px;
	height: 117px;
	z-index:150;
}		

	
#center {
	position:absolute;
	top:70px;
	left:0px;
	width: 863px;
	height: 424px;
	z-index:200;
}


#centertext {
	position:absolute;
	background:transparent url(../images/fond-center.jpg) top left no-repeat;
	top:70px;
	left:0px;
	width: 863px;
	height: 424px;
	z-index:200;
}
	

#centerwines {
	position:absolute;
	background:transparent url(../images/fond-center4.jpg) top left no-repeat;
	top:70px;
	left:0px;
	width: 863px;
	height: 424px;
	z-index:200;
}

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

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


	
/*----------------------------------INDEX STYLING-------------------------------------*/

#wrapperindex{
	border:0;
	position: relative; 
    margin: 0 auto 0 auto;
    width: 392px;
    height:430px;
    text-align: left;
}


#logoindex{
	width: 392px;
	height: 198px;
	background:url(../images/index/logo.gif) top left no-repeat;
	z-index:150;
}	


#wrapper-language{
    width: 392px;
    height: 36px;
    text-align: left;
}

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

	
div#languagenav ul#menu{
	height:36px;
	width:392px;
	background:transparent url(../images/index/languagenav.jpg) top left no-repeat;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	}


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

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


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

	
#anglais{
left:0;
width:196px;
}

#francais{
left:196px;
width:392px;
}



/* start of buttons */
/* The 'on' states follow */
#anglais a:hover{
background:transparent url(../images/index/languagenav.jpg) 0 -36px no-repeat;
}
#francais a:hover{
background:transparent url(../images/index/languagenav.jpg) -196px -36px no-repeat;
}


#chateau{
	width: 392px;
	height: 157px;
	background:url(../images/index/chateau2.jpg) top left no-repeat;
	z-index:150;
}



/*----------------------------------MENU STYLING-------------------------------------*/


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

	
div#primarynav ul#menu{
	height:70px;
	width:293px;
	background:transparent url(../images/primarynav.jpg) 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:70px;
	display:block;
	}


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

	
#media{
left:0;
width:103px;
}

#news{
left:103px;
width:119px;
}

#contact{
left:222px;
width:79px;
}


/* start of buttons */
/* The 'on' states follow */
#media a:hover{
background:transparent url(../images/primarynav.jpg) 0 -70px no-repeat;
}
#news a:hover{
background:transparent url(../images/primarynav.jpg) -103px -70px no-repeat;
}
#contact a:hover{
background:transparent url(../images/primarynav.jpg) -222px -70px no-repeat;
}


body#mediaon #media{
background:transparent url(../images/primarynav.jpg) 0 -70px no-repeat;
}
body#newson #news{
background:transparent url(../images/primarynav.jpg) -103px -70px no-repeat;
}
body#contacton #contact{
background:transparent url(../images/primarynav.jpg) -222px -70px no-repeat;
}



/*----------------------------------MENU BAS STYLING-------------------------------------------*/



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

	
div#secondarynav ul#menupic{
	height:117px;
	width: 863px;
	background:transparent url(../images/secondarynav.jpg) top left no-repeat;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	}


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

	
ul#menupic li,ul#menupic a{
	height:117px;
	display:block;
	}


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

	
#wines{
left:0;
width:213px;
}

#history{
left:213px;
width:219px;
}

#vineyards{
left:432px;
width:219px;
}

#winemaking{
left:651px;
width:212px;
}


/* start of buttons */
/* The 'on' states follow */
#wines a:hover{
background:transparent url(../images/secondarynav.jpg) 0 -117px no-repeat;
}
#history a:hover{
background:transparent url(../images/secondarynav.jpg) -213px -117px no-repeat;
}
#vineyards a:hover{
background:transparent url(../images/secondarynav.jpg) -432px -117px no-repeat;
}
#winemaking a:hover{
background:transparent url(../images/secondarynav.jpg) -651px -117px no-repeat;
}


body#wineson #wines{
background:transparent url(../images/secondarynav.jpg) 0 -117px no-repeat;
}
body#historyon #history{
background:transparent url(../images/secondarynav.jpg) -213px -117px no-repeat;
}
body#vineyardson #vineyards{
background:transparent url(../images/secondarynav.jpg) -432px -117px no-repeat;
}
body#winemakingon #winemaking{
background:transparent url(../images/secondarynav.jpg) -651px -117px no-repeat;
}



/*----------------------------------WINE STYLING-------------------------------------------*/



	
#contwine{
	width: 859px;
	height: 380px;
	position: absolute;
	top: 44px;
	left: 2px;
	}

.bout{
	width: 203px;
	height: 380px;
	float:left;
	}
	
.bottles{
	width: 203px;
	height: 95px;
	}

.sep{
	width: 125px;
	height: 380px;
	float:left;
	background:transparent url(../images/wines/sep.jpg) no-repeat;
	}


#blocmenu{
	width: 146px;
	height: 285px;
	position: absolute;
	background:url(../images/wines/ourwines.jpg) top left no-repeat;
	top: 84px;
	left: 32px;
	z-index:25;
	}
	
	
#winesnav{
	padding-top:93px;
	padding-left:10px;
	z-index:300;
	}


#winesnav li{
	margin: 3px 0 3px 0;
	padding:0;
	list-style:none;
	}
	

#winesnav li a{
	font: 13px Georgia, "Times New Roman ", Arial, Helvetica, sans-serif; 
	font-style: italic;
	text-decoration:none;
	text-align:left;
	line-height:17px;
	color:#797979;
	}


#winesnav li a:hover{
	text-decoration:none;
	color:#000000;
	}
	
.parawines{
	padding-bottom:10px;
	}

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

.parawines a:hover{
	text-decoration:none;
	color:#000000;
	}		

	
.titwines{
	padding-bottom:3px;
	font-size:0.9em;
	font-weight: bold;
	text-decoration:none;
	color:#3F3F3F;
	}	
	
#blocbottle{
	width: 158px;
	height: 388px;
	position: absolute;
	top: 15px;
	left: 219px;
	z-index:25;
	}
	
	
#bloctexte{
	width: 416px;
	height: 388px;
	position: absolute;
	top: 15px;
	left: 416px;
	z-index:25;
	}


/*----------------------------------- VINEYARDS / WINEMAKING / HISTORY STYLING----------------------------------*/


.vignetfirst {
	float: left;
	margin: 0 0 0 10px;
	} 
	
.vignetsecond {
	float:left;
	margin: 0 0 0 10px;
	}
	
.vignetbig {
	float:right;
	margin: 0px 10px 5px 10px;
	}

.paraleft {
	float: left;
	width: 360px;
}

.paraleftshort {
	float: left;
	width: 290px;
}

.pararight {
	float: left;
	padding: 0 0 10px 20px;
}

#slidingcenter {
    width: 863px;
    margin: 0 auto;
}


h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}


.historytitle{
	font-size: 1.1em;
	padding-bottom: 3px;
	}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}


.scroll {
    height: 390px;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px 15px 0px 10px;
    height: 390px;
    width: 775px;
    float: left; 
    position: relative;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
	font: 1.1em Georgia, "Times New Roman ", Arial, Helvetica, sans-serif; 
	font-style: italic;
	 padding: 40px 0 20px 0;

}

ul.navigation li {
    display: inline;
    margin-right: 6px;
}

ul.navigation a {
	margin-left: 6px;
    padding: 3px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    color: #A83E44;
}

ul.navigation a.selected {
    font-size: 1.5em;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 45px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}	
	

/*----------------------------------- MEDIA & PRESS STYLING----------------------------------*/

#medialeft{
	width: 430px;
	height: 388px;
	float:left;
	z-index:25;
	}

#mediaright{
	width: 432px;
	height: 388px;
	float:left;
	z-index:25;
	}


.mediatextleft {
	padding: 20px 10px 10px 20px;
}

.mediatextleft span {
		color: #797979;
}	

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

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

.mediatextright {
	padding: 20px 20px 10px 10px;
}

.mediatextright span {
		font-weight: 900;
}

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

.mediatextright a:hover {
	text-decoration:none;
	color:#000000;
}	

/*----------------------------------- CONTACT STYLING----------------------------------*/

#bloccontact{
	width: 365px;
	height: 388px;
	position: absolute;
	top: 15px;
	left: 20px;
	z-index:25;
	}
	
#blocmap{
	width: 458px;
	height: 339px;
	position: absolute;
	top: 15px;
	left: 385px;
	z-index:25;
	}