.nuage1 {
    animation: mover 25s linear infinite;
}

.nuage4 {
    animation: mover 35s linear infinite;
}

.nuage5 {
    animation: mover 15s linear infinite;

}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(1280px);
    }
}

@-moz-keyframes mover {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(1280px);
    }
}

@-o-keyframes mover {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -o-transform: translateX(1280px);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        transform: translateX(1280px);
    }
}


#ciel-nuit {
    opacity: 1;
    animation: opacity 5s linear both;
}

@keyframes opacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

#lune {
    transition-delay: 4s;
    animation: opacity2 3s linear both;
}

@keyframes opacity2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

#lion {
    -webkit-animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

#ET {
    -webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
    animation: pulsate-fwd 2s ease-in-out infinite both
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


.cls-8{
    transition-delay : 4s;
    animation : opacity2 2s ease both;
}

@keyframes opacity2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}