#spinner {
    float: right;
    margin: 4px 4px 0 0;
}

#spinner .cercle {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
}

#spinner .cercle > span {
    position: absolute;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

#spinner .cercleGauche {
    left: 0;
}

#spinner .cercleDroite {
    left: 50%;
}

#spinner .cercleAnimation {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 999px;
    background: none repeat scroll 0 0 #4E5D97;
    opacity: 0.9;
    -webkit-animation: rotation-gauche 3s infinite;
    animation: rotation-gauche 3s infinite;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-timing-function: linear;
}

#spinner .cercleGauche .cercleAnimation {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#spinner .cercleDroite .cercleAnimation {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: -100%;
    -webkit-transform-origin: 100% 50% 0;
    transform-origin: 100% 50% 0;
    -webkit-animation-name: rotation-droite;
    /*-webkit-animation-delay: 0;*/
    -webkit-animation-delay: 0s;
    animation-name: rotation-droite;
    /*animation-delay: 0;*/
    animation-delay: 0s;
}

@keyframes rotation-droite {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation-gauche {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}