.responsive-container {
    max-width: 1204px !important;
}

/* Styles pour les appareils mobiles */
@media only screen and (max-width: 600px) {
    .m-article {
        display: block !important;
        /* Modifier la propriété display pour annuler flex */
        border-bottom: 0px !important;
    }
}


.sticker-box {
    position: relative;
}


.container-image {
    background: var(--primary-color);
    max-height: 75vh
}

.dossier-art {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0 0.2rem 0.4rem;
    background: rgba(var(--background-color-rgb), 0.8)
}


.single-post {
    position: absolute;
    right: 0;
    text-align: right;
    padding: 0.4rem;
    background: rgba(var(--background-color-rgb), 0.8);
    height: auto;
    align-items: center;
    display: flex;
}



#breadcrumbs {
    text-transform: uppercase;
    font-size: 0.9rem;
}


.cat,
.CAT {
    font-weight: 100;
}

.cat,
#breadcrumbs {
    font-size: 0.6vw;
    line-height: 1vw;
}

.align-on-article {
    padding-left: 239px;
}

@media only screen and (min-width: 1201px) and (max-width: 1599px) {

    .cat,
    #breadcrumbs,
    #breadcrumb_last {
        font-size: 0.7vw !important;
    }

}

@media only screen and (min-width: 1600px) {

    .excerpt,
    .excerpt-pan {
        font-size: 0.7vw;
        line-height: 0.9vw;

    }

    .al-r.jump-t.cat {
        font-size: 0.7vw;
    }

    .cat,
    #breadcrumbs,
    #breadcrumb_last {
        font-size: 0.55vw !important;
    }



}

@media (max-width: 900px) {

    .align-on-article {
        padding-left: 0px;
    }

}

@media (max-width: 599px) {

    .cat,
    #breadcrumbs {
        font-size: 2vw;
        line-height: 3vw;
    }
}