/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    ATOME : HN
    Styles des titres
*/
h1 .ttl-w-puce::after, h2 .ttl-w-puce::after, h3 .ttl-w-puce::after {
    width: 3.2rem;
    height: 3.2rem;
    margin-left: var(--space-md);
}
h3, h4 {
    line-height: 118%;
}

.child_a--atom_h1 a,
h1,
.atom_h1, .like-h1 {
    color: var(--white);
    font-family: var(--ff-secondary);
    font-size: var(--fz-h1);
    font-weight: 500;
    margin-bottom: 36px;
}
h1.ttl-w-puce::after{
    width:32px; height: 32px;
    margin-left:24px; 
}

.child_a--atom_h2 a,
h2,
.atom_h2, .like-h2 {
    color: var(--dark-10);
    font-size: var(--fz-h2);
    font-weight: 700;
    font-family: var(--ff-secondary);
    margin-bottom: var(--space-md);
}
.child_a--atom_h3 a,
h3,
.atom_h3, .like-h3 {
    color: var(--dark-10);
    font-family: var(--ff-primary);
    font-size: var(--fz-h3);
    font-weight: 700;
    margin-bottom: var(--space-md);
}

.child_a--atom_h4 a,
h4,
.atom_h4, .like-h4 {
    color: var(--dark-10);
    font-size: var(--fz-h4);
    font-family: var(--ff-secondary);
    font-weight: 500;
    margin-bottom: var(--space-md);
}

.child_a--atom_h5 a,
h5,
.atom_h5, .like-h5 {
    color: var(--gray-800);
    font-size: var(--fz-h5);
    font-family: var(--ff-secondary);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: var(--space-md);
}

.child_a--atom_h6 a,
h6,
.atom_h6, .like-h6 {
    color: var(--c-primary, #00ff00);
    font-size: var(--fz-h2);
    font-weight: 700;
    margin-bottom: var(--space-md);
}
    /* Fond foncé */
    .bgc-secondary h2,
    .bgc-secondary .atom_h2 {
        color: var(--white);
    }

    @media (min-width: 992px) {
        h2,
        .atom_h2 {
            margin-bottom: 48px;
        }
    }

.sub-title {
    font-size: var(--fz-sub-title);
    font-style: normal;
    font-weight: 400;
    line-height: 118%;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    color: var(--c-primary,#00ff00);
    font-style: normal;
}

.title-with-underline em {
    position: relative;
    color: inherit;
}
.title-with-underline em::after {
    content: '';
    position: absolute;
    bottom: 8%;
    left: 0;
    width: var(--underline-width, 100%);
    height: 25px;
    background-color: var(--c-primary);
    z-index: -1;
}

/* Couleur selon les backgrounds */
.bgc-dark .sub-title,
.bgc-dark h2,
.bgc-dark h3,
.bgc-dark h4,
.bgc-dark h5,
.bgc-dark h6 {
    color: white;
}

.bgc-gray .sub-title,
.bgc-gray h2,
.bgc-gray h3,
.bgc-gray h4,
.bgc-gray h5,
.bgc-gray h6 {
    color: white;
}