/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version,IE 11
*/

section[id^="banner-block"] .banner {
  position: relative;
  margin-bottom: 15px;
  box-shadow: none !important;
}

section[id^="banner-block"] .banner .item {
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-direction: column;
}

section[id^="banner-block"] .banner .item figcaption {
  position: relative;
  margin-top: 10px;
  color: #656565;
  font-size: 12px;
  font-style: italic;
}

section[id^="banner-block"] .banner .item .texte {
  position: absolute;
  top: 0;
  left: 0;
  right: 15px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

section[id^="banner-block"] .banner .item .texte .centrage {
  margin: auto;
  width: 100%;
}

section[id^="banner-block"] .banner .tiny-slider{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@supports (-ms-ime-align: auto) {
  section[id^="banner-block"] .banner .tiny-slider{
    display: block;
  }
}

section[id^="banner-block"] .banner .tns-nav {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 25px 0 25px 0;
  bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

section[id^="banner-block"] .banner .tns-nav > * {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  padding: 0;
  border: 0;
  margin: 0 5px;
  background: rgb(255 255 255 / 45%);
}

section[id^="banner-block"] .banner .tns-nav .tns-nav-active{
  background: white;
}

section[id^="banner-block"] .banner .tns-controls {
  position: absolute;
  top: 45%;
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

section[id^="banner-block"] .banner .tns-controls button {
  position: absolute;
  -webkit-appearance: inherit;
  background-color: inherit;
  border: none;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section[id^="banner-block"] .banner .tns-controls button:first-of-type {
  left: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("images/left.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

section[id^="banner-block"] .banner .tns-controls button:first-of-type:active, section[id^="banner-block"] .banner .tns-controls button:first-of-type:focus {
  outline: 0 solid rgba(0, 0, 0, 0);
}

section[id^="banner-block"] .banner .tns-controls button:last-of-type {
  right: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("images/right.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

section[id^="banner-block"] .banner .tns-controls button:last-of-type:active, section[id^="banner-block"] .banner .tns-controls button:last-of-type:focus {
  outline: 0 solid rgba(0, 0, 0, 0);
}