body
{
background-color:#C0C8CB;
color:gray;
font-family:"Arial", Tahoma, serif;
margin-top:0;
margin-bottom:0;
}

a
{
text-decoration:none;
}

td
{
font-size:11px;
}

ul, li 
{	/* utilisation de liste pour le menu */
list-style-type: none;
margin:0;
padding:0;
text-align: center;
}

ul 
{
background: transparent url(../img/splash.jpg) top left no-repeat;	/* arrière-plan général du menu */
height:500px;
width:700px;
text-align: center;
}

li 
{
float:left;
}

li a 
{
	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height:500px;
text-decoration:none;
}

#menu1
{
width:130px;
}

#menu2
{
width:74px;
}

#menu3
{
width:74px;
}

#menu4
{
width:74px;
}

#menu5
{
width:74px;
}

#menu6
{
width:74px;
}

#menu7
{
width:74px;
}

#menu8
{
width:74px;
}

li a:hover 
{
background: transparent url(../img/splash.jpg) top left no-repeat;
text-decoration:none;
}

a#menu1:hover 
{
background-position: -700px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}

a#menu2:hover 
{
background-position: -830px 0%;
}

a#menu3:hover 
{			
background-position: -904px 0%;			
}

a#menu4:hover 			
{			
background-position: -978px 0%;			
}

a#menu5:hover 			
{			
background-position: -1052px 0%;			
}

a#menu6:hover 			
{			
background-position: -1126px 0%;			
}

a#menu7:hover 			
{			
background-position: -1200px 0%;			
}

a#menu8:hover 			
{			
background-position: -1274px 0%;			
}