/* ========================
 Titres
======================== */
.section-title {
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'Coda';
    font-weight: 800;
    font-size: var(--dolpo--font-size--18px);
}

.title__strong {
    font-size: var(--dolpo--font-size--28px);
}

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

    .section-title {
        font-size: var(--dolpo--font-size--32px);
    }

    .title__strong {
        font-size: 3rem; /* 48px */
    }
}

/* ========================
 title-xl
======================== */
.section-title.section-title-xl > span{
    display: block;
    text-align: center;
    line-height: 1.1!important;
}

.section-title.section-title-xl {
    text-align: left;
    font-size: var(--dolpo--font-size--18px);
}

.section-title.section-title-xl .title__strong {
    display: inline-block!important;
    font-size: var(--dolpo--font-size--32px);
}

.section-title.section-title-xl .title__xl {
    font-size: var(--dolpo--font-size--44px)!important;
}

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

    .section-title.section-title-xl {
        text-align: left;
        font-size: var(--dolpo--font-size--32px);
    }

    .section-title.section-title-xl .title__strong {
        display: block;
        font-size: 3.25rem; /* 52px */
    }

    .section-title.section-title-xl .title__xl {
        font-size: 5.25rem!important;
    }
}

@media screen and (min-width: 1080px){
    .section-title.section-title-xl .title__strong {
        font-size: 3.8rem!important;
    }

    .section-title.section-title-xl .title__xl {
        font-size: 9rem!important;
    }
}

/* ========================
 title-xl
======================== */
.title--actualite {
    margin: 10px 0;
    font-weight: 700;
    font-size: var(--dolpo--font-size--28px);
}

@media screen and (min-width: 768px){
    .title--actualite {
        font-size: var(--dolpo--font-size--32px);
    }
}