/* Logo au centre de la page en grand */
#main-logo {
    position: fixed;            /* Fixe le logo au centre de l’écran */
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%) scale(3); /* Centre le logo sur les deux axes */
    transition: all 0.5s ease;  /* Animation de transition */
    z-index: 10;
}

/* Logo rétréci dans le header après scroll */
.header-scrolled #main-logo {
    position: fixed;
    top: 10px;                  /* Place le logo dans le header */
    left: 50%;
    transform: translateX(-50%) scale(1); /* Centre horizontalement dans le header */
}


/* Header sticky */
header {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 9;
    transition: background-color 0.3s ease;
}