/*
	navigation bar - vertical dropdown
	--------------------------------------------------
*/
#menu {
	float: left;
	font-size: 0.85em;
	width: 304px;
	/*background: url(../img/bg_menu.gif) top right no-repeat;*/
}




/* first level */
#menu ul {
	margin: 20px 0 20px 18px;
}
* 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;
}


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

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

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

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

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

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

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

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

/* 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.decouvrir:hover li a, #menu ul li.decouvrir li h2 a:hover, #menu ul li.decouvrir li a:hover,
#menu ul li.citoyennete:hover li a, #menu ul li.citoyennete li h2 a:hover, #menu ul li.citoyennete li a:hover,
#menu ul li.cadredevie:hover li a, #menu ul li.cadredevie li h2 a:hover, #menu ul li.cadredevie li a:hover,
#menu ul li.solidarite:hover li a, #menu ul li.solidarite li h2 a:hover, #menu ul li.solidarite li a:hover,
#menu ul li.culture:hover li a, #menu ul li.culture li h2 a:hover, #menu ul li.culture li a:hover,
#menu ul li.service:hover li a, #menu ul li.service li h2 a:hover, #menu ul li.service li a:hover,
#menu ul li.passionnee:hover li a, #menu ul li.passionnee li h2 a:hover, #menu ul li.passionnee li a:hover,
#menu ul li.jeunesse:hover li a, #menu ul li.jeunesse li h2 a:hover, #menu ul li.jeunesse li a:hover{
	background: none;
}


/* second level */
#menu ul ul {
	margin: -30px 0 0 190px;
	position: absolute;
	background: #dadada;
	z-index: 100;
	display: none;
}
#menu ul ul li {
	width: 170px;
	height: auto;
	font-size: 0.85em;
}
#menu ul ul li a, #menu ul ul li h2 {
	font-size: 100%;
}

#menu ul ul li a, #menu ul ul li h2 a {
	display: block;
	margin: 0;
	padding: 5px 13px;
	color: #000;
	border-bottom: solid 2px #333;
	background: none;
}
#menu ul ul li a:hover {
	background: none;
	display: block;
	color: #000;
	border-bottom: solid 2px #920038;
}
#menu ul ul li:hover h2 a, #menu ul ul li h2 a:hover {
	background: url(../img/bg_menugris_on.gif) no-repeat;
}
/*#menu ul ul li h2 a:hover{
	display: block;
	background: #dadada url(../img/bg_menugris_on.gif) no-repeat;
	color: #000;
	border-bottom: solid 2px #920038;
}*/



/* third level */
#menu ul ul ul {
	margin: -27px 0 0 170px;
	background: #920038;
}
#menu ul ul ul li {
	width: 170px;
	font-size: 1em;
}
#menu ul ul ul li a {
	display: block;
	color: #fff;
	border-bottom: solid 2px #dadada;
}
#menu ul ul ul li a:hover {
	display: block;
	color: #000;
	background: #fff;
	border-bottom: solid 2px #dadada;
}


/******************************/
/*   MENU MON SAINT GREGOIRE  */
/******************************/
div#page div#menuMonStGregoire {
	float: right;
	width: 30%;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
}
div#page div#menuMonStGregoire h3 {
	font-size: 0.9em;
	margin: 0 4% 0 4%;
	padding: 10px 0 10px 0;
	background: url(../img/bg_h2_flashInfo.gif) no-repeat top right;
}
div#page div#menuMonStGregoire ul li {
	color: #920038;
	font-size: 0.85em;
	padding: 0 40px 10px 0;
	background: url(../img/bg_flashInfo.gif) repeat-y top right;
}
div#page div#menuMonStGregoire ul li a {
	color: #920038;
}
div#page div#menuMonStGregoire ul {
	background: url(../img/bg_pied_flashInfo.gif) no-repeat bottom right;
	padding: 0 0 20px 0;
	margin: 0 4% 20px 4%;
}