/* Start of CMSMS style sheet 'menu deroulant new' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }


/*#menuprincipale { 
        float:left;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	color: #FFFFFF;
        background-color:#494957;
        border-top:1px solid #8A8BA4;
        border-right:1px solid #3C3D49;
        border-bottom:1px solid #3C3D49;
        width:665px;
        height:38px;
        padding-left:35px;
}*/
#menuprincipale {
        background-image:url(/img/commun/bg_menu.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_menu.png', sizingMethod='crop');
	background-repeat: no-repeat;
	height:57px;
}


/* Styling the basic apperance of the menu elements */
#niveau01 a {
        display: block;
         margin: 0; 
         padding: 0;
        text-decoration: none; 
	color:#FFF;
        position:relative;
}
#niveau01 a:hover { 
   color: #FFF;
}

/*#niveau01 a { 
   display: block;
   margin: 0px; 
   padding: 5px 10px;
   text-decoration: none; 
   color: #FFF;
}
#niveau01 a:hover { 
   color: #FFF;
}*/

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#niveau01{ 
   margin: 0;  
   padding:13px 0 0 11px; 
}
#niveau01 ul { 
  position: absolute;
  display: none;
   margin: 0; 
   padding:0;
}
#niveau01 li{ 
   list-style: none; 
   padding:0;
   /*margin-left: -1px;*/
   margin:0;
   float: left;
}
#niveau01 li#hotels,
#niveau01 li#restaurant,
#niveau01 li#nice,
#niveau01 li#musee,
#niveau01 li#carte,
#niveau01 li#monaco{ 
	display:block;
        height:44px;
	width:281px;
}

#niveau01 li#restaurant,
#niveau01 li#carte{ 
        width:148px;
}
#niveau01 li#nice,
#niveau01 li#musee,
#niveau01 li#monaco{ 
        width:149px;
}
#niveau01 li#hotels a,
#niveau01 li#restaurant a,
#niveau01 li#nice a,
#niveau01 li#musee a,
#niveau01 li#carte a,
#niveau01 li#monaco a{ 
	display:block;
	text-align:center;
	background-image:url(/img/commun/bg_bt_hotel.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#000;
	font-weight:bold;
	font-size:18px;
        padding:15px 0;
        width:281px;
}
#niveau01 li#restaurant a{ 
  background-image:url(/img/commun/bg_bt_restaurant.jpg);
  text-align:left;
  font-weight:bold;
  font-size:13px;
  display:block;
  padding:8px 0 7px 19px;
  width:129px;
  /*height:29px;*/
}
#niveau01 li#nice a{ 
  background-image:url(/img/commun/bg_bt_nice.jpg);
  text-align:left;
  font-size:13px;
  font-weight:bold;
  display:block;
  padding:8px 10px 7px 19px;
  width:122px;
 /* height:29px;*/
}
#niveau01 li#musee a{ 
  background-image:url(/img/commun/bg_bt_musee.jpg);
  text-align:left;
  font-size:13px;
  font-weight:bold;
  display:block;
  padding:8px 10px 7px 19px;
  width:120px;
}
#niveau01 li#carte a{ 
  background-image:url(/img/commun/bg_bt_carte.jpg);
  text-align:left;
  font-size:13px;
  font-weight:bold;
  display:block;
  padding:8px 30px 7px 19px;
  width:99px;
  /*height:29px;*/
}
#niveau01 li#monaco a{ 
	background-image:url(/img/commun/bg_bt_monaco.jpg);
  text-align:left;
  font-size:13px;
  font-weight:bold;
  display:block;
  padding:8px 2px 7px 19px;
  height:29px;
  width:128px;
  /*height:29px;*/
}

#niveau01 li#hotels a:hover,
#niveau01 li#restaurant a:hover,
#niveau01 li#nice a:hover,
#niveau01 li#musee a:hover,
#niveau01 li#carte a:hover,
#niveau01 li#monaco a:hover{
	background-position:0 -44px;
}

#niveau01 ul ul { 
  margin-top: 1px;
  margin-left: -1px;
  left: 100%;
  top: 0px;
}

