/*
	Espace Musical de Rousset
	Définition des feuilles de style pour le menu horizontal
	Auteur : Cécile Roussel - Alliances Consultant
*/


#menu {
	background: #990000 url(../img/fond-menu.jpg) top left no-repeat;
	color: #FFF;
	float: left;
	font-size: 90%;
	margin-top: 82px;
	margin-left: 20px;
	height: 60px;
	width: 825px;
}



/* NIVEAU 1 */

#ajaxmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ajaxmenu ul li {
	position: relative;
	display: block;
	float: left;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	width: 165px;
}
	

#ajaxmenu ul li a {
	color: #FFF;
	font-weight: bold;
	height: 56px;
	padding-left: 21px;
	padding-top: 19px;
}

#ajaxmenu ul li a:hover {
	color: #FF6600;
}


#ajaxmenu ul li { background: url(../img/menu/fond-rubrique-off.jpg) no-repeat 0px 4px; }
#ajaxmenu ul li.here { background: url(../img/menu/fond-rubrique-on.jpg) no-repeat 0px 4px; }
/*#ajaxmenu ul li.here a { color: #FF6600; }*/
#ajaxmenu ul li a:hover {	background: url(../img/menu/fond-rubrique-on.jpg) no-repeat 0px 4px; }

#ajaxmenu ul li a.first { background: url(../img/menu/fond-first-off.jpg) no-repeat 0px 4px; }
#ajaxmenu ul li a.first:hover { background: url(../img/menu/fond-first-on.jpg) no-repeat 0px 4px; }
#ajaxmenu ul li.here a.first { background: url(../img/menu/fond-first-on.jpg) no-repeat 0px 4px; }

#ajaxmenu ul li a.last { background: url(../img/menu/fond-last-off.jpg) no-repeat 0px 4px; }
#ajaxmenu ul li a.last:hover { background: url(../img/menu/fond-last-on.jpg) no-repeat 0px 4px; }
#ajaxmenu ul li.here a.last { background: url(../img/menu/fond-last-on.jpg) no-repeat 0px 4px; }

#ajaxmenu ul li ul li { background: none; }
#ajaxmenu ul li ul li.here { background: none; }



/* NIVEAU 2 */

#ajaxmenu ul li ul {
	background-image: url(../img/menu/fond-ssmenu.jpg) !important;
	background-repeat: no-repeat !important;
	background-color: #FFCC00;
	position: absolute;
	top: 60px;
	border-right: solid 1px #808080;
}



/* Styles for Menu Items */
#ajaxmenu ul li li.category {
/*	border-left: 1px solid #CC0000;*/
	border-bottom: solid 1px #808080;
	border-top: solid 1px #FFF;
	color: #404040;
	height: 24px;
	padding-right: 0;
	padding-left: 0;
	margin: 0 0 0 1px;
}

#ajaxmenu ul li li.category:hover, #ajaxmenu ul li li.category a:hover {
	color: #C00;
}

/* commented backslash \*/ 
* html ul li a {height:1%}
/* end hack */ 

#ajaxmenu li a {
	text-decoration: none;
}



/* hovered lists */

#ajaxmenu li a {
	color: #FFF;
	width: 165px;
	display: block;
}

#ajaxmenu li li a:hover, #ajaxmenu li.here li a:hover {
	background-image: url(../img/fond-ssmenu.jpg)  !important;
	color: #404040;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	text-indent: 12pt;
}


/* set dropdown */
#ajaxmenu li li a, #ajaxmenu li.here li a {
	background-image: url(../img/fond-ssmenu.jpg)  !important;
	color: #404040;
	background-position: left center;
	text-align: left;
	font-weight: normal;
	width: 165px;
	text-indent: 12pt;
}


#ajaxmenu li ul li a {
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
} /* Sub Menu Styles */

#ajaxmenu li ul { 
	display: block; 
} /* The pop */


#ajaxmenu {
	margin-left: auto;
	margin-right: auto;
	width: 825px;
}

#myajaxmenu {
	top: 0px;
	left: 0px;
	display: block;
	z-index: 1000;
}