function showContentPage()
{
	$("#blocCentreFull").animate({
		/*top: '-' + $("#blocCentreFull").height() + 'px' ,*/
	   	opacity: 0
	}, 500, '', false);		
	
	$(".menuBas").animate({
		opacity:1, 		
		bottom: 0
	}, 500) ;
			
	$(".menu").css('background-color','transparent'); 
	$(".menuTop").css('opacity','0');
	$(".menuBottom").css('opacity','0');  
}

function hideContentPage()
{
	$(".menuBas2").animate({
		opacity:1, 		
		bottom: 0
	}, 2000, '', false) ;
			
	$("#blocCentreFull").animate({
		/* top: '-' + $("#blocCentreFull").height() + 'px' , */
	   	opacity: 0

	}, 500, function() {
		$("#blocCentreFull").css('display','none')
	}) ;
}

$(document).ready(function(){

	// *---------- On fixe les valeurs de départ
		var pos = $("#blocCentreFull").position();
		
		$("#blocCentreFull").css('position', '') ;
		$("#blocCentreFull").css('top', 0) ;
		$("#blocCentreFull").css('left', pos.left) ;
		 
	
		$(".menuBas").css('opacity', 0) ;  

		$(".menuBas").css('bottom', '-' + $(".menuBas").height() + 'px' ) ;
		
		/* 2e version */
		$(".menuBas2").css('opacity', 0) ;  
		$(".menuBas2").css('display', 'block') ;
		$(".menuBas2").css('top', '-' + $(".menuBas2").height() + 'px' ) ;
		
		
		$('.swapAffichage').css('cursor', 'pointer');
		$('.swapRetour').css('cursor', 'pointer');
	
	// *---------------- Affichage du menu
	$('.swapAffichage').click(function() {
		showContentPage();
	});
	
	// *---------------- Affichage du menu 2e version
	$('.swapAffichage2').click(function() {
		hideContentPage();
	});
	
	
	// *---------------- Retour au contenu
	$('.swapRetour').click(function() {
				
		$("#blocCentreFull").css('display','block');
		$("#blocCentreFull").animate({
			top: 0,
		   	opacity: 1
		}, 1000, '', false);		

		$(".menu").css('background-color','#fff'); 
		$(".menuTop").css('opacity','1');
		$(".menuBottom").css('opacity','1');
			
		$(".menuBas").animate({
			opacity:0, 		
			bottom: '-' + $(".menuBas").height() + 'px' 
		}, 1000, function() {
			$(".menuBas").css('display','none')
		}) ;

		/* 2e version */
		$(".menuBas2").animate({
			opacity:0, 		
			bottom: '-' + $(".menuBas2").height() + 'px' 
		}, 1000) ;
		
	}); 
});