/* Slider */.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}.slick-track:before,.slick-track:after{display: table; content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden{display: none;}
/* Styling pour tous les dots */
.slick-slider .slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
  margin-top: 25px
}
.slick-slider .slick-dots li {
    margin: 0 5px;
}
.slick-slider .slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px !important;
    height: 10px !important;
    padding: 5px;
    color: transparent;
    border: 1px solid #000 !important; /* Contour noir pour tous les dots avec !important pour s'assurer qu'il écrase les styles existants */
    outline: none;
    background: transparent !important; /* Fond transparent pour tous les dots avec !important */
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}
/* Styling pour le dot actif */
.slick-slider .slick-dots .slick-active button {
    background: #000 !important; /* Couleur de fond du dot actif (noir) avec !important */
    border: none !important; /* Retire le contour du dot actif avec !important */
}