body
{
color:#000000;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 90%;
background-color: #eeede6;
margin:0;padding:0;
text-align:center;
}
div{text-align:left;}
form
{
display:inline; 
}

select{font-size:95%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;}

td{font-size: 80%;}
.floatcontentcenteradvanced {
background-color: #e4e2d4;
/*margin: 2px;*/
margin: 0 4 0 0;
float: left;
width: 216px;
text-align: left;
font-size: 90%;
}
.floatcontentcenter {
background-color: #e4e2d4;
/*margin: 2px;*/
margin: 0 4 0 0;
float: left;
width: 216px;
text-align: center;
font-size: 90%;
}
.floatcontent {
background-color: #e4e2d4;
/*margin: 2px;*/
margin: 0 4 0 0;
float: left;
width: 230px;
text-align: left;
font-size: 90%;
}
.conteneur {
width: 100%;
}
hr {
clear: both;
visibility: hidden;
}

.sliding
{
border:0px;
background-color:#e4e2d4;
font-size: 100%;width:25px;
}

a.l0:link{font-size: 100%;text-decoration:none;color:#605403;} 
a.l0:visited{font-size: 100%;text-decoration:none;color:#605403;} 
a.l0:active{font-size: 100%;text-decoration:none;color:#605403;} 
a.l0:hover{font-size: 100%;text-decoration:none;color:#FF0000;}

.thebuttonmenu
{
float:left;
margin:0 11 0 0;
}
.textinfo{
/*border:0px solid #605403;*/
background: #e4e2d4;
padding:5 5 5 5;
color: #000000;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

.theinputoptions
{
font-size: 100%;width:50px;
}
.txtasterix0{ 
font-size: 75%;
color:#89866E;

}
.txtasterix1{ 
font-size: 75%;
}
.txtasterix2{ 
font-size: 70%;
color:#89866E;
}
/*styles buttons*/
.boffbold
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-weight: bold;

}

.bonbold
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-weight: bold;
}

.boffunderline
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:underline;
}

.bonunderline
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:underline;
}


.boffoverline
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:overline;
}

.bonoverline
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:overline;
}


.boffitalic
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-style:italic;
}

.bonitalic
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-style:italic;
}



.boffoblique
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-style:oblique;
}

.bonoblique
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-style:oblique;
}

.boffline
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:line-through;
}

.bonline
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-decoration:line-through;
}



.boffuppercase
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-transform:uppercase;
}

.bonuppercase
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
text-transform:uppercase;
}


.boffsmallcaps
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-variant:small-caps;
}

.bonsmallcaps
{
border:1px solid #000000;
background-color:#000000;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
font-variant:small-caps;
}


.bgenerate
{
border:1px solid #605403;
background-color:#605403;
color:#FFFFFF;
font-size: 90%;font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;width:82px;
}
/*end styles buttons*/

#area1 {
	position: relative;
	height: 10px;
	width: 200px;
	background: #aba36f;
	margin:2 0 2 0;
	/*for good height*/
	overflow:hidden;
}
 
#knob1 {
	position: absolute;
	height: 10px;
	width: 20px;
	background: #605403;
	cursor: pointer;
	/*for good height*/
	overflow:hidden;
}
#area2 {
	position: relative;
	height: 10px;
	width: 200px;
	background: #aba36f;
	margin:2 0 2 0;
	/*for good height*/
	overflow:hidden;
}
 
#knob2 {
	position: absolute;
	height: 10px;
	width: 20px;
	background: #605403;
	cursor: pointer;
	/*for good height*/
	overflow:hidden;
}
#area3 {
	position: relative;
	height: 10px;
	width: 200px;
	background: #aba36f;
	margin:2 0 2 0;
	/*for good height*/
	overflow:hidden;
}
 
#knob3 {
	position: absolute;
	height: 10px;
	width: 20px;
	background: #605403;
	cursor: pointer;
	/*for good height*/
	overflow:hidden;
} 
#area4 {
	position: relative;
	height: 10px;
	width: 200px;
	background: #aba36f;
	margin:2 0 2 0;
	/*for good height*/
	overflow:hidden;
}
 
#knob4 {
	position: absolute;
	height: 10px;
	width: 20px;
	background: #605403;
	cursor: pointer;
	/*for good height*/
	overflow:hidden;
}
#area5 {
	position: relative;
	height: 10px;
	width: 200px;
	background: #aba36f;
	margin:2 0 2 0;
	/*for good height*/
	overflow:hidden;
}
 
#knob5 {
	position: absolute;
	height: 10px;
	width: 20px;
	background: #605403;
	cursor: pointer;
	/*for good height*/
	overflow:hidden;
}