$(function(){

	$('<div id="scrolltotop"><a href="#top">Retour en haut</a></div>').appendTo('body').css({opacity: 0});
	$(window).scroll(function(){
		
		// Position of the scroll (by the top)
		var scrollTop = $(window).scrollTop();

		$('#scrolltotop a').click(function(){
	    $('html,body').stop().animate({scrollTop: 0}, 'slow');
		});

   
		// Si la position du scroll est à la moitié de la taille du document on affiche la div pour remonter.
		var div = $('#scrolltotop');
		
		if(scrollTop >= 300){
			if(div.css('opacity') == 0){
				div.stop().animate({opacity: 1}, 500);
			}
		}else{
			
			// Sinon, on affiche pas la div
			if(div.css('opacity') > 0){
				div.stop().animate({opacity: 0}, 500);	
			} 
		}
	});
	$(window).scroll();
});