/* ### ############# ### */
/* ### STICKY FOOTER ### */
/* ### ############# ### */
body {
    min-height: 100vh !important;
    flex-direction: column !important;
    display: flex !important;
    overflow: hidden;
}
footer {
    margin-top:auto;
}
#wrapper {
    height:100vh;
}

/* Safari desktop + iOS (Safari, Chrome iOS, Firefox iOS) : smooth-scrollbar est désactivé (voir
   js/1.commons.js et js/2.main.js), on repasse donc sur le scroll natif du document plutôt que
   le scroll interne de #wrapper piloté par la lib */
body.is-safari,
html.is-safari body {
    overflow: visible;
}
body.is-safari #wrapper,
html.is-safari #wrapper {
    height: auto;
    min-height: 100vh;
}

/* backdrop-filter / mix-blend-mode / filter provoquent un bug de compositing GPU sur Safari : la
   page entière (vidéos et images de fond y compris) se peint en noir. Confirmé en désactivant ces
   propriétés en live sur le site. On les neutralise donc sur Safari (perte de l'effet flou du
   header sticky, du blend du curseur personnalisé, et des filtres grayscale sur certaines pages). */
body.is-safari *,
html.is-safari * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* ### ############ ### */
/* ### HEADER LOGIN ### */
/* ### ############ ### */
.admin-bar header#header{
    top: 32px;
}

/* ### ########### ### */
/* ### MAIN LAYOUT ### */
/* ### ########### ### */
#main{
    position: relative;
    margin-top: 0px;
    overflow: hidden;
}
#main > .img-banner{
    height: 525px;
    width: 100%;
    object-fit: cover;
    background: rgba(0,0,0,.2);
}
.container{
    margin: 0 auto;
    width: 100%;
    max-width: 1320px;
}
.page-content{
    margin: 80px auto;
}
.main-col{
    width: 100%;
    padding: 0 80px;
}