/body{ font-family:Verdana, Arial, Helvetica, sans-serif;}

/* --- hyper_header NAVIGATION ---*/

#contentnavigation{ margin:0px;padding:0px;}


ul#navmenu {  margin: 0;  border: 0 none;  padding: 0;  width:700px; /*For KHTML*/ /* Taille SANS LE MENU FAVORIT: 846px;*/  list-style: none; height: auto; text-align: left;background:none;}

ul#navmenu li { /*height: 23px;*/ padding: 0; float: left; /*For Gecko*/ display: inline;  list-style: none; position: relative; background: none; width: 105px; background:#009fc6; text-align: center;}

ul#navmenu li a{ font-size: 10px; text-decoration: none; width:105px; padding: 5px 0 5px 0; display: block;}
ul#navmenu li ul li{ margin: 0 0 5px 0;}
ul#navmenu li ul li a{ width: 105px; /*height: 19px;*/ /*height:23px !important;*/ padding: 6px O 9px O; margin: 0 0 5px 0; display: block; font-size: 9px; font-weight: normal; display: block;}

ul#navmenu li.cinema{ margin: 0 10px 0 0px; background: #009fc6;}
ul#navmenu li.cinema a{ background: #009fc6; text-align: center; color: #FFFFFF;}
ul#navmenu li.cinema ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 105px;}
ul#navmenu li.cinema ul li a{ background: #009fc6;}
ul#navmenu li.cinema ul li a:hover{ background: #2690be; color:#FFFFFF;}

ul#navmenu li.exposition{ margin: 0 10px 0 0; background: #abca0c;}
ul#navmenu li.exposition a{ background: #abca0c; text-align: center; color: #FFFFFF;}
ul#navmenu li.exposition ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 105px;}
ul#navmenu li.exposition ul li a{ background: #abca0c;}
ul#navmenu li.exposition ul li a:hover{ background: #97a629; color:#FFFFFF;}

ul#navmenu li.livres{ margin: 0 10px 0 0; background: #febf00;}
ul#navmenu li.livres a{ background: #febf00; text-align: center; color: #FFFFFF;}
ul#navmenu li.livres ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 105px;}
ul#navmenu li.livres ul li a{ background: #febf00;}
ul#navmenu li.livres ul li a.deuxlignes{  /*height: 23px;*/ background: #febf00; display: block;}
ul#navmenu li.livres ul li a:hover.deuxlignes{ /*height: 23px;*/ background: #f99d1e; display: block;}
ul#navmenu li.livres ul li a:hover{ background: #f99d1e; color:#FFFFFF;}

ul#navmenu li.theatre{ margin: 0 10px 0 0; background: #f26522;}
ul#navmenu li.theatre a{ background: #f26522; text-align: center; color: #FFFFFF;}
ul#navmenu li.theatre ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 105px;}
ul#navmenu li.theatre ul li a{ background: #f26522;}
ul#navmenu li.theatre ul li a:hover{ background: #c8541a; color:#FFFFFF;}

ul#navmenu li.musique{ margin: 0 10px 0 0; background: #f140a9;}
ul#navmenu li.musique a{ background: #f140a9; text-align: center; color: #FFFFFF;}
ul#navmenu li.musique ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 105px;}
ul#navmenu li.musique ul li a{ background: #f140a9;}
ul#navmenu li.musique ul li a:hover{ background: #bd3a81; color:#FFFFFF;}

ul#navmenu li.philo{ margin: 0; background: #c1272d;}
ul#navmenu li.philo a{ background: #c1272d; text-align: center; color: #FFFFFF;}
ul#navmenu li.philo ul{ background: #FFFFFF; margin: 0 0 0 -5px; padding: 5px 5px 0 5px; width: 106px;}
ul#navmenu li.philo ul li a{ background: #c1272d;}
ul#navmenu li.philo ul li a:hover{ background: #9f1d21; color:#FFFFFF;}

ul#navmenu li.cinema a:hover, ul#navmenu li.exposition a:hover, ul#navmenu li.livres a:hover, ul#navmenu li.theatre a:hover, ul#navmenu li.musique a:hover, ul#navmenu li.philo a:hover{ background: url(../images/include/bkgd_hover_nav.gif) no-repeat;}

ul#navmenu li:hover.cinema{ background: url(../images/include/bkgd_lihover_cinema.gif) no-repeat;}
ul#navmenu li:hover.cinema a{ background: none;}
ul#navmenu li:hover.exposition{ background: url(../images/include/bkgd_lihover_expo.gif) no-repeat;}
ul#navmenu li:hover.livres{ background: url(../images/include/bkgd_lihover_livres.gif) no-repeat;}
ul#navmenu li:hover.musique{ background: url(../images/include/bkgd_lihover_musique.gif) no-repeat;}
ul#navmenu li:hover.theatre{ background: url(../images/include/bkgd_lihover_theatre.gif) no-repeat;}
ul#navmenu li:hover.philo{ background: url(../images/include/bkgd_lihover_philo.gif) no-repeat;}

ul#navmenu ul { margin: 0;  border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 22px; left: 0;}

ul#navmenu ul li { float: none; /*For Gecko*/ display: block !important; display: block; /*For IE*/ padding: 0; margin: 0;}




/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul{ display: none;}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul{ display: block;}
/* -------------------- */