/*#presentation {
    
    animation: fadein 1.4s;
    -moz-animation: fadein 1.4s;
    -webkit-animation: fadein 1.4s;
    -o-animation: fadein 1.4s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#productions {
    
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#passions {
    
    animation: fadein 2.5s;
    -moz-animation: fadein 2.5s;
    -webkit-animation: fadein 2.5s;
    -o-animation: fadein 2.5s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#amis {
    
    animation: fadein 3s;
    -moz-animation: fadein 3s;
    -webkit-animation: fadein 3s;
    -o-animation: fadein 3s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#contact {
    
    animation: fadein 1.2s;
    -moz-animation: fadein 1.2s;
    -webkit-animation: fadein 1.2s;
    -o-animation: fadein 1.2s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#presentation:hover, #productions:hover, #passions:hover, #amis:hover, #contact:hover{
    animation: grow 0.5s;
    -moz-animation: grow 0.5s;
    -webkit-animation: grow 0.5s;
    -o-animation: grow 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes grow {
    from {
        width: 250px;
        height: 24px;
        margin: 15px;
        padding-top: 113px;
        padding-bottom: 113px;
    }
    to {
        width: 280px;
        height: 24px;
        margin: 0px;
        padding-top: 128px;
        padding-bottom: 128px;
    }
}*/
span{
    animation: bouge 0.5s;
    -moz-animation: bouge 0.5s;
    -webkit-animation: bouge 0.5s;
    -o-animation: bouge 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}
@keyframes bouge {
    from {
        left: 15px;
    }
    to {
        left: 45px;
    }
}