$(document).ready(function(){
	$(".bouton_menu").bind("click", function(e){
		if ($(".bouton_menu > img").attr("class") == "fermer_menu")
		{
			$("#menu_container").slideUp("slow");
			$(".bouton_menu > img").attr("src","_images/technologies/fleche-fermer.png");
			$(".bouton_menu > img").attr("class","ouvrir_menu");
			//$(".bouton_menu").css("margin-top","0");
			$(".bouton_menu").animate({marginTop: "280px"}, 500 )
			.animate({marginTop: "0"}, 50 )
			.animate({marginTop: "30px"}, 50 )
			.animate({marginTop: "10px"}, 100 )
			.animate({marginTop: "20px"}, 50 )
			.animate({marginTop: "0"}, 50 );
		}
		else
		{
			$("#menu_container").slideDown("slow");
			$(".bouton_menu > img").attr("src","_images/technologies/fleche-ouvert.png");
			$(".bouton_menu > img").attr("class","fermer_menu");
			$(".bouton_menu").animate({marginTop: "-20px"}, 500 )
			.animate({marginTop: "280px"}, 100 )
			.animate({marginTop: "261px"}, 50 )
			.animate({marginTop: "270px"}, 100 )
			.animate({marginTop: "261px"}, 50 );
		}
	});
});