@charset "utf-8";
ul,li {
	margin:0;
	padding:0;
}

ul#menu {
	position:relative;
	left:126px;
	top:190px;	
	width:825px;
	height:35px;
}
ul#menu li {
	display:inline;
	float:left;
	top:0;
	height:35px;
	margin-right:10px;
}
ul#menu a {
	float:left;
	height:100%;
	width:100%;
}

ul#menu li#li_accueil { width:69px;}
ul#menu li#li_orgue { width:71px;}
ul#menu li#li_concerts { width:72px;}
ul#menu li#li_parutions { width:85px;}
ul#menu li#li_pedagogie { width:87px;}
ul#menu li#li_catalogue { width:87px;}
ul#menu li#li_contact { width:72px;}
ul#menu li#li_partenaires { width:95px;}
ul#menu li#li_connexion { width:87px;}

ul#menu li#li_accueil a { background:url(../images/menu.png) left top no-repeat; }
ul#menu li#li_orgue a { background:url(../images/menu.png) left -50px no-repeat; }
ul#menu li#li_concerts a { background:url(../images/menu.png) left -100px no-repeat; }
ul#menu li#li_parutions a { background:url(../images/menu.png) left -400px no-repeat; }
ul#menu li#li_pedagogie a { background:url(../images/menu.png) left -150px no-repeat; }
ul#menu li#li_catalogue a { background:url(../images/menu.png) left -200px no-repeat; }
ul#menu li#li_contact a { background:url(../images/menu.png) left -250px no-repeat; }
ul#menu li#li_partenaires a { background:url(../images/menu.png) left -300px no-repeat; }
ul#menu li#li_connexion a { background:url(../images/menu.png) left -350px no-repeat; }

ul#menu li#li_accueil a:hover { background:url(../images/menu.png) -100px top no-repeat; }
ul#menu li#li_orgue a:hover { background:url(../images/menu.png) -100px -50px no-repeat; }
ul#menu li#li_concerts a:hover { background:url(../images/menu.png) -100px -100px no-repeat; }
ul#menu li#li_parutions a:hover { background:url(../images/menu.png) -100px -400px no-repeat; }
ul#menu li#li_pedagogie a:hover { background:url(../images/menu.png) -100px -150px no-repeat; }
ul#menu li#li_catalogue a:hover { background:url(../images/menu.png) -100px -200px no-repeat; }
ul#menu li#li_contact a:hover { background:url(../images/menu.png) -100px -250px no-repeat; }
ul#menu li#li_partenaires a:hover { background:url(../images/menu.png) -100px -300px no-repeat; }
ul#menu li#li_connexion a:hover { background:url(../images/menu.png) -100px -350px no-repeat; }