#slideshow {
  position: relative;
}
#slideshow #slidesContainer {
  margin: 0 auto;
  width: 396px;
  height: 182px;
  overflow: auto; /* affiche une scrollbar au cas ou */
  position: relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width: 396px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height: 182px;
  background-image: url("../images/bgCarrousel.png");  
  background-repeat: no-repeat;  
  background-position: center bottom;
}

/* D Fleches */
.control {
  display:block;
  width:26px;
  height:182px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
}
#leftControl {
  top:0;
  left:0;
  background-color: transparent;  
  background-image: url(../images/btnSui.png);  
  background-repeat: no-repeat;  
  background position: 0 0;  
  z-index: 100;
}
  
#rightControl {
  top:0;
  right:0;
  background-color: transparent;  
  background-image: url(../images/btnPre.png);  
  background-repeat: no-repeat;  
  background position: 0 0;  
}
/* F Fleches */