li a
{
	color:#ccc
}
body

{
	margin: 140px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: gray ;
}
ul#menu li a:hover
{
	background: url(../../site-%C3%A0-h%C3%A9berg%C3%A9s/riadsomaroc/image/pomme.jpg) no-repeat 0 -30px  ; /* Et ici on décale l'image
	 du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des
	 propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: ; /* On met une image de background, 
	que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}
div#conteneur
{
	width: 600px ;
	height:343px;
	margin: 0 auto ;
	text-align: center ;
	border: 1px solid #993333 ;
	background: #fff  ;
}#apDiv1 {
	position:absolute;
	left:682px;
	top:461px;
	width:114px;
	height:19px;
	z-index:1;
}