/*
	navigation bar - vertical dropdown
	--------------------------------------------------
*/
#menu {
	float: left;
	font-size: 0.85em;
	line-height: 1.4em;
	width: 270px;
}
div#menuArbo {
	background: url(../img/bg_menuArbo.gif) repeat-y 15px;
	position: relative;
}



/* first level */
#menu ul {
	padding: 15px 0;
}
* html #menu ul li {
	height: 30px;
}
#menu ul li h2 {
	font-weight: normal;
	font-size: 1.1em;
}
#menu ul li a {
	display: block;
	color: #920038;
	text-decoration: none;
	padding: 7px 0 8px 45px;
	color: #920038;
	font-size: 1.15em;
}


#menu ul li a.h2on {
	font-weight: bold;
}
#menu ul li.ok li.ok a {
	font-weight: bold;
}
#menu ul li.of a {
	font-weight: normal !important;
}

/* mot clés pour picto différent à chaque item */
#menu ul li.decouvrir a.h2:hover, 
#menu ul li.decouvrir a.h2:focus,
#menu ul li.decouvrir:hover a.h2 {
	background: url(../img/pic_decouvrir.gif) no-repeat;
}
#menu ul li.decouvrir a.h2on {
	background: url(../img/pic_decouvrir.gif) no-repeat;
}

#menu ul li.citoyennete a.h2:hover, 
#menu ul li.citoyennete a.h2:focus,
#menu ul li.citoyennete:hover a.h2 {
	background: url(../img/pic_citoyennete.gif) no-repeat;
}
#menu ul li.citoyennete a.h2on {
	background: url(../img/pic_citoyennete.gif) no-repeat;
}

#menu ul li.cadredevie a.h2:hover, 
#menu ul li.cadredevie a.h2:focus,
#menu ul li.cadredevie:hover a.h2 {
	background: url(../img/pic_cadredevie.gif) no-repeat;
}
#menu ul li.cadredevie a.h2on {
	background: url(../img/pic_cadredevie.gif) no-repeat;
}

#menu ul li.solidarite a.h2:hover, 
#menu ul li.solidarite a.h2:focus, 
#menu ul li.solidarite:hover a.h2 {
	background: url(../img/pic_solidarite.gif) no-repeat;
}
#menu ul li.solidarite a.h2on {
	background: url(../img/pic_solidarite.gif) no-repeat;
}

#menu ul li.culture a.h2:hover, 
#menu ul li.culture a.h2:focus, 
#menu ul li.culture:hover a.h2 {
	background: url(../img/pic_culture.gif) no-repeat;
}
#menu ul li.culture a.h2on {
	background: url(../img/pic_culture.gif) no-repeat;
}

#menu ul li.service a.h2:hover, 
#menu ul li.service a.h2:focus, 
#menu ul li.service:hover a.h2 {
	background: url(../img/pic_service.gif) no-repeat;
}
#menu ul li.service a.h2on {
	background: url(../img/pic_service.gif) no-repeat;
}

#menu ul li.passionnee a:hover, 
#menu ul li.passionnee:hover a,
#menu ul li.passionnee a.h2:hover, 
#menu ul li.passionnee:hover a.h2  {
	background: url(../img/pic_passionnee.gif) no-repeat;
}
#menu ul li.passionnee.on a,
#menu ul li.passionnee a.h2on {
	background: url(../img/pic_passionnee.gif) no-repeat;
}

#menu ul li.jeunesse a.h2:hover, 
#menu ul li.jeunesse:hover a.h2 {
	background: url(../img/pic_jeunesse.gif) no-repeat;
}
#menu ul li.jeunesse a.h2on {
	background: url(../img/pic_jeunesse.gif) no-repeat;
}




/*** 2e niveau ***/
#menu ul ul {
	margin: 0 0 0 45px;
    padding: 15px 0;
}
#menu ul li li a {
	color: #000;
	padding: 0 0 2px 0;
	font-size: 0.9em;
}

/* ne pas mettre le bg sur les items de second niveau */
#menu ul li li a, #menu ul li.on li a,
#menu ul li li a.h2:hover, #menu ul li li a:hover,
#menu ul li li a.h2:focus, #menu ul li li a:focus {
	background: none !important;
}


/*** 3e niveau ***/
#menu ul ul ul {
	margin: 0 0 0 15px;
	padding: 0 0 15px 0;
}
#menu ul li li a {
	color: #000;
	font-size: 0.95em;
}



/******************************/
/*   MENU MON SAINT GREGOIRE  */
/******************************/
div#page div#menuMonStGregoire {
	float: right;
	width: 30%;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	background: url(../img/bg_agenda.png);
	border: solid 1px #910038;
	
	/* coins arrondis */
	-moz-border-radius: 16px; 
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-khtml-border-radius: 16px; 
	border-radius: 16px;
	behavior: url(js/cssPie/PIE.htc);
}
div#page div#menuMonStGregoire h3 {
	font-size: 0.9em;
	margin: 0 4% 0 4%;
	padding: 10px 0 10px 0;
}
div#page div#menuMonStGregoire ul li {
	color: #920038;
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 0 40px 10px 0;
	list-style: none;
}
div#page div#menuMonStGregoire ul li a {
	color: #920038;
}
div#page div#menuMonStGregoire ul {
	padding: 0;
	margin: 0 4%;
}