/* Begin CSS Popout Menu */

body {
	behavior:url(css/csshover.htc);
}

#menu{width:140px}
		
#menu a
	{
		font-size:12px
	}
	
#menu a, #menu a:visited	/* menu at rest */
	{
	color:#505050;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	text-decoration:none;
	height:21px;
	}
	
#menu a:hover, #menu a.top_parent_over:visited, #menu a.top_parent_over /* menu at mouse-over  */
	{
	color:#00A5EA;
	font-weight:normal;
	}	
	
#menu a.menu_01 { background:url(../img_mouton/accueil.jpg) no-repeat}
#menu a.menu_01_over, #menu a.menu_01:hover  { background:url(../img_mouton/accueil2.jpg) no-repeat}

#menu a.menu_02 { background:url(../img_mouton/le-festival.jpg) no-repeat}
#menu a.menu_02_over, #menu a.menu_02:hover  { background:url(../img_mouton/le-festival2.jpg) no-repeat}

#menu a.menu_03 { background:url(../img_mouton/calendriers.jpg) no-repeat}
#menu a.menu_03_over, #menu a.menu_03:hover  { background:url(../img_mouton/calendriers2.jpg) no-repeat}

#menu a.menu_04 { background:url(../img_mouton/fiches-spectacles.jpg) no-repeat}
#menu a.menu_04_over, #menu a.menu_04:hover  { background:url(../img_mouton/fiches-spectacles2.jpg) no-repeat}

#menu a.menu_05 { background:url(../img_mouton/partenaires.jpg) no-repeat}
#menu a.menu_05_over, #menu a.menu_05:hover  { background:url(../img_mouton/partenaires2.jpg) no-repeat}

#menu a.menu_06 { background:url(../img_mouton/Galeries.jpg) no-repeat}
#menu a.menu_06_over, #menu a.menu_06:hover  { background:url(../img_mouton/Galeries2.jpg) no-repeat}

#menu a.menu_07 { background:url(../img_mouton/infos-pratiques.jpg) no-repeat}
#menu a.menu_07_over, #menu a.menu_07:hover  { background:url(../img_mouton/infos-pratiques2.jpg) no-repeat}

#menu a.menu_08 { background:url(../img_mouton/contact.jpg) no-repeat}
#menu a.menu_08_over, #menu a.menu_08:hover  { background:url(../img_mouton/contact2.jpg) no-repeat}

#menu a.menu_09 { background:url(../img_mouton/espace-pro.jpg) no-repeat}
#menu a.menu_09_over, #menu a.menu_09:hover  { background:url(../img_mouton/espace-pro2.jpg) no-repeat}

#menu a.menu_10 { background:url(../img_mouton/actualites.jpg) no-repeat}
#menu a.menu_10_over, #menu a.menu_10:hover  { background:url(../img_mouton/actualites2.jpg) no-repeat}

#menu a.menu_11 { background:url(../img_mouton/covoiturage.jpg) no-repeat}
#menu a.menu_11_over, #menu a.menu_11:hover  { background:url(../img_mouton/covoiturage2.jpg) no-repeat}

#menu a span {display:none;}

	
#menu a.parent 	/* attaches side-arrow to all parents */
	{
	font-weight:normal;
	font-size:12px
	}
	
#menu a.parent:hover, #menu a.parent_over:visited, #menu a.parent_over {
	font-weight:normal;
	color:#df3a26;
	background:none
}

#menu ul
	{
	list-style:none;
	margin:0;
	padding-left:10px;
	float:left;
	left:0;
	}

#menu li
	{
	position:relative;
    min-height: 1px; 
    vertical-align: bottom;
	}

#menu ul ul
	{
	display:none;
	padding:5px;
	}

#menu ul ul ul
	{
	top:0;
	left:100%;
	}

	
#menu ul li ul li
	{
	display:block;
	float:left;
	font-size:15px;
	width:165px;
	height:18px;
	}

		
div#menu li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;
	}

/* End CSS Popout Menu */