.actualite-categories ul {
    display:flex;
    gap:15px;
    margin-bottom:1em;
}

.actualite-en-savoir-plus {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid white;
    border-radius: 8px;
    text-decoration: none;
    padding: .5em;
    color:black;
}

.actualite-en-savoir-plus a:hover {
    background:white;
}

.actualite-bandeau-left {
    z-index:1;
    flex-grow:1;
}

.actualite-bandeau-right {
    z-index:1;
    flex-grow:1;
}

.actualite-date {
    text-transform:lowercase;
    font-size: 85%;
    font-weight: 700;
    line-height: 24px;
    margin-bottom:1em !important;
}

.actualite-date::first-letter{
text-transform:uppercase;
}

.actualite-illustration img {
    border-radius:8px;
}

.actualite-bandeau-content {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.actualite-bandeau-content::before {
    content: "";
    width: 100vw;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--title_section_color);
    top: -4rem;
    height: calc(100% + 4rem);
}

.actualite-body {
    display:flex;
    justify-content:center;
    padding-top:2em;
    position:relative;
}

.actualite-paragraphe {
    max-width: 734px;
    position:relative;
}

.actualite-titre {
    line-height:120%;
    max-width: 550px;
}

.actualite-description {
    max-width:550px;
    padding-top: 1em;
    line-height: 24px;
    margin-bottom:1em;
}