window.addEvent('domready', function() {
	//////FADE OUT
	var el = $('contenu');
$$('a.fadeopacity').addEvent('click', function(e) {
	el.fade(0);
	});


var myHorizontalSlide = new Fx.Slide('contenu', {mode: 'vertical'});

	$$('a.fadeopacity').addEvent('click', function(e){
		myHorizontalSlide.slideOut();
	});
	//ACCORDION
	

	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {

		opacity: false,
		onActive: function(toggler, element){toggler.setStyle('border-color', '#DDD');
			toggler.setStyle('color', '#d2021a');toggler.setStyle('background-image', 'url(icono/moins.gif)');
		element.setStyle('margin', '10px 0px');
		},
		onBackground: function(toggler, element){	toggler.setStyle('border-color', '#EEE');
			toggler.setStyle('color', '#222');toggler.setStyle('background-image', 'url(icono/plus.gif)');
			element.setStyle('margin', '0px');
		}
	}).hide();
	});

window.addEvent('load', function() {	
								 
	exampleFx = new Fx.Tween('imgfade', {	
	property: 'opacity',
	duration: 2000, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});
exampleFx.start(0,1);						 
	

contFx = new Fx.Tween('contenu', {
	property: 'opacity',
	duration: 500, 
	transition: Fx.Transitions.Quart.easeInOut,
	link: 'chain'
});
contFx.start(0,1);



var slide = new Fx.Slide('contenu',{duration: 1000,  mode: 'vertical'});
slide.hide();
slide.slideIn();



});