#menu {
	margin: 0 auto;
	width: 900px;
	padding: 0;
	list-style-type: none;
	height: 64px;
/* Suppression du margin, du padding et des puces du <ul> */
}
#menu li a span{position:absolute;margin-top:-2000px;}
#menu li {
	margin: 0;
	padding: 0;
	float: left;
list-style-type: none;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
#menu li.logo {
	display: block;
/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 81px;
	height: 64px;
	background: url(images/menu_accueil.png) no-repeat 0 0;
/* On met une image de background, que l'on positionne à  0px du bord gauche et 0px du bord haut */
}
#menu li.list1 a {
	display: block;
/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 74px;
	height: 59px;
	background: url(images/menu_accueil.png) no-repeat 0 0;
/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#menu li.list1 a:hover {
	background: url(images/menu_accueil.png) no-repeat 0 -59px;
}

#menu li.list1 a.select {
	background: url(images/menu_accueil.png) no-repeat 0 -59px;
}

#menu li.list2 a {
	display: block;
	width: 128px;
	height: 59px;
	background: url(images/menu_competences.png) no-repeat 0 0;
}
#menu li.list2 a:hover {
	background: url(images/menu_competences.png) no-repeat 0 -59px;
}

#menu li.list2 a.select {
	background: url(images/menu_competences.png) no-repeat 0 -59px;
} 

#menu li.list3 a {
	display: block;
	width: 114px;
	height: 59px;
	background: url(images/menu_actualite.png) no-repeat 0 0;
}
#menu li.list3 a:hover {
	background: url(images/menu_actualite.png) no-repeat 0 -59px;
}

#menu li.list3 a.select {
	background: url(images/menu_actualite.png) no-repeat 0 -59px;
}

#menu li.list4 a {
	display: block;
	width: 76px;
	height: 59px;
	background: url(images/menu_album.png) no-repeat 0 0;
}
#menu li.list4 a:hover {
	background: url(images/menu_album.png) no-repeat 0 -59px;
}

#menu li.list4 a.select {
	background: url(images/menu_album.png) no-repeat 0 -59px;
}

#menu li.list5 a {
	display: block;
	width: 132px;
	height: 59px;
	background: url(images/menu_documentation.png) no-repeat 0 0;
}
#menu li.list5 a:hover {
	background: url(images/menu_documentation.png) no-repeat 0 -59px;
}

#menu li.list5 a.select {
	background: url(images/menu_documentation.png) no-repeat 0 -59px;
}
#menu li.list6 a {
	display: block;
	width: 132px;
	height: 59px;
	background: url(images/menu_contacter.png) no-repeat 0 0;
}
#menu li.list6 a:hover {
	background: url(images/menu_contacter.png) no-repeat 0 -59px;
}

#menu li.list6 a.select {
	background: url(images/menu_contacter.png) no-repeat 0 -59px;
}
#menu li.list7 a {
	display: block;
	width: 75px;
	height: 59px;
	background: url(images/menu_liens.png) no-repeat 0 0;
}
#menu li.list7 a:hover {
	background: url(images/menu_liens.png) no-repeat 0 -59px;
}

#menu li.list7 a.select {
	background: url(images/menu_liens.png) no-repeat 0 -59px;
}