/************** menu langues **************/

ul#langues {margin-top:20px; margin-left:40px; float:left;}
ul#langues li { display:inline; margin-right:15px;}
ul#langues li.last { margin-right:0;}
ul#langues li a {}

/************** menu outils **************/

ul#outils {margin-left:0; }
ul#outils li {float:left; padding-left:0;}
ul#outils li a {border-right:1px solid #FE5200; padding-right:10px;}
ul#outils li.last a {border-right:0; padding-right:0; padding-left:10px;}


/************** menu principal **************/

/* Masquer les niveaux 2 et plus */
ul#navigation, #navigation ul, #navigation li { margin:0; padding: 0; }
#navigation li {    }

/* 1e niveau */
#navigation { font-size:1.1em; display:block; height:36px; }
#navigation li { float:left; padding-left:11px; text-transform:uppercase; height:36px; font-weight:bold; background:url(../images/bg_li-a.jpg) no-repeat left top; position:relative;}
#navigation li a { position:relative; padding:16px 16px 0 5px; color:#145da8; height:20px; display:block; background:url(../images/bg_li.jpg) no-repeat right top; text-align:center; }

#navigation li:hover, #navigation li.select  { background:url(../images/bg_li-hover.jpg) no-repeat; height:35px; padding-left:0; border-bottom:1px solid #d1d1d1 ;}
#navigation li:hover a, #navigation li.select a  {padding-left:16px; background:none;}
#navigation li a:hover, #navigation li a.aselect { color:#fff;}

#navigation li.index { padding-left:23px; background:url(../images/bg_li-accueil.png) no-repeat left top;}
#navigation li.index a {}
#navigation li:hover.index, #navigation li.select.index {padding-left:0; background:url(../images/bg_li-hover_accueil.png) repeat-x; width:115px;}
#navigation li:hover.index a, #navigation li.select.index a {padding-left:28px;}

#navigation li.contact {padding-right:23px;  padding-left:0; background:url(../images/bg_li-contact.png) no-repeat right top;}
#navigation li.contact a {padding:16px 20px 0 5px; background:url(../images/bg_li-a_contact.png) no-repeat left top;}
#navigation li.contact:hover, #navigation li.contact.select {background:url(../images/bg_li-hover_contact.png) repeat-x; padding-right:0; width:112px; padding-right:0;}
#navigation li.contact:hover a, #navigation li.contact.select a {padding-right:43px; background:none;}

#navigation li.index {width:92px;}
#navigation li.contact {width:89px;}
#navigation li.palmes {width:99px;}
#navigation li.palmes:hover, #navigation li.palmes.select {width:110px;}
#navigation li.masques {width:107px;}
#navigation li.masques:hover, #navigation li.masques.select {width:118px;}
#navigation li.tubas {width:90px;}
#navigation li.tubas:hover, #navigation li.tubas.select {width:101px;}
#navigation li.ensembles {width:100px;}
#navigation li.ensembles:hover, #navigation li.ensembles.select {width:111px;}
#navigation li.ensembles a {padding:16px 10px 0 5px;}
#navigation li.accessoires {width:108px;}
#navigation li.accessoires:hover, #navigation li.accessoires.select {width:119px;}
#navigation li.natation {width:92px;}
#navigation li.natation:hover, #navigation li.natation.select {width:103px;}
#navigation li.societe {width:100px;}
#navigation li.societe:hover, #navigation li.societe.select {width:111px;}


/* 2e niveau */
ul#navigation li ul { z-index:10; display:none; position:absolute;  width:192px; background:url(../images/bg_sousmenu.png) repeat-y left bottom; padding-bottom:20px; padding-top:10px; left:-2px; top:36px; }
ul#navigation li:hover ul {display:block;}

ul#navigation li ul li {position:relative; text-transform:none; width:192px; background:none; float:none; height:25px; padding:0; }
ul#navigation li ul li:hover, ul#navigation li ul li.select {height:25px; background:none; border-bottom:0;}
ul#navigation li ul li:hover a, ul#navigation li ul li.select a {background:transparent url(../images/bg_sousmenu-li-hover.png) repeat-y scroll 0 0;}
ul#navigation li ul li a {text-align:left; height:11px; padding:7px 0 6px 30px !important; border-bottom:1px solid #c6c6c6; width:158px; margin:0 auto; margin-left:2px;}
ul#navigation li ul li.last a {border-bottom:0;}

/* 3e niveau */
ul#navigation li.select ul li ul, ul#navigation li:hover ul li ul {display:none; background:transparent url(../images/bg_sousmenu.png) repeat-y scroll left top; padding-bottom:0;}

ul#navigation li ul li:hover ul, ul#navigation li ul li.select ul {display:block;}
ul#navigation li ul li ul {position:absolute; top:0; left:187px; padding-top:0;}
ul#navigation li.select ul li ul li a, ul#navigation li:hover ul li ul li a {background:none; border-bottom:1px solid #C6C6C6;}
ul#navigation li ul li ul li:hover a, ul#navigation li ul li ul li.select a {background:transparent url(../images/bg_sousmenu-li-hover.png) repeat-y scroll 0 0; border-bottom:1px solid #C6C6C6;}