#cathedrale {
    -webkit-animation: bounce-in-top 1.4s both;
    animation: bounce-in-top 1.4s both
}

@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

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

@-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
    }
}

#golf {
    animation: mover 3s ease-in infinite 2s;
    transform: translateX(-350px);

}

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

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

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

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

.cls-70:hover, #FENETRE-DROITE-BAS:hover, #FENETRE-DROITE-HAUT:hover, #FENETRE-GAUCHE-BAS:hover, #FENETRE-GAUCHE-HAUT:hover {
    fill: yellow;
}