/* Menu */

#menu, #menu ul {
	list-style: none; /* on supprime le style par défault de la liste */
        margin-bottom: 10px;
        border: none;
        background-color: #82ad37 /* #8fbd2d */;
        font-family: "TheGotham", sans-serif;
	}

#menu {
	margin-top: 20px;
	padding-left: 10px;
	border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	font-size: 16px;
	}

#menu ul {
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	font-size: 15px;
	text-align: center;
	padding-bottom: 7px;
	}

#menu a {
	display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding: 10px 20px;
	background: #82ad37; /* couleur de fond */	
	color: #eee; /* couleur du texte */
	text-decoration: none;
	/* text-shadow: #C3E388 1px 1px 1px; */
	}

/* Mettre le menu au-dessus de la navigation du programme */
#menu li ul {
	z-index: 1000;
	}

#menu li ul li a {
	width: 120px;
	padding: 5px 10px;
	font-size: 13px;
	}

#menu li {
	float: left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right: 1px solid #fff;
	}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li {
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menu li ul /* Sous-listes */ {
	position: absolute; /* Position absolu */
	width: 144px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	}

/* Eléments de sous-listes */
#menu li ul li {
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li {
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
	}

#menu li ul ul {
	margin : -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
	}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
	}

#menu a:hover, #menu li ul a:hover {
	color: #fff;
	/*
	color: #005aae;
	background: #b1d9ff;
	*/
	}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors 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 */
}


/*
a {
	text-decoration: none;
	color: #ae0000;
}
*/

/*
a:hover {
	font-weight: bold;
}
*/