window.addEvent('domready', function(){
	
	
	/* Ajout des infobulles */
	var TipsImages = new Tips($$('.infobulle'), {
					className: 'infoBulle',
					initialize:function(){
						this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
					},
					onShow: function(toolTip) {
						this.fx.start(.8);
					},
					onHide: function(toolTip) {
						this.fx.start(0);
					}
				});
	
	
	/* Ajout d'effets sur les éléments de formulaires */
	
	var champsFormulairesInput = $$('input');
	champsFormulairesInput.each(function(element) {
		var couleurFond = element.getStyle('background-color');

		var fx = new Fx.Styles(element, {duration:300, wait:false});
	 
		element.addEvent('focus', function(){
			fx.start({
				'background-color': '#273f42'
			});
		});
	 
		element.addEvent('blur', function(){
			fx.start({
				'background-color': couleurFond
			});
		});
	 
	});	
	
	var champsFormulairesSelect = $$('select');
	champsFormulairesSelect.each(function(element) {
		var couleurFond = element.getStyle('background-color');

		var fx = new Fx.Styles(element, {duration:300, wait:false});
	 
		element.addEvent('focus', function(){
			fx.start({
				'background-color': '#273f42'
			});
		});
	 
		element.addEvent('blur', function(){
			fx.start({
				'background-color': couleurFond
			});
		});
	 
	});	
	
	var champsFormulairesTextArea = $$('textarea');
	champsFormulairesTextArea.each(function(element) {
		var couleurFond = element.getStyle('background-color');

		var fx = new Fx.Styles(element, {duration:300, wait:false});
	 
		element.addEvent('focus', function(){
			fx.start({
				'background-color': '#273f42'
			});
		});
	 
		element.addEvent('blur', function(){
			fx.start({
				'background-color': couleurFond
			});
		});
	 
	});				
});