/* --------- bouton pour les histoires ------------------------------*/

a.l1, a.l1actif {display:block;  float:left ; background-repeat:no-repeat; background-image: url(bt/l1-of.gif); width: 50px; height:50px; margin-left:5px;}
a.l1:hover { background-color: none; /* bugg si pas de background-color*/	z-index:2; background-image: url(bt/l1-on.gif);width: 66px; height:66px;}
a.l1actif {display:block;  float:left ; background-repeat:no-repeat; background-image: url(bt/l1-on.gif);width: 66px; height:66px;}

a.l2 {display:block;  float:left ; background-repeat:no-repeat; background-image: url(bt/l2-of.gif); width: 50px; height:50px;  margin-left:2px;}
a.l2actif  {display:block;  float:left ; background-repeat:no-repeat; background-image: url(bt/l2-on.gif);width: 66px; height:66px;  margin-left:5px;}
a.l2:hover {background-image: url(bt/l2-on.gif);width: 66px; height:66px;	background-color: none; /* bugg si pas de background-color*/	z-index:2;}


a.l3  {background-image: url(bt/l3-of.gif); width: 50px; height:50px;  margin-left:2px; display:block;  float:left ; background-repeat:no-repeat;}
a.l3:hover   {background-image: url(bt/l3-on.gif);width: 66px; height:66px;	background-color: none; /* bugg si pas de background-color*/	z-index:2;}
a.l3actif   {background-image: url(bt/l3-on.gif);width: 66px; height:66px; display:block;  float:left ; background-repeat:no-repeat; }

a.l4  {background-image: url(bt/l4-of.gif); width: 50px; height:50px; margin-left:2px; display:block;  float:left ; background-repeat:no-repeat;}
a.l4:hover  {background-image: url(bt/l4-on.gif); width: 66px; height:66px;	background-color: none; /* bugg si pas de background-color*/	z-index:2;}
a.l4actif   {background-image: url(bt/l4-on.gif); width: 66px; height:66px;display:block;  float:left ; background-repeat:no-repeat; }

a.l5   {background-image: url(bt/l5-of.gif); width: 50px; height:50px; margin-left:2px; display:block;  float:left ; background-repeat:no-repeat;}
a.l5:hover  {background-image: url(bt/l5-on.gif);width: 66px; height:66px; 	background-color: none; /* bugg si pas de background-color*/	z-index:2;}
a.l5actif   {background-image: url(bt/l5-on.gif);width: 66px; height:66px;display:block;  float:left ; background-repeat:no-repeat;  }

a.l6  {background-image: url(bt/l6-of.gif); width: 50px; height:50px;  margin-left:2px; display:block;  float:left ; background-repeat:no-repeat;}
a.l6:hover  {background-image: url(bt/l6-on.gif);width: 66px; height:66px;	background-color: none; /* bugg si pas de background-color*/	z-index:2;}
a.l6actif   {background-image: url(bt/l6-on.gif);width: 66px; height:66px;display:block;  float:left ; background-repeat:no-repeat; }

a.l7  {background-image: url(bt/l7-of.gif);width: 50px; height:50px;  margin-left:2px; display:block;  float:left ; background-repeat:no-repeat;}
a.l7:hover {background-image: url(bt/l7-on.gif); width: 66px; height:66px;	background-color: none; /* bugg si pas de background-color*/	z-index:2;}
a.l7actif   {background-image: url(bt/l7-on.gif); width: 66px; height:66px;display:block;  float:left ; background-repeat:no-repeat; }

/*  --------- retour accueil site et livres ----------------- */
a.retoursite {background-image: url(bt/ph-off.jpg); width: 382px; height:29px; display:block;  float:left ; background-repeat:no-repeat;}
a.retoursite:hover {	background-color: none; /* bugg si pas de background-color*/	z-index:2; background-image: url(bt/ph-on.jpg); 	background-color: #000000; /* bugg si pas de background-color*/}

a.retourlivre {background-image: url(bt/livre-off.jpg); width: 382px; height:45px; display:block;  float:left ; background-repeat:no-repeat;}
a.retourlivre:hover {	background-color: none; /* bugg si pas de background-color*/	z-index:2; background-image: url(bt/livre-on.jpg);	background-color: #000000; /* bugg si pas de background-color*/}


/* ---------- images ------------- */
.img1 {background-image: url(images/img_01.jpg); width: 162px; height:110px;}
.imgtexte {background-image: url(images/texte.jpg); width: 382px; height:36px;}
.img5 {background-image: url(images/img_05.jpg); width: 111px; height:110px;}
.imgbandeaufin{background-image: url(images/bandeau_fin.gif);width:100%;  height:80px; }