body
{
background-color: #000;
}


#background-home
{
position: absolute;
   border: 0px;
   width: 990px;
   height: 700px;
   margin: auto;  
position: absolute;
   left: 50%; 
   top: 50%;
   margin-top: -350px;
   margin-left: -495px;
}

#book
{
position: absolute;
   background: url("image/boutons/fleche-gauche.png");
     width: 130px; 
   height: 80px;
   left: 50%; 
   top: 50%;
   margin-top: -34px;
   margin-left: -450px;
}

#book:hover
{
   background: url("image/boutons/fleche-gauche-lumineuse.png");
      
}


#show
{
position: absolute;
   background: url("image/boutons/fleche-droite.png");
     width: 130px; 
   height: 80px;
   left: 50%; 
   top: 50%;
   margin-top: -33px;
   margin-left: 330px;
}


#show:hover
{
   background: url("image/boutons/fleche-droite-lumineuse.png");
      
}


#jaal
{
position: absolute;
	background: url("image/boutons/fleche-haut.png");
	width: 80px; 
   height: 130px;
   left: 50%; 
   top: 50%;
   margin-top: -365px;
   margin-left: -29px;
}


#jaal:hover
{
   background: url("image/boutons/fleche-haut-lumineuse.png");
      
}



#publicity
{
position: absolute;
	background: url("image/boutons/fleche-bas.png");
	width: 80px; 
   height: 130px;
   left: 50%; 
   top: 50%;
   margin-top: 255px;
   margin-left: -30px;
}

 
#publicity:hover
{
   background: url("image/boutons/fleche-bas-lumineuse.png");
      
}