body {
}




@keyframes deplacerChemin {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100px);
    }
}

.monCheminAnime {
    animation: deplacerChemin 2s infinite;
}

.cncsBlackColor {
    fill: #1D1D1B;
}

.cncsYellowColor {
    fill: #FEC528;
}

.svg-wrapper {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: auto;
    width: auto;
}

.spinner {
    animation: cncsRotate 3s linear infinite;
    display: block;
}

@keyframes cncsRotate {
    from {
        transform-origin: center;
        transform: scale(0.25, 0.25) rotate(0deg);
    }

    to {
        transform-origin: center;
        transform: scale(0.5, 0.5) rotate(360deg);
    }
}


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

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

@keyframes movePath {
        0%

{
    transform: translateX(0);
}

50% {
    transform: translateX(50px);
}

100% {
    transform: translateX(0);
}

}

.animate-path {
    animation: movePath 3s ease-in-out infinite;
}

@keyframes changeColor {
    0% {
        fill: blue;
    }

    50% {
        fill: red;
    }

    100% {
        fill: blue;
    }
}

.animate-color {
    animation: changeColor 2s ease-in-out infinite;
}