body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #ece7eb ;
}
div#conteneur
{
	width: 507px ;
	height: auto500px;
	margin: 0 auto ;
	text-align: center ;
	border: 1px solid #A7A4D0 ;
	background: #ece7eb  ;
}
#sous_menu{
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 1%;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */
border : solid 1px #a3c0d5;  /* 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 #a3c0d5;  /* ici on affiche  une bordure uniquement en bas */
}

#sous_menu a{
text-decoration:none;  /* on enlève le soulignement */
color:#9B97CA; 
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:#e9eefb; 
color:#433E3E; 
}
.Style1 {color: #55A0FF}