#entry-content {
	font-size:12px;
}


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 74px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
		font-size:13px;

        /* pour IE qui ne reconnaît pas "transparent" */
}

/* IE ne reconnaissant pas le sélecteur ">" */
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 164px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}




#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#topbars {font-family:Arial, Helvetica, sans-serif; }


/*	
-------------------------------------------
div#navigation = STYLES
-------------------------------------------
*/
ul#menu {padding:6px;width:96%;}
ul#menu li {list-style:none;}
ul#menu > li { display:inline-block;line-height: 1.7em; margin-right:0.4em;position:relative; vertical-align:top;}
ul#menu > li span + span {float:right; font-size:80%;padding-left:0.4em;}
ul#menu li a {display:block;font-weight:bold;padding:0.4em 0.8em; position:relative;text-decoration:none;}
ul#menu ul a { text-shadow:none;background-color:#69C;width: 164px;}

ul#menu > li > a {border-radius: 0.4em;}
ul#menu li.sub > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu ul, 
ul#menu li li:last-child, 
ul#menu li li:last-child a, 
ul#menu li li:last-child a:hover {border-radius: 0 0 0.4em 0.4em}

ul#menu.drop {padding:2% 2% 0;}
ul#menu.drop > li > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul, ul#menu.drop li > a:focus + ul { left:0;}
ul#menu.drop ul { left: -9999px; padding-top:7px;position: absolute;z-index:999;}
ul#menu.drop ul a {width:10em;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}

@media screen and (max-width:999px) {
#wrapper {width:90%;}

ul#menu.drop {padding:2%;}
ul#menu.drop > li > a {border-radius: 0.4em;}
ul#menu.drop li.sub > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu.drop ul, ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul { left:0;}
ul#menu.drop ul { padding-top:0;position:relative;}
ul#menu.drop ul a, ul#menu.drop ul li:last-child a { border-left:0; border-right:0!important;border-top:0!important;}
ul#menu.drop ul li:first-child a {border-top:1px solid #dadada;}
ul#menu.drop ul a {width:auto;}
}

@media screen and (max-width:540px) {
ul#menu > li {display: block;margin-top:0.4em;}
}