#partie-gauche{
	width: 178px;
	background-color: #FFFFFF;
	height: 462px;
}

#partie-gauche-fond {
	position: absolute;
	left: 0px;
	top: 88px;
	width: 178px;
	height: 462px;
	background: #FFFFFF url(../img/vignoble-gauche-degrade.jpg) no-repeat 0 0;
}

#j {
	position: absolute;
	left: 0px;
	top: 106px;
	width: 54px;
	height: 148px;
	padding-top: 0px;
	background: #FFFFFF url(../img/j.jpg) no-repeat 0 0;
}

#partie-gauche a {
	position: absolute;
	width: 125px;
	height: 20px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	color: #B2A100;
	text-align: left;
}

#partie-gauche a:hover { 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FDC800;
}

#partie-gauche a.selected { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FDC800;
}

#partie-gauche a.selected:hover { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FDC800;
}


#vignoble-visuel {
	position: absolute;
	left: 0px;
	top: 265px;
	width: 178px;
	height: 285px;
	padding-top: 0px;
	background: #FFFFFF url(../img/vignoble-visuel-gauche.jpg) no-repeat 0 0;
}

#partie-droite{
	position: absolute;
	left: 491px;
	top: 88px;
	width: 369px;
	height: 462px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#partie-texte {
	width: 313px;
}

#partie-texte-fond {
	position: absolute;
	left: 178px;
	top: 88px;
	width: 313px;
	height: 462px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(../img/vignoble-cepages-texte-fond.jpg) no-repeat 0 0;
}

#titre {
	position: absolute;
	left: 189px;
	top: 200px;
	width: 245px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #15832C;
	font: normal 15px Verdana, Arial, Helvetica;
}

#titre span {
	color: #15832C;
	font: normal 17px Verdana, Arial, Helvetica;
}

#cepages {
	position: absolute;
	left: 178px;
	top: 160px;
	width: 313px;
	height: 43px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #15832C;
	font: normal 11px Verdana, Arial, Helvetica;
}

#cepages a {
	color: #15832C;
	font: normal 11px Verdana, Arial, Helvetica;
	text-decoration: none;
}

#cepages a.selected {
	color: #ABA000;
	font: normal 11px Verdana, Arial, Helvetica;
}

#cepages a:hover {
	color: #ABA000;
	font: normal 11px Verdana, Arial, Helvetica;
}

#divCont {
	position:absolute;
	left: 189px;
	top: 230px;
	width: 270px;
	height: 285px;
	z-index:2;
	clip: rect(0 270 285 0);
	overflow: hidden;
}
#textbox {
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	color: #6C6C6C;
	font: normal 10px Verdana, Arial, Helvetica;
	line-height: 16px;
	text-align: left;
}

#scroller {
	position: absolute;
	width: 25px;
	height: 285px;
	left: 460px;
	top: 230px;
	z-index: 10;
}

#knubbel {position:absolute; visibility: hidden; width:7px; height:16px; z-index:1;
	left: 460px;
	top: 205px;
}

#page-precedente {
	position: absolute;
	left: 209px;
	top: 525px;
	width: 115px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #8F8F8F;
	font: normal 10px Verdana, Arial, Helvetica;
}

#page-precedente a { 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8F8F8F;
}

#page-precedente a:hover { 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#page-suivante {
	position: absolute;
	left: 324px;
	top: 525px;
	width: 118px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #8F8F8F;
	font: normal 10px Verdana, Arial, Helvetica;
}

#page-suivante a { 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8F8F8F;
}

#page-suivante a:hover { 
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}