html, body, #wrapper {
height:100%;
margin: 0;
padding: 0;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 3440px;
	background:url(images/vigne.png) no-repeat center;
	position:absolute;
	top:25%;
	height:10em;
	margin-top:-5em;
	background-image: url(images/vigne.jpg);
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333333;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333333;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333333;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333333;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
}
.scrollerhistory {
margin: 0 auto;
overflow: auto;
position: relative;
width: 300px;
height:400px;
position: relative;
border: 0px;
}
.scrollercomments {
margin: 0 auto;
overflow: auto;
position: relative;
width: 300px;
height:350px;
position: relative;
border: 0px;
}
.scrollerquotes {
vertical-align:bottom;
margin: 0 auto;
overflow: auto;
position: relative;
width: 300px;
height:370px;
position: relative;
border: 0px;
}