html, body {
        text-align : center;
        margin : 0px;
        padding : 0px;
        font-size : 12px;
        font-family : "Arial";
        font-weight : normal;
        background-repeat : no-repeat;
        background-position : center;
        width : 100%;
        height : 100%;
}
div#conteneur {
        width : 500px;
        height : 250px;
        position : absolute;
        left : 50%;
        top : 50%;
        margin-left : -250px;
        margin-top : -125px;
        text-align : left;
}
div#menu {
        width : 500px;
        height : 30px;
        margin-top : 10px;
}
div#menu ul, div#menu ul li {
	margin : 0px;
	padding : 0px;
}
div#menu ul li {
	float : left;
	list-style-type: none;
}
div#menu a {
        width : 166.66px;
        height : 30px;
        text-align : center;
        line-height : 30px;
        text-decoration : none;
        display : block;
        float : left;
        color : #ffffff;
        background-image : url( ./graphisme/degradeMenu.png );
        background-position : 0px -20px;
        font-weight : bold;
}
div#menu a:hover {
        background-position : 0px -30px;
}