/* Global CSS */

html,
body {
    height: 100%;
    background-color: #62aaa9 !important;
}

header.page-header {
    background-image: url("https://s3.unistra.fr/immersup-savoie-prod/prod/2025/bandeau_immersup.png?AWSAccessKeyId=H1A7A8L58JTSM6OJNP1E&Signature=xVXjiXyHDf7QrWYQEBPWUBYekjA%3D&Expires=2766140527") !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 {
    /* Plus utilisé car mis dans le titre (seul bloc adaptable au fait d'être en page d'accueil ou non) */
    /* background-image: url("https://s3.unistra.fr/immersup-savoie-prod/prod/2025/background_immersup.png?AWSAccessKeyId=H1A7A8L58JTSM6OJNP1E&Signature=mnsCFn5%2BjspBDMxxV9lNhj5GKtY%3D&Expires=2766140527");
    background-repeat: no-repeat;
    background-position: right 185px;
    background-size: 50% auto;
    background-attachment: fixed; */
    box-sizing: border-box;
    background-color: transparent;
    padding-left: 0;
    /* margin: 119px 0 0px; */
    /* padding: 0 15px; */
    /* background-position: 0px 85px; */
    /* background-size: contain; */
}

.main-title {
    background-image: url("https://s3.unistra.fr/immersup-savoie-prod/prod/2025/background_immersup.png?AWSAccessKeyId=H1A7A8L58JTSM6OJNP1E&Signature=mnsCFn5%2BjspBDMxxV9lNhj5GKtY%3D&Expires=2766140527");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.main-title.inside {
    background-size: 50%;
}

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

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

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

    body>nav,
    body>.main-title,
    body>section,
    body>footer {
        width: 100%;
        /* max-width: 1280px; */
        margin: auto;
    }

    .main-title .container {
        max-width: 1048px;
        /* background-color: rgba(255, 255, 255, 0.6); */
    }

    /* .main-title.inside .container {
        max-width: auto;
        background-color: transparent;
    } */
}

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

body>nav,
body>.main-title .container,
body>section,
body>footer {
    background-color: rgba(255, 255, 255, 0.6);
}
/* 
body>section {
    background-color: white;
} */

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

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

#page-footer {
    margin: auto !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;
}

.domains > .col:nth-child(11n+1) header { background-color: #CC6600 !important; color: white; }
.domains > .col:nth-child(11n+2) header { background-color: #CC0000 !important; color: white; }
.domains > .col:nth-child(11n+3) header { background-color: #660099 !important; color: white; }
.domains > .col:nth-child(11n+4) header { background-color: #006814 !important; color: white; }
.domains .domain header { height: 100px; display: flex; justify-content: center; align-items: center; text-align:center; }

@media (max-width: 1500px) {
  .row-cols-xl-6 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
}