section.quartier h4{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    color: var(--noir);
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bleu);
}

section.quartier p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--grisfonce);
    margin: 40px auto;
}

section.quartier a{
    font-family: 'Crimson', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: var(--bleu);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bleu);
}

section.quartier .slider-quartier > div{
    position: relative;
}

section.quartier .next,
section.quartier .prev{
    position: absolute;
    z-index: 1;
    left: 15px;
    top: calc(50% - 9px);
    cursor: pointer;
}

section.quartier .next{
    left: unset;
    right: 15px;
}

section.quartier .slider-quartier-single{
    margin: 40px 0 20px 0;
}

section.quartier .slider-quartier-single img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section.quartier .slider-quartier-single figure{
    aspect-ratio: 1.65;
    object-fit: cover;
}

section.quartier .slider-quartier-nav{
    margin-bottom: var(--gutter);
}

section.quartier .slider-quartier-nav img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section.quartier .slider-quartier-nav figure{
    aspect-ratio: 1.5;
    padding: 0 8px;
}

section.quartier .slider-quartier-nav .slick-dots {
    bottom: 50px;
}

section.quartier .slider-quartier-nav .slick-dots button{
    color: var(--creme);
}

section.quartier .slider-quartier-nav .slick-active button{
    color: var(--noir);
}

@media screen and (min-width : 992px){
    section.quartier .slider-quartier-single figure{
        aspect-ratio: 1.91;
    }

    section.quartier .slider-quartier-nav figure{
        padding: 0;
        aspect-ratio: 1.61;
    }

    section.quartier .slider-quartier-nav figure.slick-current + .slick-active img{
        padding: 0 20px;
    }

    section.quartier .slider-quartier-nav {
        margin-bottom: var(--gutter-lg);
    }

}