body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
}

a:link {
	color: white;
	text-decoration: underline;
}

a:visited {
	color: gray;
	text-decoration: underline;
}

a:active {
}

a:hover {
}

div#contenu_principal {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
	color: orange;
}

div#contenu_principal div#tete {
	width: 100%;
	height: 70px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00bb00;
	color: white;
	text-align: center;
}

div#contenu_principal div#tete h1 {
	margin: 0;
	position: absolute;
	left: 22%;
	top: 22%;
	color: lightgreen;
}

div#contenu_principal div#tete h1:after {
	display: block;
	margin-top: -1.15em;
	margin-left: -0.1em;
	color: green;
	content: attr(title);
}

div#contenu_principal div#menu {
	position: absolute;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	top: 70px;
	left: 0;
	background-color: lightblue;
}

div#contenu_principal div#menu ul#menu_principal
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background-color: #009933;
	list-style-type: none ;
}

div#contenu_principal div#menu ul#menu_principal li
{
	float: left ;
	text-align: center ;
}

div#contenu_principal div#menu ul#menu_principal li a
{
	width: 125px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #8BB18B ;
}

div#contenu_principal div#menu ul#menu_principal li a:hover
{
	color: #AFCAAF;
	background-color: #ceb;
}

div#contenu_principal div#contenu_secondaire {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 95px;
	right: 0;
	overflow: auto;
}

div#contenu_principal div#pied {
	width: auto;
	height: 15px;
	margin: -14px 0 0 0;
	padding-right: 3px;
	position: absolute;
	top: 70px;
	right: 0;
	color: green;
}

div#contenu_principal div#pied p {
	margin: 0;
	font-size: 13px;
}