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;
}
.header {
height: 11%;
background-color: #990000;
color: #FFFFFF;
font-size: 36px;
}
.hierarchie {
height: 2%;
background-color: #990000;
font-size: 10px;
}
.menu {
position: absolute;
left: 0;
width: 15%;
height: 80%;
color: #990000;
}
.frame {
	position: absolute;
	left: -82px;
	margin-left: 15%;
	width: 626px;
	height: 80%;
	padding-right: 1%;
	background-color: #000000;
	color: #CCCCCC;
	overflow: auto;
	top: 87px;
}
.frame a {
margin: 0 2px;
color: #FFFF99;
text-decoration: underline;
}
.frame a:hover {
text-decoration: none;
}
.newsbox {
margin-left: 81%;
width: 18%;
height: 80%;
border: solid thin;
border-color: #333333;
padding-left: 0.4%;
padding-right: 0.4%;
background-color: #000000;
color: #FFFFFC;
overflow: auto;
}
.footer {
height: 6.5%;
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;
}
.newsbox a {
color: #FFFF99;
text-decoration: underline;
}
.footer a {
margin: 0 2px;
color: #CCCCCC;
text-decoration: underline;
}
.footer a:hover {
text-decoration: none;
}