/* elmediator Menu css */

/* menu style */

#menu, #menu ul {	
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu {	
	background: #000 url(./img/Menu/bckMenu_2.png) repeat-x 0 0;
	height: 50px;
	width: 100%;
}
	#menu li {
		float: left;
		padding: 0;
		margin: 0 0 0 18px;
		height: 50px;
	}	
		#menu li a {
			color: #FFF;
			font-size: 1.125em;
			line-height: 1.5em;
			font-weight: bold;
			height: 50px;
			margin: 0;
			padding: 0;
			display: block;
		}		
		#btn_inf {background: transparent url(./img/Menu/btn_inf.png) no-repeat 0 0; width: 45px;}		
		#btn_spec {background: transparent url(./img/Menu/btn_sp.png) no-repeat 0 0; width: 90px;}		
		#btn_em {background: transparent url(./img/Menu/btn_em.png) no-repeat 0 0; width: 144px;}
		#btn_ac {background: transparent url(./img/Menu/btn_ac.png) no-repeat 0 0; width: 126px;}		
		#btn_st {background: transparent url(./img/Menu/btn_st.png) no-repeat 100% 0;  width: 81px;/*63 + 18px*/}
		#btn_ms {background: transparent url(./img/Menu/btn_ms.png) no-repeat 0 0; width: 126px;}		
		

		#menu li a:hover {background-position: 0 -50px;}
		#menu li #btn_st:hover {background-position: 100% -50px;}
		#menu li a span {display: none;}	
		#menu li ul li a span {display: block;}	
		
	#menu li ul {
		position: absolute;
		width: 175px;
		left: -999em;
		top: 330px; /* 280 de header + 50 de menu */
		margin: 0;
		padding: 10px 0 0; /* 10px = hauteur de l'image */
		z-index: 500;
		border-bottom: 1px solid #858585;
	}
	
	#subInf {background: transparent url(./img/Menu/topSubMenu.png) no-repeat 0 0;}
	#subMed {background: transparent url(./img/Menu/topSubMedia.png) no-repeat 0 0;}
	#subAct, #subMS {background: transparent url(./img/Menu/topSubAct.png) no-repeat 0 0;}
	
		#menu li ul li {
			clear: left;
			width: 100%;
			height: 1em;
			padding: 5px 0;
			margin: 0;
			background: transparent url(./img/Menu/bckSubMenu.png) repeat-y 0 0;
		}		
		#menu li ul li a {
			text-decoration: none;			
			color: #FFF;
			text-align: left;
			display: block;
			border-bottom: 1px solid #B3D234;
			border-width: 0 0 1px;
			font-size: .75em;
			line-height: 1em;
			margin: 0 5px;
			padding: 0 0 5px;
			height: auto;
		}		
		#menu li ul li a:hover {
			border-color: #FFF;
			color: #B3D234;
			background-position: 0 0;
		}		
	#menu li:hover a, #menu li.sfhover a {background-position: 0 -50px;}
	#menu li:hover ul, #menu li.sfhover ul {left: auto;}
				



/* --- */

	#newsletter, #billetterie, #tiltfestival {
		position: absolute;
		display: block;
		/*background: transparent no-repeat 0 -45px;*/
		background: transparent no-repeat 0 0;
	}
	#newsletter span, #billetterie span, #tiltfestival span {display: none;}

	#newsletter {
		left: 650px;
		top: 235px; /* 280 -45 */
		width: 160px;
		height: 45px;
		/*background-image: url(./img/utils/news_btn.png);	*/
		background-image: url(./img/utils/btn_news2.png);	
	}

	#billetterie {
		left: 670px; /* 450 + 160 + 10 +50 de dawa */
		top: 235px; /* 280 -45 */
		width: 160px;
		height: 45px;
		background-image: url(./img/utils/bill_btn.png);	
	}


	/*#newsletter:hover, #billetterie:hover {background-position: 0 -90px;}
	#newsletter:active, #billetterie:active {background-position: 0 0;}*/

	#tiltfestival {
		left: 800px;
		top: 0;
		width: 50px;
		height: 400px;
		z-index: 1000;
	}

	#tiltfestival2 {
		position: absolute;
		z-index: 1750;
		width: 220px;
		height: 124px;
		top: 180px;
		left: 800px;
		background-image: url(./../--img--/logoTilt2010.png);
	}
	#tiltfestival2 span { display : none; }

	#cataPhoto {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 280px;
		left: 750px;
		background-image: url(./img/icoPhotos.png);	
	}
	#cataPhoto span { display : none; }
		 
	strong#elmediatorWheelGame {
		position: absolute;
		display: block;
		z-index: 1800;
		top: 230px;
		left: 0;
		width: 310px;
		height: 50px;
		margin: 0;
		padding: 10px 0 0 95px;
		line-height: 15px;
		font-size: 12px;
		color: #FFF;
		background: transparent url(./img/utils/roue.png) no-repeat 5px 0;
	}
		strong#elmediatorWheelGame span.highlight {color: #06F; }