#niveau01 li li { 
  list-style: none;
  padding:0;
  margin-left: 0;
  margin-top: 0;
  float: none;
 border-top:1px solid #B3B7B8;
  border-left:1px solid #B3B7B8;
  border-right:1px solid #B3B7B8;
  position: relative;
}

#niveau01 li#hotels li a {
  display:block;
  background-image:url(/img/commun/bg_sous_menu.png) !important;
  background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_sous_menu.png', sizingMethod='scale');
  background-repeat:repeat;
  font-size:11px;
  color: #000;
  text-decoration:none;
  /*padding:5px 0 0 10px;*/
   padding:5px 0 5px 0;
  width:279px;
  z-index:200;
}
#niveau01 li#restaurant li a,
#niveau01 li#nice li a,
#niveau01 li#musee li a,
#niveau01 li#carte li a,
#niveau01 li#monaco li a {
  display:block;
  background-image:url(/img/commun/bg_sous_menu.png) !important;
  background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_sous_menu.png', sizingMethod='scale');
  background-repeat:repeat;
  font-size:11px;
  color: #000;
  text-decoration:none;
  padding:5px 30px 5px 10px;
  text-align:left;
  z-index:200;
  width: 138px;
}
#niveau01 li#monaco li a {
  padding:5px 0 0 10px;
  height:20px;
}
#niveau01 li#hotels li a:hover,	
#niveau01 li#restaurant li a:hover,
#niveau01 li#nice li a:hover,
#niveau01 li#musee li a:hover,
#niveau01 li#carte li a:hover,
#niveau01 li#monaco li a:hover { 
   color: #666;
 background-image:url(/img/commun/bg_sous_menu_on.png) !important;
     background-image:none;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_sous_menu_on.png', sizingMethod='scale');
     background-repeat:repeat;
}

#niveau01 li#hotels li ul,
#niveau01 li#restaurant li ul,
#niveau01 li#nice li ul,
#niveau01 li#musee li ul,
#niveau01 li#carte li ul,
#niveau01 li#monaco li ul {
     margin:-1px 0 0 1px;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */


#niveau01 li#hotels .menuactive,
#niveau01 li#restaurant .menuactive,
#niveau01 li#nice .menuactive,
#niveau01 li#musee .menuactive,
#niveau01 li#carte .menuactive,
#niveau01 li#monaco .menuactive{
	background-position:0 -44px;
}


#niveau01 li#hotels .menuactive a,
#niveau01 li#restaurant .menuactive a,
#niveau01 li#nice .menuactive a,
#niveau01 li#musee .menuactive a,
#niveau01 li#carte .menuactive a,
#niveau01 li#monaco .menuactive a{ 
  background-image:url(/img/commun/bg_sous_menu.png) !important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_sous_menu.png', sizingMethod='scale');
	background-repeat:repeat;
   font-size:11px;
   color: #000;
}	
#niveau01 li#hotels .menuactive a:hover ,
#niveau01 li#restaurant .menuactive a:hover ,
#niveau01 li#nice .menuactive a:hover ,
#niveau01 li#musee .menuactive a:hover ,
#niveau01 li#carte .menuactive a:hover ,
#niveau01 li#monaco .menuactive a:hover { 
   color: #666;
}




/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#niveau01 ul li.menuparent, 
#niveau01 ul li.menuparent:hover, 
#niveau01 ul li.menuparenth { 
/* arrow for menuparents */
   /*background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
border:1px solid red;*/
}



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#niveau01 li:hover ul ul, 
#niveau01 li.menuparenth ul ul ul,
for fourth level 
*/
#niveau01 ul, 
#niveau01 li:hover ul, 
#niveau01 li:hover ul ul, 
#niveau01 li.menuparenth ul, 
#niveau01 li.menuparenth ul ul { 
   display: none;
}

/* add 
#niveau01 ul ul ul li:hover ul, 
#niveau01 ul ul ul li.menuparenth ul,
for fourth level
*/
#niveau01 li:hover ul, 
#niveau01 ul li:hover ul, 
#niveau01 ul ul li:hover ul, 
#niveau01 li.menuparenth ul, 
#niveau01 ul li.menuparenth ul, 
#niveau01 ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#niveau01 li li { 
   float: left; 
   clear: both; 
}
/*#niveau01 li li a { 
   height: 1%;
}*/
/* End of 'menu deroulant new' */

