$(document).ready(function(){
	Reference = $(".carrousel li:first-child"); 
	NbElement = $(".carrousel li").length; 
	$(".carrousel") 
	.wrap('<div class="carrousel-conteneur"></div>') 
	.css("width",(Reference.width()*NbElement)); 

	$(".carrousel-conteneur")
	.width(Reference.width()) 
	.height(Reference.height()) 
	.css("overflow", "hidden") 

	Cpt = 0; 
	if(Cpt<1){$("#flecherefg").css("visibility","hidden");}
	
	$("#flecherefd").click(function(){
		$("#flecherefg").css("visibility","visible");
		if(Cpt<(NbElement-1)){
			Cpt++;
			$(".carrousel").animate({
				marginLeft: -(Reference.width()*Cpt)
			});
		}
		if(Cpt>(NbElement-2)){
			$("#flecherefd").css("visibility","hidden");
		}
		return false; 
	}); 
	$("#flecherefg").click(function(){
		$("#flecherefd").css("visibility","visible");
		if(Cpt>0){
			Cpt--;
			$(".carrousel").animate({
				marginLeft: -(Reference.width()*Cpt) 
			});
		}
		if(Cpt<1){
			$("#flecherefg").css("visibility","hidden");
		}
		return false; 
	}); 
});