body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-image: url(images/fond.jpg);
	scrollbar-face-color:#c4e9ee;
	scrollbar-darkshadow-color:#768add;
	scrollbar-shadow-color:#5fb4eb;
	scrollbar-highlight-color:#e6f7f9;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#e0f8fc;
	scrollbar-arrow-color:darkblue;
}

a{
	color:#000066;
	text-decoration:underline
}
a:hover{
	color:#CC66FF;
	text-decoration:none;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color:#000066;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#000066;
}

li{

	list-style-image:url(images/puce.gif);
	list-style-position:inside;
	padding-bottom:5px;
	margin-right:5px;
	
}

hr{
	color: #CC66FF;
	background-color: #CC66FF;
	height: 1px;
	border: 0;
}
.note{
	font-size: 0.8em;
}
#header {
	height: 50px;
}
#haut {
	height: 15px;
	margin: 40px 170px auto 150px;
	font-weight:bold;
	color:#FFFFFF;
}

#haut a {
	text-decoration:none;
	color:#6A006A;
}

#haut a:hover {
	text-decoration:underline;
	color:#ffffff;
}
#conteneur {
	position: absolute;
	width: 790px;
	background-color:#D1F6FE;
	background-image: url(images/img_fond.jpg);
	height: 600px;
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -300px; /* moitié de la hauteur */
	margin-left: -395px; /* moitié de la largeur */
	border: 1px solid #003399;
}
#centre {
	display: block;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto; 
	margin-left: 170px;
	margin-right: 10px;
	margin-top: 100px;
	height: 345px;
	width: 600px;
}
#gauche {
	position: absolute;
	left:0;
	width: 150px;
}
#droite {
	position: absolute;
	right:0;
	width: 150px;
}
#pied {
	font-size: 0.8em;
	height: 20px;
	margin-top: 80px;
}
p {margin: 0 0 10px 0;}