.slick-container {
    @include beige_gradient();
    width: 100vw;
    border-bottom: solid 2px $teal;
    div.views-row article {
        width: 100%;
        > div:first-of-type { // container du lien image
            width: 100%;
            height: 40vh;
            overflow-y: hidden;
            padding: 0 !important;
            > div {
                width: 100%;
                > a {
                    max-width: 100%;
                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
        
    }
    #carousel_dots {
        position: relative;
        margin-top: -15px;
        ul {
            position: relative;
            bottom: 0;
            li.slick-active button::before{
                color: $fluo_green;
            }
            li button::before{
                color: rgba(0.9, 0.9, 0.9, 1);
            }
        }
    }
    footer {
        @include fluo_button();
        text-align: center;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}