* {
	margin: 0;
	padding: 0;
}
html,body {
	font-family: "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 1em;
	width: 100%;
	height: 100%;
	background-color: #ccc;
}
#img {
	position: absolute;
	z-index: 1;
	left: 18px;
	top: 18px;
}
img {
	border: 0px;
}
li {
	list-style-type:none;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #900;
}
#menu {
	position: absolute;
	z-index: 2;
	left: 5px;
	top: 160px;
	width: 160px;
	font-size: 1.1em;
	font-weight: bolder;
}
#menu ul {
	list-style-type: none;
}
#menu li {
	display:block;
	height:100px;
	width:160px;
	background:url(image/bouton.png) no-repeat;
	line-height:100px;
	text-align:center;
}
#sousmenu {
	display:block;
	height:50px;
	width:640px;
	text-align:center;
	line-height:50px;
	font-size: 1.1em;
	font-weight: bolder;
}
#conteneur {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;
}
#contenu {
	position: absolute;
	z-index: 3;
	text-align: center;
	left: 170px;
	width: 640px;
	top: 0px;
	height: 100%;
	overflow:auto;
	background-color: #fff;
}
h1 {
	text-align: center;
	font-size: 1.8em;	
}
h2 {
	font-size: 1.6em;	
}
h3 {
	color: #cc6;
	font-size: 2em;	
 	text-align: left;
	margin-left: 20px;
	margin-right: 20px;;
}
h4 {
	color: #900;
	font-size: 2em;	
 	text-align: left;
	margin-left: 20px;
	margin-right: 20px;;
}
p {
 	text-align: left;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;;
	margin-bottom: 20px;
}
table {
	width: 600px;
	border: 0px;
}
.notes {
	text-align: left;
}
td {
	vertical-align: top;
}
#tableau {
	width: 100%;
}
#tableau td {
 	background-color: #bbb;
	text-align: left;
	padding: 2px
}
#tableau th {
	color: #f33;
	background-color: #ddd;
	text-align: left;
	padding: 2px
}
#tableau span {
	color: #000;
}