html, body {
	margin:auto;
	padding:0;
 	 height: 100%;
}
body
{
   width: 760px;
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}


#ban{
	position:absolute;
	top:0px;
	width:800px;
	height:167px;
	z-index:1;
	background-image: url(img/ban.jpg);
	margin-left: auto;
    margin-right: auto;

}
#pied{
	width:800px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	background-color: #FFFFFF;
	z-index:4;
	left: 22px;


}
#contenu{
	width:800px;
	margin-bottom: 20px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top:187px;
	background-color: #FFE1C4;
	overflow: auto;
	z-index:1;
	padding:5px;
	border: 1px dotted #FFFFFF; 
	}
	
#menu{
	position:absolute;
	top:167px;
	width:800px;
	margin-left: auto;
    margin-right: auto;
	height:20px;
	z-index:2;
	}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	font-weight: 400;
	text-decoration: none;
}
.menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	font-weight: 400;
	text-decoration: none;
}
.menu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: 400;
	text-decoration: none;
}
.menu a:hover:before {
content:">"
}
.txt1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.txt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: none;
}