#logo img{
	animation-name: logo; /* nom de l'animation */
	animation-duration: 1s; /* temps de l'animation (1s) */
	animation-iteration-count: 1; /* nombre de boucles (infinie) */
	animation-timing-function: linear; /* accelération de l'animation (constant) */
}
@-webkit-keyframes logo {
    0% {	margin-top: -250px;}
    80% {	margin-top :-10px;}
    100% {	margin-top : 0px;}
}
@keyframes logo {
    0% {	margin-top: -250px;}
    80% {	margin-top :-10px;}
    100% {	margin-top : 0px;}
}


#logo_ball img{
	animation-name: bounce; /* nom de l'animation */
	animation-duration: 3s; /* temps de l'animation (1s) */
	animation-iteration-count: 1; /* nombre de boucles (infinie) */
	animation-timing-function: ease; /* accelération de l'animation (constant) */
}
  @-webkit-keyframes bounce {
    0% { margin-top:-100px;margin-left:-350px;    }  	
    30% { margin-top:-100px; margin-left:-350px;     }
    60%   { margin-top: 130px; }
    100%   { margin-top: 0px; margin-left: 0px; }
   }
  @keyframes bounce {
    0% { margin-top:-100px;margin-left:-350px;transform : scale(0); }  	
    30% { margin-top:-100px; margin-left:-350px;;transform : scale(0.2);      }
    40% {transform : scale(1);}
    60%   { margin-top: 100px; }
    100%   { margin-top: 0px; margin-left: 0px; }
  }