   /* diaporama header */

#s3slider {
   width: 556px; /* important to be same as image width */
   height: 350px;  /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
   margin-right: 0px;
   margin-top: 0px;
   background-color: #000000;
   z-index:0;
}


.bookSingle
{
  position: absolute;
  z-index: 1;
  margin-top: 310px;
  color: #ffffff;
  background-image: url(../images/charte/arrow0.png);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  padding-left: 8px;
  margin-left: 35px;
  width: 480px;
  text-align: left;
}





#s3sliderContent {
width: 556px; /* important to be same as image width or wider */
position: absolute; /* important */
height: 283px;
margin-top: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   #right: 0px;
   #font: bold 13px/15px Trebuchet MS, Arial, Helvetica, sans-serif;
   color: #ffffff;
   #padding: 10px 0px 10px 0px;
   #width: 556px;
   #height: 30px;
   text-align: center;
   display: none; /* important */
   #bottom:0px;
   #top:10px;
   margin-top:10px;
   width: 510px;
   font: normal 25px Trebuchet MS, Arial, Helvetica, sans-serif;
   line-height:25px;
   left:20px;
}


#s3slider a {
  color: #ffffff;
  text-transform: uppercase;
   font-weight:bold;

}


#s3slider a:hover {
          color: #000000;
       text-transform: uppercase;
     text-decoration: none;
   font-weight:bold;

}


.clear {
   clear: both;
}

#s3slider ul,li,span
{
  background: none;
  padding: 0px;
  margin: 0px;
  list-style-type: none;   
}


