/* Start of CMSMS style sheet 'menu deroulant new' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menuprincipale {
        font-size: 13px;
	height:41px;
	/*line-height:41px;*/
	margin:0;
	background-image:url(../img/commun/spacer.gif);
	background-repeat:repeat;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
        width:986px;
}


/* Styling the basic apperance of the menu elements */
#niveau01 a {
        display: block;
         margin: 0; 
         padding: 0;
        text-decoration: none; 
	color:#FFF;
        position:relative;
        padding:11px 22px 8px 22px;
        ! padding:10px 22px 8px 22px;
}
#niveau01 a:hover { 
        color: #FFF;
        background-image:url(../img/commun/bg_bt_menu_on.gif);
        background-repeat:repeat-x;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#niveau01{ 
   margin: 0;  
   padding:0; 
}
#niveau01 ul { 
  position: absolute;
   margin: 0px; 
   display: none;
   padding:0;
}
#niveau01 li{ 
   list-style: none; 
   /*padding:11px 28px 0 28px;
   padding:11px 22px 0 22px;*/
   margin:0;
   /*margin-left: -1px;*/
   float: left;
}
#niveau01 ul ul { 
  /*margin-top: 1px;
   margin-left: -1px;
 left: 100%;
   top: 0px;*/
   padding:0;
}
#niveau01 li li { 
   list-style: none;
   padding:0;
   margin: 0 0 0 -30px;
   /*margin-top: -1px;*/
   float: none;
   position: relative;
  height:30px;
}
#niveau01 li li a {
   display:block;
   font-size:11px;
   color: #000;
  background-image:url(../img/commun/bg_menu_deroul_off.jpg);
  background-repeat:repeat-x;
   /*background-color:#D2D2D2;*/
   text-decoration:none;
   height:23px;
   padding:7px 15px 0 15px;
   min-width: 10px !important;
   width:210px;
   z-index:200;
   text-transform:none;
   filter:alpha(opacity=90);
   -moz-opacity:.90;
  opacity:.90;
  /*border-bottom:1px solid #FFF;*/
}	
#niveau01 li li a:hover { 
    background-image:url(../img/commun/bg_menu_deroul_on.jpg);
    background-repeat:repeat-x;
   /*background-color:#BABABA;*/
   color: #000000;
   
}

#niveau01 li.separe {
      background-image:url(../img/commun/img_separe.gif);
      background-repeat:no-repeat;
      background-position:center top;
      padding:0;
      margin:6px 0 0 0;
      width:1px;
      font-size:5px;
      height:25px;
}
#niveau01 li.separenull{
      background-image:none;
      background-position:0px 0px;
      padding:0px 10px;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#niveau01 li.menuactive a{ 
 /*color: #B4B4B9;
   color: #820E00;*/
 color: #FFF;
        background-image:url(../img/commun/bg_bt_menu_on.gif);
        background-repeat:repeat-x;
}

#niveau01 li.menuactive li a { 
   display:block;
   font-size:11px;
   color: #000;
  background-image:url(../img/commun/bg_menu_deroul_off.jpg);
  background-repeat:repeat-x;
   /*background-color:#D2D2D2;*/
   height:23px;
   text-decoration:none;
   /*padding:7px 35px 7px 15px;*/
 padding:7px 15px 0 30px;
   margin:0;
   /*min-width: 10px !important;*/
   /*width:100px;*/
   z-index:200px;
   text-transform:none;
   filter:alpha(opacity=90);
   -moz-opacity:.90;
  opacity:.90;
}	
#niveau01 li.menuactive li a:hover { 
   background-image:url(../img/commun/bg_menu_deroul_on.jpg);
    background-repeat:repeat-x;
   /*background-color:#BABABA;*/
   color: #000000;
}
/* 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;
   /*padding:11px 0 0 0;*/
}

/* 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; 
     padding:0;
}



/* IE Hacks */
#niveau01 li li { 
   float: left; 
   clear: both;
}
#niveau01 li li a { 
   /*height: 1%;*/
}
/* End of 'menu deroulant new' */