#contenu-voir-plus h1 { font-size: 32px; letter-spacing: -0.64px; line-height: 100%;}
#contenu-voir-plus h2 { font-size: 22px; letter-spacing: -0.44px; line-height: 100%;}
#contenu-voir-plus h3 { font-size: 20px; letter-spacing: -0.40px; line-height: 100%;}
#contenu-voir-plus lg { font-size: 16px; line-height: 120%;}
#contenu-voir-plus sm { font-size: 14px; line-height: 120%;}
#contenu-voir-plus xs { font-size: 12px; line-height: 120%;}

@media (min-width: 1024px) {
    .texte-columns {
        columns: 2;
        column-gap: 40px;
    }
    .texte-columns h1,
    .texte-columns h2,
    .texte-columns h3,
    .texte-columns h4,
    .texte-columns p,
    .texte-columns ul,
    .texte-columns blockquote {
        break-inside: avoid;
    }
    .texte-columns h1,
    .texte-columns h2,
    .texte-columns h3,
    .texte-columns h4 {
        break-after: avoid;
        page-break-after: avoid;
    }
}

@media (min-width: 1280px) {
      #contenu-voir-plus h1 { font-size: 48px; letter-spacing: -0.96px; line-height: 100%; font-weight: bolder;}
      #contenu-voir-plus h2 { font-size: 28px; letter-spacing: -0.56px; line-height: 100%; font-weight: bolder;}
      #contenu-voir-plus h3 { font-size: 20px; letter-spacing: -0.40px; line-height: 100%; font-weight: bolder;}

      #contenu-voir-plus lg { font-size: 16px; }
      #contenu-voir-plus sm { font-size: 14px; }
      #contenu-voir-plus xs { font-size: 12px; }

    }

#contenu-voir-plus {
    position: relative;
    transition: height 0.5s ease-in-out;
    height: 175px;
    overflow: hidden;
}
.texte-columns h1,
.texte-columns h2,
.texte-columns h3,
.texte-columns h4,
.texte-columns p,
.texte-columns ul,
.texte-columns ol,
.texte-columns blockquote {
    margin-bottom: 16px;
}
.texte-columns h1:last-child,
.texte-columns h2:last-child,
.texte-columns h3:last-child,
.texte-columns p:last-child,
.texte-columns ul:last-child,
.texte-columns ol:last-child,
.texte-columns blockquote:last-child {
    margin-bottom: 0;
}

#contenu-voir-plus blockquote {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    font-style: italic;
}

#contenu-voir-plus:not(.contenu-ouvert)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
    pointer-events: none;
}

#contenu-voir-plus.contenu-ouvert {
    overflow: visible;
}

#contenu-voir-plus ul {
    list-style: inside;
    padding-inline-start: 40px;
}

#contenu-voir-plus a {
    font-weight: bold;
}
#contenu-voir-plus a:hover {
    text-decoration: underline;
}
#contenu-voir-plus h2 {
    font-size: 18px;
}
#contenu-voir-plus h3 {
    font-size: 16px;
}
#contenu-voir-plus p, #contenu-voir-plus li {
    font-size: 14px;
}