/* Global CSS */

html,
body {
    height: 100%;
}

header.page-header {
    background-image: url("https://s3.unistra.fr/immersup-savoie-pprd/preprod/2024/bandeau_immersup.png?AWSAccessKeyId=H1A7A8L58JTSM6OJNP1E&Signature=fpFt5VSyCNaT27UqCxPeVtWIPAQ%3D&Expires=2733147368") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #62aaa9 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    left: 0;
    /* min-height: 119px; */
}

body {
    background-image: url("https://s3.unistra.fr/immersup-savoie-pprd/preprod/2024/background_immersup.png?AWSAccessKeyId=H1A7A8L58JTSM6OJNP1E&Signature=D%2BuzosRa7ZFmDRAl4jyw6ZBDuag%3D&Expires=2733147368");
    background-repeat: no-repeat;
    background-position: center 119px;
    background-size: contain;
    background-attachment: fixed;
    box-sizing: border-box;
    background-color: #62aaa9;
    /* margin: 119px 0 0px; */
    padding: 0 15px;
    /* background-position: 0px 85px; */
    /* background-size: contain; */
}

@media (min-width: 768px) {
    body {
        margin: 119px 0 0px;
        padding: 0 0 0 65px;
    }

    header.page-header {
        min-height: 119px;
    }

    nav.navbar.sticky-top {
        top: 119px;
    }

    body>nav,
    body>.main-title,
    body>section,
    body>footer {
        width: 65%;
    }
}

nav.navbar.sticky-top {
    /* top: 119px; */
    border-top: 25px solid #dee2e6;
}

body>nav,
body>.main-title,
body>section,
body>footer {
    /* width: 65%; */
    background-color: white;
}

section.py-5 {
    padding: 0 !important;
}

section .container {
    margin: 0 30px;
    padding: 0;
}

#page-footer {
    margin: 0 !important;
    padding: 20px 0 10px;
}

body::after {
    content: " ";
    display: block;
    height: 65px;
    background: transparent;
}

/* Specific to content */

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        box-sizing: border-box;
        width: auto;
    }
}

@media (min-width: 576px) {
    .col-sm-5 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 30px;
        padding-left: 30px;
    }
}

/* Specific à l'admin */
body.app-core {
    background-image: none !important;
    margin: 0;
    padding: 0;
    background-position: unset;
}