html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #d6dee0;
}

#header {
	background-image: url("images/header.jpg");
	height: 178px;
	width: 800px;
	background-position: top;
	padding: 0px;
}

ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 12em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 5em;
width: 100%; /* précision pour Opera */
}

li {
float: left;
}

.menu a {       /* définition de chaque bouton du menu */
width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #6666FF;
}

.menu a:hover {
color: #411;
background: #99FF66;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #CD0000;
}

h3 {
	color:#006600;
	font-size:0.9em;
	margin-bottom:0px;
}

.news {
	width:425px;
	float:left;
	margin-left:25px;
	margin-right:0px;
}

.chat {
	margin-left:350px;
}