.flashFond {
    animation-duration: 0.6s;
    transition-timing-function: ease-in;
    animation-name: flashFond;
}

@keyframes flashFond {
    from {
        background-color: #afdd3b;
    }
    to {
        background-color: #44662c00;
    }
}

.flashFondAccord {
    animation-duration: 0.3s;
    transition-timing-function: ease-in;
    animation-name: flashFondAccord;
}

@keyframes flashFondAccord {
    from {
        background-color: #44662c;
    }

    to {
        background-color: #1a1412;
    }
}

.flashFondTemps {
    animation-duration: 0.25s;
    transition-timing-function: ease-in;
    animation-name: flashFondTemps;
}

@keyframes flashFondTemps {
    from {
        background-color: #1c1f17;
    }

    to {
        background-color: #1a1412;
    }
}

.flashPochetteMesure {
    animation-duration: 0.4s;
    transition-timing-function: ease-in;
    animation-name: flashPochetteMesure;
}

@keyframes flashPochetteMesure {
    from {
        filter: brightness(1.2) contrast(1.2);
        transform: scale(1.05);
    }

    to {
        filter: brightness(1) contrast(1);
        transform: scale(1);
    }
}

.flashPochetteTemps {
    animation-duration: 0.3s;
    transition-timing-function: ease-in;
    animation-name: flashPochetteTemps;
}

@keyframes flashPochetteTemps {
    from {
        filter: brightness(1.1);
        transform: scale(1.025);
    }

    to {
        filter: brightness(1);
        transform: scale(1);
    }
}