#axis .myTransition {
    float: left;
    transition: all 3s ease-in;
    -webkit-transition: all 3s ease-in;
    -moz-transition: all 3s ease-in;
    -o-transition: all 3s ease-in;
}

#axis .move-left {
    transform: translateX(1200px);
    -webkit-transform: translateX(1200px);
    -o-transform: translateX(1200px);
    -moz-transform: translateX(1200px);
}

#axis .move-right {
    transform: translateX(-800px);
    -webkit-transform: translateX(-800px);
    -o-transform: translateX(-1800px);
    -moz-transform: translateX(-1800px);
}

#axis .move-up {
    transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -moz-transform: translateY(200px);
}

#axis .move-down {
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
}

.vert-move {
    -webkit-animation: vmoverbh 3s infinite  alternate;
    animation: vmoverbh 3s infinite  alternate;
}
.vert-move {
    -webkit-animation: vmoverbh 3s infinite  alternate;
    animation: vmoverbh 3s infinite  alternate;
}
@-webkit-keyframes vmoverbh {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes vmoverbh {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.vert-moveHautBas {
    -webkit-animation: vmoverhb 2s infinite  alternate;
    animation: vmoverhb 2s infinite  alternate;
}
.vert-moveHautBas {
    -webkit-animation: vmoverhb 2s infinite  alternate;
    animation: vmoverhb 2s infinite  alternate;
}
@-webkit-keyframes vmoverhb {
    0% { transform: translateY(0); }
    100% { transform: translateY(10px); }
}
@keyframes vmoverhb {
    0% { transform: translateY(0); }
    100% { transform: translateY(10px); }
}

.hor-moveGaucheDroite {
    -webkit-animation: hmovergd 6s infinite  alternate;
    animation: hmovergd 6s infinite  alternate;
}
.hor-moveGaucheDroite {
    -webkit-animation: hmovergd 6s infinite  alternate;
    animation: hmovergd 6s infinite  alternate;
}
@-webkit-keyframes hmovergd {
    0% { transform: translateX(0); }
    50% { transform: translateX(40px); }
    100% { transform: translateX(-30px); }
}
@keyframes hmovergd {
    0% { transform: translateX(0); }
    50% { transform: translateX(40px); }
    100% { transform: translateX(-30px); }
}

.hor-moveDroiteGauche {
    -webkit-animation: hmovergd 4s  infinite  alternate;
    animation: hmovergd 4s infinite  alternate;
}
.hor-moveDroiteGauche {
    -webkit-animation: hmovergd 4s infinite  alternate;
    animation: hmovergd 4s infinite  alternate;
}
@-webkit-keyframes hmoverdg {
    0% { transform: translateX(0); }
    100% { transform: translateX(30px); }
}
@keyframes hmoverdg {
    0% { transform: translateX(0); }
    100% { transform: translateX(30px); }
}