function overBouton(div)
{
	var gauche = findChildWithClass(div, 'bouton2_gauche');
	var milieu = findChildWithClass(div, 'bouton2_milieu');
	var droite = findChildWithClass(div, 'bouton2_droit');
	var vert = findChildWithClass(div, 'vert');
	var lien   = findChildWithName(div, 'lien');
	
	if( gauche == null || milieu == null|| droite == null || lien == null )
	{
		return;
	}
	
	gauche.className = 'bouton2_gauche_hover';
	milieu.className = 'bouton2_milieu_hover';
	droite.className = 'bouton2_droit_hover';
	if (vert!=null){
		vert.className = 'vert_hover';
	}
	
	if( !lien.save )
	{
		lien.save = lien.className;
	}
	
	lien.className   = lien.save + 'on';
}

function outBouton(div)
{
	var gauche = findChildWithClass(div, 'bouton2_gauche_hover');
	var milieu = findChildWithClass(div, 'bouton2_milieu_hover');
	var droite = findChildWithClass(div, 'bouton2_droit_hover');
	var lien   = findChildWithName(div, 'lien');
	var vert = findChildWithClass(div, 'vert_hover');
	
	if( gauche == null || droite == null || milieu == null || lien == null )
	{
		return;
	}
	if (vert!=null){
		vert.className = 'vert';
	}
	gauche.className = 'bouton2_gauche';
	milieu.className = 'bouton2_milieu';
	droite.className = 'bouton2_droit';
	lien.className   = lien.save;
}

function findChildWithClass(el, className)
{
	for(var i = 0; i < el.childNodes.length; i ++ )
	{
		var child = el.childNodes[i];
		
		if( child == null || child.nodeType != 1 )
		{
			continue;
		}
		
		if( child.className == className )
		{
			return child;
		}
		
		var node = findChildWithClass(child, className);
		
		if( node != null )
		{
			return node;
		}
	}
	
	return null;
}

function findChildWithName(el, name)
{
	for(var i = 0; i < el.childNodes.length; i ++ )
	{
		var child = el.childNodes[i];
		
		if( child == null || child.nodeType != 1 )
		{
			continue;
		}
		
		if( child.name == name )
		{
			return child;
		}
		
		var node = findChildWithName(child, name);
		
		if( node != null )
		{
			return node;
		}
	}
	
	return null;
}