ul, li {
	list-style-type: none; /* suppression des puces de liste */
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Tempus Sans ITC";
	font-weight: bold;
}

ul {
	background: transparent url(images/logo/menu.jpg) top left no-repeat; /* arrière-plan général du menu */
	width: 170px;
	padding-top: 10px;}

li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {
	display: block; /* mise en block de <a> pour lui donner des dimensions */
	margin-top: 10px;
	height: 20px;
	width: 170px;
	line-height: 18px; /* hauteur de ligne pour éviter les paddings */
}

li a:hover { /* éléments de la liste menu de gauche quand hover*/
	color: #FD6715;
	font-weight: bold;
	font-size: 13px;
}

a#menu1 {	/* décalage de l'arrière-plan pour chaque bouton */
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -20px;
font-size: 13px;
}
a#menu2 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -50px;
font-size: 13px;
}
a#menu3 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -80px;
font-size: 13px;
}
a#menu4 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -110px;
font-size: 13px;
}
a#menu5 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -140px;
font-size: 13px;
}
a#menu6 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -170px;
font-size: 13px;
}

a#menu7 {
margin-top: 100px;
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -290px;
font-size: 13px;
}
a#menu8 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -320px;
font-size: 13px;
}
a#menu9 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -350px;
font-size: 13px;
}

a#menu21 {	/* décalage de l'arrière-plan pour chaque bouton */
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -20px;
font-size: 13px;
}
a#menu22 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -50px;
font-size: 13px;
}
a#menu23 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -80px;
font-size: 13px;
}
a#menu24 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -110px;
font-size: 13px;
}
a#menu25 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -140px;
font-size: 13px;
}
a#menu26 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -170px;
font-size: 13px;
}

a#menu27 {
margin-top: 90px;
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -290px;
font-size: 13px;
}
a#menu28 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -320px;
font-size: 13px;
}
a#menu29 {
background: transparent url(images/logo/clair_menu1.jpg) top left no-repeat;
background-position: 0% -350px;
font-size: 13px;
}