nuancier = {
	bindEvents: function()
	{
		var color_divs = $$('.nuancier span.couleur');

		color_divs.addEvent('mousemove', function(e) {
			var e = new Event(e);
		  mouseX = e.page.x;
		  mouseY = e.page.y;
			
			var pop = $('popup_nuancier');
			var psize = pop.getSize();
			
			pop.setStyle('background-color', this.getStyle('background-color'));
			pop.setStyle('top', mouseY);
			pop.setStyle('left', mouseX + (mouseX + psize.size.x + 20 < window.getWidth() ? 10 : -psize.size.x - 10));
			pop.setStyle('display', 'block');
			
			
		});
		
		$$('.nuancier').addEvent('mouseleave', function(e) {
			$('popup_nuancier').setStyle('display', 'none');
		});
		
	}
	
	
}
