.floating-nacelles{
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.nacelle{
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url("../img/theme/escale-nacelles.png");
    background-repeat: no-repeat;
    background-size: auto 420px;
    opacity: 1;
}
/* =========================================
   SPRITE POSITIONS
   ========================================= */
.n1 { background-position:    0px 0; }
.n2 { background-position: -200px 0; }
.n3 { background-position: -400px 0; }
.n4 { background-position: -0px -200px; }
.n5 { background-position: -200px -200px; }
.n6 { background-position: -400px -200px; }
/* =========================================
   POSITIONS DANS LE SITE
   ========================================= */
.n1 {
    top: 6vh;
    left: 1vw;
}
.n2 {
    top: 20vh;
    right: 2vw;
}
.n3 {
    top: 36vh;
    left: 3vw;
}
.n4 {
    top: 52vh;
    right: 1vw;
}
.n5 {
    top: 68vh;
    left: 4vw;
}
.n6 {
    top: 84vh;
    right: 5vw;
}
.site-wrapper,
main,
header,
footer{
    position: relative;
    z-index: 2;
}


.floating-clouds{
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.cloud{
    position: absolute;
    background-image: url("../img/theme/lescale-nuage.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1;
    z-index:-1;
    will-change: transform;

}
@keyframes cloudMoveLTR{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(calc(100vw + 700px));
    }
}

@keyframes cloudMoveRTL{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(calc(-100vw - 700px));
    }
}