window.addEvent('domready', function(){
	color = $('myElement').getStyle('backgroundColor');
	colortitre = $('titre').getStyle('color');
	colorcontent = $('content').getStyle('color');
	color2 = $('myElement2').getStyle('backgroundColor');

	$('myElement').addEvents({
		mouseenter: function(){
			this.morph({'background-color': '#000'});
			$('titre').morph({'color': '#FFF'});
			$('content').morph({'color': '#9f9f9f'});
		},
		mouseleave: function(){
			this.morph({'backgroundColor': color});
			$('titre').morph({'color': colortitre});
			$('content').morph({'color': colorcontent});
		}
	});
	$('myElement2').addEvents({
		mouseenter: function(){
			this.morph({'background-color': '#5d5d5d'});
			$('titre2').morph({	'color': '#FFF'});
			$('content2').morph({'color': '#9f9f9f'	});
		},
		mouseleave: function(){
			this.morph({'backgroundColor': color2});
			$('titre2').morph({	'color': colortitre});
			$('content2').morph({'color': colorcontent});
		}
	});
	$('myElement3').addEvents({
		mouseenter: function(){
			this.morph({'background-color': '#000'});
			$('titre3').morph({	'color': '#FFF'});
			$('content3').morph({'color': '#9f9f9f'	});
		},
		mouseleave: function(){
			this.morph({'backgroundColor': color});
			$('titre3').morph({	'color': colortitre});
			$('content3').morph({'color': colorcontent});
		}
	});
});