html,body {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font: 85%/ 0.9 arial, helvetica, sans-serif;
	line-height: 130%;
	width: 100%;
	color: black;
	text-align: center;
	background-color: black;
}

/***** Main Layout ****/
#contenu {
	width: 1000px;
	margin: 0 auto; /* center the page in Firefox */
	text-align: left;
	padding: 0px;
}

#contenu #barreGauche {
	background-image: url(../images/side.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	text-align: center;
	width: 250px;
	height: 926px;
	top: -10px;
}

#contenu #header {
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 750px;
	height: 281px;
	top: -10px;
}

#contenu #header img {
	position: relative;
	float: right;
	top: 30px;
}

#contenu #menu {
	background: url(../images/menu.png) no-repeat;
	position: relative;
	float: left;
	width: 750px;
	height: 37px;
	top: -10px;
}

#contenu #menu a {
	color: #fff;
	text-decoration: none;
}

#contenu #page {
	background: #292008;
	position: relative;
	float: left;
	width: 750px;
	height: 608px;
	top: -10px;
}

#contenu #page h1 {
	text-align: center;
	color: #ffffff;
}

#contenu #footer {
	background: url(../images/footer.png) no-repeat;
	position: relative;
	float: left;
	width: 1000px;
	height: 83px;
	top: -10px;
}

/***** MenuBar *****/
.menuBar {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.menuBar li {
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	width: 150px;
	height: 50px;
	margin-right: 0px;
	background-image: url(../images/barmenupps.jpg);
	background-repeat: no-repeat;
}

.menuBar a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	outline: none;
}

#menuBar1 {
	background-position: 0px 0px;
}

#menuBar2 {
	background-position: -225px 0px;
}

#menuBar3 {
	background-position: -450px 0px;
}

#menuBar4 {
	background-position: -675px 0px;
}

#menuBar5 {
	background-position: -900px 0px;
}

#menuBar1.active,#menuBar1:hover {
	background-position: 0px bottom;
}

#menuBar2.active,#menuBar2:hover {
	background-position: -225px bottom;
}

#menuBar3.active,#menuBar3:hover {
	background-position: -450px bottom;
}

#menuBar4.active,#menuBar4:hover {
	background-position: -675px bottom;
}

#menuBar5.active,#menuBar5:hover {
	background-position: -900px bottom;
}

/***** Tableau Classement *****/
#mytable {
	width: 700px;
	padding: 3;
	margin: 0 auto;
	text-align: center;
	border: 1px solid gray;
	background: #ffffff;
	border-collapse: collapse;
}

#mytable th {
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	letter-spacing: 2px;
	padding: 6px 6px 6px 12px;
	margin: 0;
}

#mytable td {
	background: #fff;
	margin: 0;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
}