$(function(){
    
    $('.sticky').each(function(){
            var parent = $(this).parent();
            var dTop = $(this).offset().top;
            var elem = $(this);
						var ajust = 210; // ajustement de la hauteur. A cause des sous-menus on ne peut pas mettre position:relative
            $(window).scroll(function(){
                    //parent.css('position','relative');
                    elem.css('position','absolute');
                    if(scrollY()>dTop){
                        elem.stop().animate({top:scrollY()-parent.offset().top+20+ajust},500);
                    }else{
                        elem.stop().animate({top:dTop-parent.offset().top+ajust},500)
                    }
            });
            //parent.css('position','relative');
            elem.css('position','absolute');
						elem.css('top','930'); // on positionne en bas au départ pour éviter qu'il soit animé depuis le haut de la page au chargement
						elem.css('padding-left','8');
						if(scrollY()>dTop){
                elem.stop().animate({top:scrollY()-parent.offset().top+20+ajust},500);
            }else{
                elem.stop().animate({top:dTop-parent.offset().top+ajust},500)
            }
    });
    
});


/**
 *  Return the position of the top
 *  */
function scrollY() {
		scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
		} else if( document.body && ( document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
		} else if( document.documentElement && ( document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
		}
		return scrOfY;
}