body { margin-top:0px; }

#page, #liste_region {margin-top: 175px;}
#page h1 {
    font-family:'Montserrat'; font-weight:bold; font-size:3.5em;
    padding-bottom:30px;
    color:#fff;
    text-shadow:none; text-transform:none;
}
#page h2 {
    font-family:'Montserrat'; text-align:center;
    font-weight:500; font-size:3em;
    text-shadow:none; color:var(--black);
    background:none;
}

#liste_region { margin-top:220px; }
#liste_region h2 { font-size:20px; }
#liste_region ul { list-style-type:none; }

#main-form {position:relative;left:0;top:0;z-index:0;background:none;width:auto;display:flex;flex-direction:column;height:auto;align-items:center;justify-content:center;}

/* ---- Image principale -------------------------------------------------------------------------------------------- */
#visuel-principal {margin-bottom:5vh;}
#slideshowWrapper { background:var(--green); width:100%; }
#slideshow {/*transform:skewY(-2deg);*/bottom:-5vh;width:100%!important;aspect-ratio:300/80;}
#slideshow.bg_1 {background:url('/site_v3/img/restomalin/bg_1.webp') no-repeat fixed; background-attachment:fixed; background-size:cover;}
#slideshow.bg_2 {background:url('/site_v3/img/restomalin/bg_2.webp') no-repeat fixed; background-attachment:fixed; background-size:cover;}
/* ------------------------------------------------------------------------------------------------------------------ */

/* ---- Section "Etapes" -------------------------------------------------------------------------------------------- */
#etapes {background:none;padding:0;margin:1em auto;height:auto;width:100%;text-align:center;display:flex;align-items:flex-start;justify-content:center;}
#etapes + .inner {display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;}
.etape {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--gray);}
.etape img {flex:none;margin:0 auto .5em auto;}
.etape strong {
    font-family:'Montserrat';font-weight:600;font-size:1.1em;text-shadow:none;margin-bottom:1em;color:var(--black);
    letter-spacing:initial;line-height:1.2;
}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Version MOBILE ---------------------------------------------------------------------------------------------- */
@media screen and (max-width:991px) {
    #page { margin-top: 155px; }
    h1 { font-size:3rem; }
    #etapes {
        justify-content:flex-start;
        flex-direction:column;
        scroll-snap-type:x mandatory;
    }
    #etapes .etape {
        width:100%;flex:1 0 100%;padding:2rem;width:100vw;flex:1 0 100%;padding:2rem;
    }
}
/* ------------------------------------------------------------------------------------------------------------------ */