<!--
	// ----- Show Aux -----
	function at_show_aux(parent, child)
	{
	  var p = document.getElementById(parent);
	  var c = document.getElementById(child);
	
	  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
	  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;
	
	  for (; p; p = p.offsetParent)
	  {
		top  += p.offsetTop;
		left += p.offsetLeft;
	  }
	
	  c.style.position   = "absolute";
	  c.style.top        = top +'px';
	  c.style.left       = 5+left+'px';
	  c.style.visibility = "visible";
	}
	
	
	// ----- Show -----
	function at_show()
	{
	  p = document.getElementById(this["at_parent"]);
	  c = document.getElementById(this["at_child" ]);
	
	  at_show_aux(p.id, c.id);
	
	  clearTimeout(c["at_timeout"]);
	}
	
	
	// ----- Hide -----
	function at_hide()
	{
	  c = document.getElementById(this["at_child"]);
	
	  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
	}
	
	
	// ----- Click -----
	function at_click()
	{
	  p = document.getElementById(this["at_parent"]);
	  c = document.getElementById(this["at_child" ]);
	
	  if (c.style.visibility != "visible") at_show_aux(p.id, c.id);
	  else c.style.visibility = "hidden";
	
	  return false;
	}


	// ----- Attach -----
	// PARAMETERS:
	// parent   - id of visible html element
	// child    - id of invisible html element that will be dropdowned
	// showtype - "click" = you should click the parent to show/hide the child
	//            "hover" = you should place the mouse over the parent to show
	//                      the child
	// position - "x" = the child is displayed to the right of the parent
	//            "y" = the child is displayed below the parent
	// cursor   - Omit to use default cursor or check any CSS manual for possible
	//            values of this field
	
	function at_attach(parent, child, showtype, position, cursor)
	{
	  p = document.getElementById(parent);
	  c = document.getElementById(child);
	  
	  p["at_parent"]     = p.id;
	  c["at_parent"]     = p.id;
	  p["at_child"]      = c.id;
	  c["at_child"]      = c.id;
	  p["at_position"]   = position;
	  c["at_position"]   = position;
	
	  c.style.position   = "absolute";
	  c.style.visibility = "hidden";
	
	  if (cursor != undefined) p.style.cursor = cursor;
	
	  switch (showtype)
	  {
		case "click":
		  p.onclick     = at_click;
		  p.onmouseout  = at_hide;
		  c.onmouseover = at_show;
		  c.onmouseout  = at_hide;
		  break;
		case "hover":
		  p.onmouseover = at_show;
		  p.onmouseout  = at_hide;
		  c.onmouseover = at_show;
		  c.onmouseout  = at_hide;
		  break;
	  }
	}	

	// ----- Gestion du menu vertical -----
	function affiche(id, env)
	{
		switch(env)
		{
			case 'bs':
				var color_1 = '#F2EFC1';	//fond rollover
				var color_2 = '#000000';	//couleur police rollover
				break;
			case 'bo':
				var color_1 = '#E9F858';
				var color_2 = '#000000';
				break;
			case 'pg':
				var color_1 = '#F3F2DE';
				var color_2 = '#72A12F';
				break;	
			case 'ap':
				var color_1 = '#314B1E';
				var color_2 = '#DDCD80';
				break;	
		};
		
		var b = document.getElementById('smenu'+id);
		var l = document.getElementById('lien'+id);
		for(var i = 0; i<=100; i++)
		{
			if(document.getElementById('smenu'+i))
			{document.getElementById('smenu'+i).style.display='none';}
		}

		if(b){b.style.display='block';}
		if(l){l.style.background=color_1;l.style.color=color_2;}
	}
 -->