.slick-slide .content{
    position: relative;
}
.slick-dots {
    bottom: 2px;
}

.banniere_hp .slick-dots {
    bottom: -35px;
}

.slick-dots li button::before {
    font-size: 13px;
}
.slick-dots li.slick-active button::before {
    color: #1167FF;
}
.slick-prev, .slick-prev:focus, .slick-next, .slick-next:focus  {
    background: rgba(0, 0, 0, 0.3);
    -webkit-mask: url('/assets/img/i/fleche-haut.svg') no-repeat center;
    width: 25px;
    height: 33px;
    z-index: 99;
}
    .slick-prev, .slick-prev:focus {
        transform: translate(0, -50%) rotate(-90deg);
        left: 10px;
    }
    .slick-next, .slick-next:focus {
        transform: translate(0, -50%) rotate(90deg);
        right: 10px;
    }
    .slick-prev:hover, .slick-next:hover {
        background: rgba(0, 0, 0, 0.5);
    }

    .slick-prev:before, .slick-next:before {
        content: "";
    }

.banniere_hover:not(.banniere_hp) .slick-dots,
.banniere_hover .slick-prev,
.banniere_hover .slick-next {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.banniere_hover:hover .slick-dots,
.banniere_hover:hover .slick-prev,
.banniere_hover:hover .slick-next {
    opacity: 1;
}

.banniere_hp {
    margin: 20px 0;
}
.banniere_hp.slick-dotted.slick-slider {
    margin: 0 auto;
    max-width: 1100px;
    width: 95%;
    display: flex;
    justify-content: center;
}

.banniere_recherche .slick-dots{
    display: none !important;
}

.banniere_hp > .bannier_hp--slide--init:not(:first-child) {
    display: none;
}

.banniere__recherche--vn{
    margin: 30px auto 0;
}

@media screen and (min-width: 768px) {
    .banniere_hp.banniere_hover .slick-prev,
    .banniere_hp.banniere_hover .slick-next {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .banniere_hp.slick-dotted.slick-slider {
        margin: 20px auto 60px;
    }
}

@media screen and (max-width: 1200px) {
    .banniere_hp.slick-dotted.slick-slider {
        width: 90%;
    }
    .banniere_hp .slick-arrow {
        margin: 0 25px;
    }
    .banniere_hp .slick-list {
        width: 95%;
    }
    .banniere_hp--highlight .slick-list {
        width: 100%;
    }
    .banniere_hp--highlight .slick-prev {
        left: 0;
        margin-left: 0;
        mask-position: initial;
    }
    .banniere_hp--highlight .slick-next {
        right: 0;
        margin-right: 0;
        mask-position: initial;
    }
    .banniere_hp picture {
        display: flex;
        justify-content: space-around;
    }
    .banniere_hp img {
        height: auto;
        max-width: 90%;
    }
}