html, body {
	background-color: #FFFFFF;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
a {
	text-decoration: none ;
}

div#page{
	position:inherit;
	background-color: #FFFFFF;
	margin:0px;
	top:0px;
	left:0px;
	height:620px;
	width:100%;
	min-width:800px;
	background-color: #919910;
}

div#header{
	position:relative;
	margin:0px;
	height: 50px;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	background-image: url(../images/H2SO4.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#centre{
	position:relative;
	margin:0px;
	left: 0px;
	top: 0px;
	height:520px;
	right:0px;
}
div#footer{
	position:relative;
	width:100%
	margin:0px;
	height: 50px;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
}
.cfooter{
	float:right;
	margin: 5px;
}
.pfooter {
	float:right;
	margin: 5px;
	font-size: 0.6em;
	color: #919910;
}
.pfooter A, A:link, A:visited, A:active, A:hover{
	color: #919910;
}
div#gauche{
	position:absolute;
	top:0px;
	left:0px;
	height:520px;
	width:180px;
	background-color: #FFFFFF;
	background-image: url(../images/cgauche.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#gauche .gtitre1{
	position:relative;
	left:0px;
	width:150px;
	font-size: 1em;
	font-weight: bold;
	color: #919910;
	padding-top: 2px;
	padding-bottom: 5px;
}
div#gauche .gtitre2{
	position:relative;
	left:0px;
	width:120px;
	font-size: 0.7em;
	font-weight: bold;
	color: #919910;
	padding-top: 2px;
	padding-bottom: 5px;
}
div#info{
	position:absolute;
	top:295px;
	left:602px;
	height:185px;
	width:505px;
	background-image: url(../images/pard.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}
div#info .parg{
	position:absolute;
	top:0px;
	left:0px;
	height:180px;
	width:87px;
	background-image: url(../images/parg.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
div#info .infotitre{
	position:absolute;
	top:-5px;
	left:0px;
	right: 0px;
	padding-left: 90px;
}
div#info .infotexte{
	position:absolute;
	top:25px;
	left:0px;
	height:155px;
	right: 0px;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: left;
	padding-left: 40px;
}
div#info .infocom{
	position:absolute;
	top:165px;
	left:0px;
	right: 0px;
	color: #FFFFFF;
	font-size: 0.7em;
	padding-left: 90px;
}


#rond{
	position:absolute;
	top:100px;
	left:270px;
	background-image: url(../images/Rond_on.gif);
	background-repeat: no-repeat;
	height:218px;
	width:218px;
	text-align: center;
}
#rond0{
	position:absolute;
	top:318px;
	left:340px;
	background-image: url(../images/on-0.gif);
	background-repeat: no-repeat;
	height:107px;
	width:87px;
}
#rond0line{
	position:absolute;
	top:377px;
	left:426px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	height:10px;
	width:175px;
	background-position: left top;
}
#rond1{
	position:absolute;
	cursor: pointer ;
	top:168px;
	left:488px;
	background-image: url(../images/off-1.gif);
	background-repeat: no-repeat;
	height:87px;
	width:107px;
}
#rond2{
	position:absolute;
	cursor: pointer ;
	top:168px;
	left:595px;
	background-image: url(../images/off-2.gif);
	background-repeat: no-repeat;
	height:87px;
	width:107px;
}
#rond3{
	position:absolute;
	cursor: pointer ;
	top:62px;
	left:615px;
	background-image: url(../images/off-3.gif);
	background-repeat: no-repeat;
	height:107px;
	width:87px;
}
#rond4{
	position:absolute;
	cursor: pointer ;
	top:74px;
	left:701px;
	background-image: url(../images/off-4.gif);
	background-repeat: no-repeat;
	height:62px;
	width:82px;
}
#rond5{
	position:absolute;
	cursor: pointer ;
	top:74px;
	left:782px;
	background-image: url(../images/off-5.gif);
	background-repeat: no-repeat;
	height:62px;
	width:82px;
}
#rondtxt{
	text-align: center;
	vertical-align: middle;
	margin: auto;
	width:218px;
	height:218px;
	color: #FFFFFF;
	font-size: 1.1em;
}