.carousel{
  position: relative;
  width: 100%; /* largeur du caroussel */
  height: 100%; /* hauteur du carousel */
  overflow: hidden;
}

.navsemi{ /* demi cercles pour les boutons */
  position: absolute;
  z-index: 1000;
  background: #eee;
  border: 1px solid gray;
  font: bold 22px Arial; /*taille, et police de la flèche*/
  cursor: pointer;
  top: 30px; /*position du demin cercle en hauteur*/
  width: 20px; /*largeur du demi cercle où se trouvent les flèches*/
  height: 45px; /* hauteur du demi cercle où se trouvent les fleches*/
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  opacity: 0.7;
}

.navsemi:hover{
  background: #D8D8D8;
}

.navsemi span{
  position: relative;
  top: 7px;
  left: 3px;
}

.navsemi.right{
  right: 0;
  border-radius: 0;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;  
}

.navsemi.right span{
  left: 8px;
}

.belt{
  position: absolute;
  left: 0;
  top: 0;
  background:white;
  transition: left 0.2s ease-in-out;
  white-space: nowrap;
}


.content{
  min-width: 50px; /* minimum width */
  padding: 5px;
  color: white;
  display: inline-block;
  transition: all 0.2s ease-in; /* transition setting. Actual time set by script (options.bouncetime) */
}

.content:hover{
  background:#E8F4F3;
}

.content a{
  border-width: 0;
}

.content img{
  display: block;
  margin-bottom: 0px;
}