@charset "iso-8859-1";

html, body
{
	height: 100%;
	width: 100%;

	margin: 0;
	padding: 0;
}

#menu, #tableau, #lien_jevida
{
	margin: 40px auto 0 auto;
}

body
{
	color: #fff;
	font: 0.8em "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	background: #000 url("img/background.jpg") no-repeat center fixed;

}

#tableau
{
	clear: both;
	width: 500px;
	padding: 1px;
	border: solid 1px #666;
}

#tableau table
{
	width: 100%;
	background: url("img/rayures.png") repeat;
}

#tableau th
{
	font-weight: bold;
	font-size: 120%;
}

#tableau td
{
	text-align: center;
}

h1
{
	display: block;
	background: url("img/classement.png") no-repeat;
	width: 579px;
	height: 71px;
	margin: 0 auto;

	overflow: hidden;
	text-indent: -5000em;
}

#menu
{
	width: 500px;
	height: 22px;
	position: relative;
}

#menu a
{
	display: block;
	overflow: hidden;
	text-indent: -5000em;
	position: absolute;
	cursor: pointer;
}

#img_classement_mois
{
	background: url("img/mois.png") no-repeat center;
	width: 59px;
	height: 22px;
	left: 100px;
}

#img_classement_semaine
{
	background: url("img/semaine.png") no-repeat center;
	width: 82px;
	height: 22px;
	left: 210px;
}

#img_classement_jour
{
	background: url("img/jour.png") no-repeat center;
	width: 58px;
	height: 22px;
	left: 350px;
}

#lien_jevida
{
	position: relative;
	width: 500px;
	height: 24px;
}

#lien_classement
{
	position: relative;
	width: 450px;
	height: 24px;
}

#img_jevida
{
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-indent: -5000em;
	position: absolute;
	cursor: pointer;
	width: 78px;
	height: 24px;
	background: url("img/jevida.png") no-repeat center;
	left: 422px;
}