
	function bouton(hid,classe,largeur,hauteur,couleurOn,couleurOff,fond,texte,coulTextOn,coulTextOff,action,bluraction,casse){
		var hg = hid+"hg";
		var hd = hid+"hd";
		var bg = hid+"bg";
		var bd = hid+"bd";
/*		if(!casse){ casse = 1}*/

		var coinsOff = new Array('images/charte/coin_hg_'+couleurOff+'_off.gif','images/charte/coin_hd_'+couleurOff+'_off.gif','images/charte/coin_bg_'+couleurOff+'_off.gif','images/charte/coin_bd_'+couleurOff+'_off.gif');
		var coinsOn = new Array('images/charte/coin_hg_'+couleurOn+'_on.gif','images/charte/coin_hd_'+couleurOn+'_on.gif','images/charte/coin_bg_'+couleurOn+'_on.gif','images/charte/coin_bd_'+couleurOn+'_on.gif');

		for(i in coinsOff){
			var img = new Image();
			img.src = coinsOff[i];
		}
		for(i in coinsOn){
			var img = new Image();
			img.src = coinsOn[i];
		}
		var mouse_over = "document.getElementById(\'"+hid+"\').style.backgroundColor=\'#"+couleurOn+"\';document.getElementById(\'"+hg+"\').style.backgroundImage=\'url("+coinsOn[0]+")\';document.getElementById(\'"+hd+"\').style.backgroundImage=\'url("+coinsOn[1]+")\';document.getElementById(\'"+bg+"\').style.backgroundImage=\'url("+coinsOn[2]+")\';document.getElementById(\'"+bd+"\').style.backgroundImage=\'url("+coinsOn[3]+")\';document.getElementById(\'lien"+hid+"\').style.color=\'#"+coulTextOn+"\'";
		var mouse_out = "document.getElementById(\'"+hid+"\').style.backgroundColor=\'#"+couleurOff+"\';document.getElementById(\'"+hg+"\').style.backgroundImage=\'url("+coinsOff[0]+")\';document.getElementById(\'"+hd+"\').style.backgroundImage=\'url("+coinsOff[1]+")\';document.getElementById(\'"+bg+"\').style.backgroundImage=\'url("+coinsOff[2]+")\';document.getElementById(\'"+bd+"\').style.backgroundImage=\'url("+coinsOff[3]+")\';document.getElementById(\'txt"+hid+"\').style.color=\'#"+coulTextOff+"\'";

		var h = hauteur - (8/13);
		var w = largeur - (8/13);
		var vraiehauteur = hauteur;
		var vraielargeur = largeur;

		html = '<table id="'+hid+'" class="'+classe+'"  style="border-collapse:collapse;border-width:0px;background-color:#'+couleurOff+';width:'+vraielargeur+'em;height:'+vraiehauteur+'em;">\n'
		html +=	'<tr style="border-width:0;padding:0 0 0 0;height:4px">\n';
		html +=	'<td id="'+hg+'" style="border-width:0;padding:0 0 0 0;width:4px;height:4px;background-color:#'+fond+';background-image:url('+coinsOff[0]+')"></td><td style="border-width:0;padding:0 0 0 0;width:'+w+'em;"></td><td id="'+hd+'" style="border-width:0;padding:0 0 0 0;;width:4px;background-color:#'+fond+';background-image:url('+coinsOff[1]+')"></td>\n';
		html +=	'</tr>\n';
		html +=	'<tr style="height:'+h+'em">\n';
		html +=	'<td style="border-width:0;padding:0 0 0 0;width:4px;padding:0;"></td>\n';
		html +=	'<td id="txt'+hid+'" style="border-width:0;width:'+w+'em;color:#'+coulTextOff+';padding:0 0 0 0;font-family:arial;cursor:pointer;text-align:center;"><a onmouseover="'+mouse_over+'" onmouseout="'+mouse_out+'"  onblur="'+bluraction+'" id="lien'+hid+'" onclick="'+action+'" style="color:#'+coulTextOff+';text-decoration:none;font-size:'+casse+'em;">'+texte+'</a></td>\n';
		html +=	'<td style="border-width:0;padding:0 0 0 0;width:4px"></td>\n';
		html +=	'</tr>\n';
		html +=	'<tr style="border-width:0;padding:0 0 0 0;height:4px">\n';
		html +=	'<td id="'+bg+'" style="border-width:0;padding:0 0 0 0;width:4px;height:4px;background-color:#'+fond+';background-image:url('+coinsOff[2]+')"></td><td style="padding:0 0 0 0;width:'+w+'em;"></td><td id="'+bd+'" style="border-width:0;padding:0;width:4px;background-color:#'+fond+';background-image:url('+coinsOff[3]+')"></td>\n';
		html +=	'</tr>\n';
		html +=	'</table>\n';

		return html

	}

