$(document).ready(function(){
            $(".button").hover(function(){
                $("#bouton-un a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button").hover(function(){
                $("#un a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button2").hover(function(){
                $("#bouton-deux a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button2").hover(function(){
                $("#deux a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button3").hover(function(){
                $("#bouton-trois a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button3").hover(function(){
                $("#trois a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button4").hover(function(){
                $("#bouton-quatre a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button4").hover(function(){
                $("#quatre a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button5").hover(function(){
                $("#bouton-cinq a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button5").hover(function(){
                $("#cinq a")
                .animate({top:"-4px"}, 200).animate({top:"0px"}, 200) // first jump
                .animate({top:"-1px"}, 100).animate({top:"1px"}, 100) // second jump
                .animate({top:"2px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
        });