.xinput { border-right: #006892 2px solid; 
border-top: #7D7D7D 1px solid; 
font-size: 12px; border-left: #006892 2px solid; 
border-bottom: #7D7D7D 1px solid; 
background-color: #ffffff;
color: #006892 ;
font: 01em "Trebuchet MS", helvetica, sans-serif ;
}
body

{
	margin: 60px 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background: gray;
	background-color: #FFFFFF;
}
div#conteneur
{
	width: 663px ;
	height: auto604px;
	margin: 0 auto ;
	text-align: center ;
	border: 1px solid #006892 ;
	background: #fff  ;
}
div#text
{
margin: 9; 
padding: 9; 
}

#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 */
}
div#copy
{background: #006892 ;
font-size: 20px;
padding: 5px 0 0 30px ;
}
#sous_menu a{
text-decoration:none;  /* on enlève le soulignement */
color:#5d90b5; 
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:#294f79; 
}