body {
  background-image: url(http://www.aqualiment.info/album/images/fondgris.jpg);
  font: 90% verdana, arial, sans-serif; /* taille de la police */
}
#haut, #bas, #lien {
  width: 450px ; /* largeur du bouton */
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}
	#haut li, #bas li, #lien li {
	border: 1px solid #600 ;
	margin-bottom: 1px ;
}
#haut li a, #bas li a {
	display: block ;
	background: #ccc ; /* couleur du fond de bouton des proies */
	color: #000 ; /* couleur du texte de boutons des proies */
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
  text-decoration: none ;
}
#lien li a {
	display: block ;
	background: #ffffff ; /* couleur du fond de bouton des liens */
	color: #000000 ; /* couleur du texte de bouton des liens */
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
  text-align: left ;
  text-decoration: none ;
}
.ligne {
 background : #8EA6BE;
 color : #FFFFFF;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
}
.ligne a {
  color: #FFFFFF;
  text-decoration: none;         
  font-size : 11px;
}       
.ligne a:hover {
 color: #000000;
 text-decoration: none;
 font-size : 11px;
} 
        
a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 vertical-align:middle;
}

a {
 color: #000000;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}           
h1 {
  font-size: small; 
  color: #6186AE; 
  text-align: center;
 }
h2 {
  font-size: small; 
  color: #000000; 
 }