/* common styling */

.menu {
	font: bold 14px/1.2 "Manufacture A", Futura, "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 35px;
	/*border-top: 2px solid #F00;*/
	z-index: 1000;
}

.menu .date_spectacle_menu {
	color: #F88;
}

body#gmap .menu {
	background-color: #FFF;
}

.menu ul li a, .menu ul li a:visited,
.menu ul li.rubrique_speciale_verte ul li .texte_rubrique_speciale,
.menu ul li.rubrique_speciale_bleue ul li .texte_rubrique_speciale {
	display: block;
	text-decoration: none;
	width: 160px;
	/*height: 25px;*/
	text-align: left;
	color: #F00;
	padding-left: 12px;
	padding-right: 12px;
	/*border: 1px solid #fff;
	border-width: 0 1px 1px 0;*/
	background: #FFF;
	line-height: 40px;
	/*font-size: 11px;*/
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul li {
	float: left;
	position: relative;
}

.menu ul li ul {
	display: none;
	font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: none;
}

.menu ul li ul a, .menu ul li ul a:visited,
.menu ul li.rubrique_speciale_verte ul li .texte_rubrique_speciale,
.menu ul li.rubrique_speciale_bleue ul li .texte_rubrique_speciale {
	line-height: 1.2;
	padding: 6px 0 7px; /* 3px 0 4px */
}

/* specific to non IE browsers */

.menu {
/*	-moz-opacity: .93;
	opacity: .93;*/
}

.menu ul li:hover a {
	color: #FFF;
	background: #F00;
	text-shadow: rgba(0,0,0,0.01) 0 0 0;
}

.menu ul li:hover ul {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 0;
}

/*.menu ul li:hover ul li a.hide {
	background: #F00;
	color: #FFF;
}*/

.menu ul li:hover ul li {
	display: block;
	background: #FFF;
	color: #000;
	clear: both;
}

.menu ul li:hover ul li {
	width: 344px; /*345px*/ /*300px*/
}

/*.menu ul li:hover ul li:hover a.hide {
	background: #FFF;
	color: #F00;
}*/

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display: block;
	background: #F00;
	color: #FFF;
	width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	text-shadow: rgba(0,0,0,0.01) 0 0 0;
}

.menu ul li:hover ul li a:hover {
	background: #FFF;
	color: #F00;
}

.menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 210px;
	bottom: 0;
}

.menu ul li:hover ul li:hover ul li a {
	background: #F00;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.01) 0 0 0;
}

.menu ul li:hover ul li:hover ul li a:hover {
	background: #FFF;
	color: #F00;
}

.menu ul li:hover ul.left {
	left: -105px;
}

.menu ul li:hover ul li:hover ul.left {
	left: -210px;
	width: 209px;
}

/* Rubrique spéciale, Location ================================= */

.menu ul li.rubrique_speciale_verte ul li,
.menu ul li.rubrique_speciale_bleue ul li {
	width: 160px;
}

.menu ul li.rubrique_speciale_verte a,
.menu ul li.rubrique_speciale_verte a:visited {
	color: #9C2;
}

.menu ul li.rubrique_speciale_verte:hover a {
	color: #FFF;
	background-color: #9C2;
}

.menu ul li.rubrique_speciale_verte ul li a:hover {
	color: #9C2;
}

.menu ul li.rubrique_speciale_bleue a,
.menu ul li.rubrique_speciale_bleue a:visited {
	color: #0BC;
}

.menu ul li.rubrique_speciale_bleue:hover a {
	color: #FFF;
	background-color: #0BC;
}

.menu ul li.rubrique_speciale_bleue ul li a:hover {
	color: #0BC;
}

.menu ul li.rubrique_speciale_verte ul li .texte_rubrique_speciale,
.menu ul li.rubrique_speciale_bleue ul li .texte_rubrique_speciale {
	padding-left: 12px;
	padding-right: 12px;
}

.menu ul li.rubrique_speciale_verte ul li .texte_rubrique_speciale {
	color: #DEA;
	background-color: #9C2;
}

.menu ul li.rubrique_speciale_bleue ul li .texte_rubrique_speciale {
	color: #9DE;
	background-color: #0BC;
}