Event.observe(document, 'click',
  function(event) {
  	var element = Event.element(event);
  	var position= new Array();
  	if((element.id!='select-region' && element.id!='select-region-2') || (element.id=='select-region-2' && !($('select-region').visible())))
  	{
  		$('regionListe').hide();
  		if($('select-region')) {
  			hideSelect(true, 7);
  			$('select-region').show();
  		}
  	}
  	else
  	{
  		hideSelect(false, 7);
  		positionX=Position.cumulativeOffset($('regionLigne'));
  		positionY=Position.cumulativeOffset($('select-region'));
  		hideSelect(true, 7);
  		positionX[1] += 7; // a cause du line-height
  		$('regionListe').setStyle({top:positionX[1]+'px',left:(positionY[0])+'px'});
  		$('regionListe').show();
  		if($('select-region')) {
  			hideSelect(false, 7);
  			$('select-region').hide();
  		}
  	}
  	
  	if(element.id=='gauche_mail') {
  		if ($('gauche_mail').value == $('hidden_gauche_mail').value) {
  			$('gauche_mail').value = '';
  		}
  		Event.observe(element, 'blur', function(oEvent){
  			var oTarget = Event.element(oEvent);
  			if ((oTarget.id == 'gauche_mail') && (oTarget.value == '')) {
  				oTarget.value = $('hidden_gauche_mail').value;
  			}
  			Event.stopObserving(oTarget, 'blur');
  		});
  	}
  	
  	if (element.id == 'newsletterButton') {
  		return false;
  	}
  }
);