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

{
	margin: 30px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #51BDe0 ;
}
div#conteneur
{
	width: 877px ;
	height:648px;
	margin: 0 auto ;
	text-align: center ;
	border: 1px solid #006892 ;
	background: #fff  ;
}

div#text
{
text-align:justify;
margin: 0px;
	padding:0px ;
}
#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: #51BDe0 ;
font-size: 18px;
padding: 0px 0 0 30px ;
width: 840px ;
}

#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; 
}
div#text
{
color:#006892
}