.decor{
    display: block;
    position: relative;
    width:100vw;
    height:400px;
}
.decor_perso{
    position: absolute;
    height:400px;
    width:100%;
    left:50%;
    transform: translateX(-50%);
    max-width:1200px;
    top:0;
}
#decor_nuage{
        position:absolute;
        z-index:0;
    max-width:900px;
    left:50%;
    transform: translate(-50%);
    
    }
#decor_starlette{
    position: absolute;
    left:50%;
   
    margin-left:-35%;
     bottom: 30%;
}
#decor_lunette{
    position: absolute;
     left:50%;
    margin-left:30%;
    bottom: 30%;
}
#decor_facetterosette{
    position: absolute;
    left:50%;
    margin-left:-15%;
    z-index:9;
}
#decor_mirette{
    position: absolute;
    left:50%;
    margin-left:-40%;
    bottom:10%;
}
#decor_bande_eden{
        position: absolute;
    top:40%;
    height:54px;
    width:100%;
    background-image:url(../../../assets/img/decor/eden-motif.png);
}





#star-layer {
    position: fixed; /* Reste en place même si l'utilisateur scroll */
    top: 0;
    left: 0;
    width: 100vw; /* Vue port */
    height: 100vh;
    pointer-events: none; /* TRÈS IMPORTANT: permet de cliquer à travers le calque */
    z-index: 9999; /* Assure que le calque est au-dessus de tout */
}

/* Style de base pour chaque étoile SVG insérée */
.star {
    position: absolute;
    /* Démarrer l'étoile très petite et transparente */
    transform: scale(0);
    opacity: 0;
    /* Assure que l'étoile est animée */
    animation: twinkle 1s infinite alternate; /* 1s pour l'exemple, mais sera surchargé par JS */
}

/* Définition de l'animation de clignotement */
@keyframes twinkle {
    0% {
        transform: scale(0);
        opacity: 0.1; /* Commence très transparent */
    }
    50% {
        transform: scale(1); /* Grossit jusqu'à 100% de sa taille de base */
        opacity: 1; /* Devient opaque */
    }
    100% {
        transform: scale(0);
        opacity: 0; /* Rétrécit et disparaît */
    }
}