/* Slider Swiper Block Style */
#slider-intro {
    margin-top: -15rem;
}
#slider-intro .actualites {
      position: relative;
      max-width: 764px;
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.16);
      box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.16);

}


#slider-intro .actualites .swiper-container{
      height: 452px;
}

#slider-intro .actualites .swiper-slide{
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
          background: #f9e9db;
          height: auto;


}

#slider-intro .actualites .actualites-image {
      width: 308px;
      overflow: hidden;
}

#slider-intro .actualites .actualites-image .desktop-slider-img {
height: 100%;
object-fit: cover;


}

#slider-intro .actualites  .actualites-image .bande {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      align-items: center;
      padding-left: 2rem;
      position: absolute;
      top: 60px;
      width: 200px;
      height: 60px;
      background: rgba(119,24,91,0.73);
      /* opacity: 45%; */
}
#slider-intro .actualites  .actualites-image .bande h2 {
      color: #fff;
}

#slider-intro .actualites .actualites-info {
    height: auto;
    overflow-y: auto;
    width: -webkit-calc(456px - 4rem);
    width: -moz-calc(456px - 4rem);
    width: calc(456px - 4rem);
    background-color: #F8EADB;
    padding: 6rem 2rem 2rem 2rem;
}

#slider-intro .actualites .actualites-date {
      margin-top: 10px;
}
#slider-intro .actualites .actualites-text {
      margin-top: 30px;
}


#slider-intro .actualites .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
#slider-intro .actualites .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      display: none !important;
}

#slider-intro .actualites .swiper-button-next, .actualites .swiper-button-prev {
      top: 22px;
      left: 392px;
      width: 60px;
      height: 60px;
      background: rgba(0,0,0,0.45);
}

#slider-intro .actualites .swiper-button-prev {
      left: 328px;


}
#slider-intro .actualites .swiper-button-next {


}

.swiper-button-next .dashicons,
.swiper-button-prev .dashicons{
      color: #ffffff;
      width: 30px;
      height: 30px;
      font-size: 30px;
}

.swiper-pagination-bullet {
      width: 12px!important;
      height: 12px!important;
      background: rgb(0, 0, 0)!important;
      opacity: 0.4;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff!important;
      opacity: 1 !important;
}


img{
      width: 100%;
      height: auto;
}


.acf-block-preview .slider-swiper .link-slide-image {
      display: none;
}

@media ( max-width: 808px ) {



      #slider-intro .actualites .actualites-image {

      }

      #slider-intro .actualites .actualites-image .desktop-slider-img {

      }

      #slider-intro .actualites .actualites-info {
            width: -webkit-calc(416px - 4rem);
            width: -moz-calc(416px - 4rem);
            width: calc(416px - 4rem);
      }

      #slider-intro .actualites .swiper-button-prev {


      }
      #slider-intro .actualites .swiper-button-next {


      }

}


@media (max-width: 768px) {
      #slider-intro .actualites .swiper-container{
            height: auto;
      }
      #slider-intro .actualites .swiper-slide {
            min-height: 833px;
      }

      #slider-intro .actualites .actualites-image {
            width: 100% !important;
      }

      #slider-intro .actualites .actualites-image .desktop-slider-img {
          width: 100%;
          height: auto;
      }

      #slider-intro .actualites .actualites-info {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
               -moz-box-flex: 1;
                    flex-grow: 1;
            min-height: 320px;
            padding: 2rem 2rem 2rem 2rem;
      }

      #slider-intro .actualites .swiper-button-prev {
            left: 100%;
            margin-left: -125px;

      }
      #slider-intro .actualites .swiper-button-next {
            left: 100%;
            margin-left: -60px;

      }

}