window.addEvent('domready', function(){
		
// morph sous menu
$$('a.submen').set('morph', {duration: 'short'});

	// Or we just use Element.morph
	$$('a.submen').addEvent('mouseenter', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.big_lat');
	});
		$$('a.submen').addEvent('mouseleave', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.normal_lat');
	});
// morph item principaux
$$('a.top').set('morph', {duration: 'short'});

	// Or we just use Element.morph
	$$('a.top').addEvent('mouseenter', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.big_top');
	});
		$$('a.top').addEvent('mouseleave', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.normal_top');
	});		
	
// morph lien std
$$('a.normal').set('morph', {duration: 'short'});

	// Or we just use Element.morph
	$$('a.normal').addEvent('mouseenter', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.big_link');
	});
		$$('a.normal').addEvent('mouseleave', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.normal_link');
	});	

// morph menu bateau
$$('a.menu2').set('morph', {duration: 'short'});

	// Or we just use Element.morph
	$$('a.menu2').addEvent('mouseenter', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.big_menu2');
	});
		$$('a.menu2').addEvent('mouseleave', function(e) {
		e.stop();
		// Changes the element's style to .myClass defined in the CSS
		this.morph('.normal_menu2');
	});
	

});