/*balises CSS*/

body{
	background-color:#003333;
	color:#FFFFCC;
}

#sous_menu{
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
padding:0; 
width:  150%;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */
border : solid 1px #003333;  /* on applique des bordures à la balise ul */
border-bottom: none; /* et on retire celle du bas */

}
#sous_menu li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
border-bottom: 1px solid #003333;  /* ici on affiche  une bordure uniquement en bas */
}
#sous_menu a{
text-decoration:none;  /* on enlève le soulignement */
background-color:#99CC66;
color:#000000; 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
padding-left:1.5em;  /* une marge intérieure gauche juste pour l'esthétique */
}
#sous_menu a:hover{
background-color:#003333; /* #e9eefb; */
color:#000000; 
}

a:active, a:link { color: #003366; }
a:visited, a:hover {color: #66CC99; }