/* Généralités */
article + article {
	margin-top: 2em;
}
h2 {
	margin: 0;
}

/* Flags */
[class*="flag-"] {
    display: inline-block;
    width: 100px;
    height: 94px;
    background-image: url('../instructions/ressources/flags.jpg');
    background-size: 300%;
}

.flag-es {
    background-position: -100px -94px;
}

.flag-fr {
    background-position: -200px -0px;
}

.flag-it {
    background-position: -00px -188px;
}

.animation {
    width: 300px;
    height: 200px;
    margin: 2em auto;
    background-image: url('../instructions/ressources/dragon.png');
    animation:0.1s;
}

.animation:hover {
    animation: dragon-fly 1s steps(4) infinite;
}

@keyframes dragon-fly {
    0% {
        background-position: -0px;
    }
    100%{
        background-position: -400%;
    }
}