@page
{
    size: auto;
    margin: 15mm 15mm 15mm 15mm;
}
*
{
    break-inside: auto;
}
html,
body
{
    font-size: 12pt;
}
#nav_banniere,
#nav_principale,
#barre_header,
#barre_footer
{
    display: none;
}
header,
header[data-stuck="true"]
{
    background-color: #FFF;
    content: url('../img/logos/logo-avenir-vaulx-vert-blanc.svg');
    height: 4cm;
    width: auto;
    padding: 0;
}
main,
header[data-stuck="true"] + main,
#pre_footer
{
    max-width: unset;
    margin: 0;
}
.blocs_accueil > ul,
.liste_actus
{
    display: block;
    margin: 0;
}
.liste_actus > li
{
    display: block;
}
.blocs_accueil li, 
.liste_actus li article
{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    break-inside: avoid;
    overflow: visible;
    margin: 0;
}
.blocs_accueil li *, 
.liste_actus li article *,
blockquote
{
    break-inside: avoid;
    overflow: visible;
}
.liste_actus li article
{
    align-items: start;
}
.blocs_accueil figure,
.liste_actus figure
{
    margin: unset;
    width: 6cm;
}
.blocs_accueil h2, 
.blocs_accueil h2:first-of-type, 
.actus h2,
.actus h3,
footer h2, 
footer h2:first-of-type
{
    flex-basis: 100%;
}
.liste_pages, 
.resume_actu,
.liste_actus p
{
    position: static;
    justify-content: start;
    padding: 0 1rem;
    width: unset;
    height: unset;
}
.resume_actu,
.liste_actus p
{
    max-width: calc(100% - 6cm);
    padding: 0 1rem;
}
.liste_pages::after
{
    background-image: none;
}
.liste_pages li
{
    justify-content: left;
}
footer
{
    padding: 0;
    margin-top: 2rem;
}
#pre_footer > div:nth-of-type(1)
{
    max-width: 10cm;
}
.actus
{
    margin-top: 1rem;
}
h1
{
    font-size: 3rem;
}
h2,
.blocs_accueil h2,
.blocs_accueil h2:first-of-type,
.actus h2
{
    font-size: 2.4rem;
}
h3
{
    font-size: 1.6rem;
}
.bouton
{
    font-size: 1.6rem;
}
.liste_actus  > li:nth-child(n),
.liste_actus > li:nth-child(n) .resume_actu,
.liste_actus > li:nth-child(n) a,
section:nth-of-type(n):not(.actus):not(.blocs_accueil)
{
    background-color: transparent;
    color: var(--noir);
}
.liste_actus > li:nth-child(n) h2::before,
.liste_actus > li:nth-child(n) h3::before
{
    background-color: var(--vert_fonce);
}