/* Basic code - don't modify */

 #m-nav { display: block; margin: 0; padding: 0; position: relative; }
  #m-nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #m-nav a { display: block; }
  #m-nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #m-nav ul { line-height: 16px; } /* IE6 "fix" */
  	#m-nav ul a { zoom: 1; } /* IE6/7 fix */
    #m-nav ul li { float: none; }
    #m-nav ul ul { top: 0; }

/* Essentials - configure this */

/*#m-nav ul, #m-nav li { width: 100px; }*/

#m-nav li a { /*width: 95px;*/ }
/* Everything else is theming */


#mainNav { background: #fff; height: 107px; }

#mainNav ul li.mozaiques { width: 165px; }
#mainNav ul li.saison { width: 129px; }
#mainNav ul li.cycles { width: 182px; }
#mainNav ul li.vlieux { width: 158px; }
#mainNav ul li.repertoire { width: 123px; }
#mainNav ul li.disco { width: 144px; }

#m-nav {
    
    height: 44px;
    margin-left: 59px;
}

#m-nav *:hover { }

#m-nav a {   }

  #m-nav li.hover a {  }
  #m-nav ul { top: 24px;  } /*25px*/
    #m-nav ul li a {   }

      #m-nav ul a.hover {   }
   #m-nav ul a {  }
/* #m-nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#m-nav li {
    background: transparent url(img/note.png) no-repeat 0 0%;
    padding-left: 0px;
    /*line-height: 40px;*/
}
#m-nav li li {
    background-image: none;
    padding-left: 0px;
    
}

#m-nav li ul {
    background: transparent url(img/note.png) no-repeat 0 100%;
    padding: 6px 0 0 23px;
}

.mainNav-fr #m-nav li a { background: #fff url(img/menu-fr.png) no-repeat 0 0; }
.mainNav-en #m-nav li a { background: #fff url(img/menu-en.png) no-repeat 0 0; }

#m-nav li a {
    text-indent: -10000px;
    padding: 5px 0 5px 11px;
}


#m-nav li.mozaiques a { background-position: -59px 0; }
#m-nav li.saison a { background-position: -224px 0; }
#m-nav li.cycles a { background-position: -353px 0; }
#m-nav li.vlieux a { background-position: -535px 0; }
#m-nav li.repertoire a { background-position: -693px 0; }
#m-nav li.disco a { background-position: -816px 0; }

#m-nav li.mozaiques a.on { background-position: -59px -38px; }
#m-nav li.saison a.on { background-position: -224px -38px; }
#m-nav li.cycles a.on { background-position: -353px -38px; }
#m-nav li.vlieux a.on { background-position: -535px -38px; }
#m-nav li.repertoire a.on { background-position: -693px -38px; }
#m-nav li.disco a.on { background-position: -816px -38px; }

.mainNav-fr #m-nav li li a, .mainNav-en #m-nav li li a { background-image: none; background-color: transparent; }
#m-nav li li a {
    padding: 0 0 0 0;
    text-indent: 0px;
    color: #2c5a73;
}

#m-nav li li a:hover {
    color: #69afcf;
}

#m-nav li li a.on {
    color: #e42785;
}