html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #000000; /*couleur de fond noire*/
}

.conteneur { /*le conteneur global du site, qui sera centré */
	width: 100%;
	height: 100%;
	position: absolute;
	left: 4px;
}
.header {
height: 11%;
background-color: #990000;
color: #FFFFFF;
font-size: 36px;
}
.hierarchie {
height: 2%;
background-color: #990000;
font-size: 10px;
}
.menu {
	position: absolute;
	left: 5px;
	width: 20%;
	height: 80%;
	color: #990000;
	overflow: auto;
	top: 120px;
}
.frame {
margin-left: 22%;
padding-right:5%;
height: 80%;
background-color: #000000;
color: #CCCCCC;
overflow: auto;
}
.footer {
height: 7%;
text-align: center;
background-color: #990000;
}

p {margin: 0 0 10px 0;}

.hierarchie a {
margin:0 2px;
color: #CCCCCC;
text-decoration: underline;
}
.hierarchie a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding: 0;
color: #CCCCCC;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #CCCCCC;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.frame a {
color: #FFFFCC;
text-decoration: underline;
}
.frame a:hover {
text-decoration: none;
}
.footer a {
margin: 0 2px;
color: #CCCCCC;
text-decoration: underline;
}
.footer a:hover {
text-decoration: none;
}