/* Start of CMSMS style sheet 'atmoexpert-menu' */
/* Fix for Opera 8 */
.clearb { clear: both; }

/*Anciennement #menuwrapper*/

#before-menu { 
	background: url(uploads/images/css/separator_l.png) no-repeat right top;
	height: 36px; 
	margin-right: 0;
}
#after-menu { 
	background: url(uploads/images/css/separator_r.png) no-repeat left top;
	height: 36px; 
}
#menu{ 
  /* Fix for Opera 8 */ 
  /*   overflow: hidden;  */ 
  height: 36px;
  background: transparent url(uploads/images/css/menu_bg.png);
}


#primary-nav, 
#primary-nav ul { 
  list-style: none; 
  margin: 0px; 
  padding: 0px; 
}
  #primary-nav ul { 
    background: transparent url(uploads/images/css/sous-menu-footer.png) 0 bottom no-repeat;
    display: none;
    margin-left: -9px;
    margin-top: 0px; /* Pour faire la liaison entre la barre de menu et le sous-menu */
    padding-bottom: 14px;
    position: absolute; 
    top: auto;
    z-index: 1;
  }
  
    #primary-nav ul ul { 
      left: 100%; 
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      top: 0px;
     
    }
	
	
	
#primary-nav li { 
  float: left; 
width: 120px;
height: 36px;
text-align: center;
background: url(uploads/images/css/menu_onglet.png) no-repeat 0 0;
 }
 
/* On applique un noir plus profond pour les items de la page active et pour ceux qui n'ont pas de sous-menu */
#primary-nav li.menuactive, 
#primary-nav li:hover,
#primary-nav li.menuparent:hover { 
  background-position: 0 -36px; 
}
  #primary-nav ul li.menuactive { 
    background-image: none;
  }
  
  #primary-nav li li { 
    background: transparent url(uploads/images/css/sous-menu-body.png) 0 0 repeat-y;
    float: none; 
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 9px;
   position: relative;     
    width: 218px;
height:22px;
text-align: left;
  }
  #primary-nav li li li {
    position: relative;
    z-index: 10;
  }


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
  color: #fff;
  display: block; 
  padding: 7px 20px;
  text-decoration: none; 
}
#primary-nav li a { 
  padding: 0 20px;
  line-height: 36px; 
}

  /* Pour les items sans sous-menu, on affiche un noir plus profond d&eacute;fini dans le li par d&eacute;faut */
  #primary-nav li a:hover,
  #primary-nav li a.menuh {
    background-color: transparent;
  }
  
  #primary-nav li li a { 
display: block;
    color: #555;
    font-size: 10px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px;
height: 22px !important;
    width: 180px; /* N&eacute;cessaire pour IE-6 */
  }

  #primary-nav li li a:hover {
    background-color: #ccc;
    background-image: none;
    color: #111;
  }
  #primary-nav li li.menuactive,
  #primary-nav li li:hover,
  #primary-nav li li.menuparent:hover {
    background: transparent url(uploads/images/css/sous-menu-body.png) 0 0 repeat-y;
  }



/* Section Header */
#primary-nav li li.sectionheader span,
#primary-nav li li.sectionheaderh span {
  border-bottom: 1px dotted #ccc;
  color: #111;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 4px 0;
  width: 196px; /* N&eacute;cessaire pour IE-6 */
}
  /* N&eacute;cessaire pour IE */
  #primary-nav li li.sectionheader:hover,
  #primary-nav li li.sectionheaderh {
    color: #111;
  }


/* Separator */
#primary-nav li li hr.separator {
  border: 1px dotted #999;
  border-width: 0 0 1px 0;
  position: static;
  height: 1px;
  width: 200px; /* N&eacute;cessaire pour IE-6 */
}




/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
  display: block; 
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

#primary-nav li li a.menuactive { color:#fa9035; }

/* End of 'atmoexpert-menu' */

