var idcat = 3;
var bgcolor = '168a36';
var color = 'ffffff';
var nom = 'suf';

document.write('<div style="text-align: center; margin 0 auto;"><table border="1" bordercolor="#' + bgcolor + '" cellpadding="0" cellspacing="0" style="border-collapse: collapse; margin: 0 auto;" width="0%">'
+ '<tr><td width="100%"><img border="0" src="http://www.laboussole.org/webring/' + nom + '.png" width="339" height="50"></td></tr>'
+ '<tr><td width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#' + bgcolor + '">'
+ '<tr><td width="20%" align="center">'
+ '<a style="text-decoration: none; font-size: 9px; font-family: Trebuchet MS, Helvetica, Arial; color: #' + color + '" target="_blank" href="http://www.laboussole.org/webring/fct/moins.php?id_cat=' + idcat + '&id_site=' + idsite + '">&lt;&lt; Pr&#233;c&#233;dent</a>'
+ '</td><td width="20%" align="center"><a style="text-decoration: none; font-size: 9px; font-family: Trebuchet MS, Helvetica, Arial; color: #' + color + '" target="_blank" href="http://www.laboussole.org/webring/fct/hasard.php?id_cat=' + idcat + '&id_site=' + idsite + '">'
+ 'Au hasard</a></td><td width="20%" align="center">'
+ '<a style="text-decoration: none; font-size: 9px; font-family: Trebuchet MS, Helvetica, Arial; color: #' + color + '" target="_blank" href="http://www.laboussole.org/?cat_id=' + idcat + '">Liste'
+ '</a></td><td width="20%" align="center">'
+ '<a style="text-decoration: none; font-size: 9px; font-family: Trebuchet MS, Helvetica, Arial; color: #' + color + '" target="_blank" href="http://www.laboussole.org/?pg=webring&wr=' + idcat + '_' + nom + '">S\'inscrire'
+ '</a></td><td width="20%" align="center">'
+ '<a style="text-decoration: none; font-size: 9px; font-family: Trebuchet MS, Helvetica, Arial; color: #' + color + '" target="_blank" href="http://www.laboussole.org/webring/fct/plus.php?id_cat=' + idcat + '&id_site=' + idsite + '">Suivant &gt;&gt;</a>'
+ '</td></tr></table></td></tr></table></div>');