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(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:699px;
	top:464px;
	width:158px;
	height:23px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:671px;
	top:460px;
	width:123px;
	height:23px;
	z-index:1;
}