:root {
    --vef-max-width: 1240px;
    --vef-intros-spacing: 1em;
    --vef-intros-spacing-bottom: 30px;
    --vef-intros-font-size: 1em;
    --vef-spacing-sections: 60px;
    --vef-dividers-background: #FFF;
    --vef-dividers-font: 'shadows', Arial, sans-serif;
}

@media (min-width:800px) {
    :root {
        --vef-spacing-sections: 120px;
    }
}


body.header-2017 #header {
    aspect-ratio: 1240/230;
}



body {
    background-color: var(--vef-body-background-color);
    background-image: none;
}

.layout {
    background-color: var(--vef-layout-background-color);
}


footer {
    margin-top: var(--vef-spacing-sections) !important;
}


.home_loop .cards + div {
    text-align: center;
    margin-top: var(--vef-cards-spacing);
    font-size: 1.2em;
}


/* texte introductif des pages non-home utilisant ce template */
.corps > .text_introductif {
    margin-top: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.text_introductif .intro h1 {
    font-size: 20px !important;
    line-height: 1.1em;
}

.text_introductif .intro {
    background-color: #F5F5F5;
    padding: 1em;
    border-radius: 10px;
}

.text_introductif .intro * + p {
    margin-top: 0.5em;
}

@media (min-width:800px) {
    .corps > .text_introductif {
        margin-top: unset !important;
    }

    .text_introductif .intro h1 {
        font-size: 32px !important;
    }

    .layout {
        max-width: unset;
        padding: 0;
        margin-bottom: 0;
    }

    #header,
    #header + div,
    .corps > *:not(.fullwidth),
    footer {
        max-width: var(--vef-max-width);
        margin-inline: auto;
    }

    .corps > .section.citypass {
        max-width: unset;
        margin-inline: unset;
    }

    ul.flags {
        margin-bottom: 0;
    }

    .home_loop .cards + div {
        margin-top: calc(var(--vef-cards-spacing) - 10px);
    }

    .edito,
    section.preparer-son-voyage {
        margin-top: 80px;
    }

    .desktop header.compact ~ * .edito {
        margin-top: 20px;
    }
}