@charset "utf-8";
/* CSS Document */


#navigation{width:940px; height:40px; margin:0 auto; z-index:2; font-size:11px}

ul.menu{list-style:none}
ul.menu a{display:block; height:0; padding-top:40px; overflow:hidden; background-image:url(interface/navigation.png); background-repeat:no-repeat}

ul.menu li{display:inline; position:relative; float:left; margin:0;  z-index:2;}
ul.menu ul{display:block; position:absolute; top:40px; left:0; display:none; margin:0; padding:0; -webkit-box-shadow:0 0 10px #bababa; -moz-box-shadow:0 0 10px #bababa; box-shadow:0 0 10px #bababa}
ul.menu ul li{position:relative; border:1px solid #CECECF; border-top:none;}
ul.menu ul li a{width:160px; height:auto; padding:10px; color:#555; background:none #FAFCEF; text-decoration:none; display:block}
ul.menu ul li a:hover{background:#630900; color:#fff}

ul.menu ul ul{left:180px; top:-1px; left:183px;}

ul.menu .topline{border-top:1px solid #CECECF}



#accueil a{width:83px; background-position:0 0}
#accueil a:hover{background-position:0 -40px}

#historique a{width:104px; background-position:-83px 0}
#historique a:hover{background-position:-83px -40px}

#parcours a{width:93px; background-position:-187px 0}
#parcours a:hover{background-position:-187px -40px}

#tarifications a{width:123px; background-position:-280px 0}
#tarifications a:hover{background-position:-280px -40px}

#galerie a{width:136px; background-position:-403px 0}
#galerie a:hover{background-position:-403px -40px}

#groupes a{width:177px; background-position:-539px 0}
#groupes a:hover{background-position:-539px -40px}

#membres a{width:97px; background-position:-716px 0}
#membres a:hover{background-position:-716px -40px}
#membres .sousmenu a{width:163px}

#joindre a{width:127px; background-position:-813px 0}
#joindre a:hover{background-position:-813px -40px}