/*! http://responsiveslides.com v1.54 by @viljamis */

/*
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


*/

/* Le conteneur li : la boîte fixe avec fond noir */
.rslides li {
    background: #000 !important;
    height: 250px !important; /* Hauteur Mobile */
    overflow: hidden !important;
    position: relative; /* On garde ça pour la légende */
    
    /* On utilise Flexbox pour centrer l'image sans casser le flux */
    display: none; /* Laissé par défaut, le JS l'affichera */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* On force l'affichage flex uniquement quand la slide est active */
.rslides li.callbacks_on, 
.rslides li[style*="display: block"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* L'image : s'adapte à la hauteur sans déborder */
.rslides img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    /* On retire les marges parasites du script */
    /*margin: 0 !important; */
    /*float: none !important;*/
	margin-left:auto;
	margin-right:auto;
}

/* Format Ordinateur */
@media (min-width: 768px) {
    .rslides li {
        height: 500px !important;
    }
}

.caption {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0;
}