new Event.observe(window, 'load', function() {
	horloge();
	placeCollapsers();
	/* menuStyles(); */
	});

function horloge() {
	var divRight	= $('right');
	var divTime		= '<div id="horloge" class="bloc_right collapsable"><h2>Date et heure</h2><div id="contenu_horloge" class="clear"><span id="heure"></span><span id="date"></span></div></div>';
	
	divRight.innerHTML = divTime + divRight.innerHTML;
	
	const infos = new Date();
	var offset	= infos.getTimezoneOffset()*60*1000;
	infos.setTime(infos.getTime() + offset + (8*3600*1000));
	
	$('date').innerHTML = ' - '+infos.getDate() + '/' + (infos.getMonth()+1) + '/' + infos.getFullYear();
	$('heure').innerHTML = compZero(infos.getHours()) + ':' + compZero(infos.getMinutes());
	
	new PeriodicalExecuter(function() {
		const infos = new Date();
		$('date').innerHTML = ' - '+infos.getDate() + '/' + infos.getMonth() + '/' + infos.getFullYear();
		$('heure').innerHTML = compZero(infos.getHours()) + ':' + compZero(infos.getMinutes());
		}, 60);
	}

function compZero(nombre) {
	return nombre < 10 ? '0' + nombre : nombre;
	}



function placeCollapsers() {
	var collapser	= '<div class="collapser minus" />';
	$$('.collapsable h2').each(function(h2) {
		Element.insert(h2, {after: collapser});
		});
	
	$$('.collapser').each(function(receiver) {
		Event.observe(receiver, 'click', function() {
			if(this.next().getStyle('display') != "none") {
				Effect.DropOut(this.next());
				this.addClassName('plus');
				this.removeClassName('minus');
				}
			else {
				Effect.Appear(this.next());
				this.addClassName('minus');
				this.removeClassName('plus');
				}
			});
		});
	}

function menuStyles() {
	$$('.main_links').each(function(link) {
		Event.observe(link, 'mouseover', function() {
			Effect.Pulsate(this, {pulses: 1, duration: 0.6});
			});
		});
	}