function titlebutton( title, back, x, h, w, target )
{
 if ( back == "SFF" ) col = "#2e8c96";
 else if ( back == "Jeunesse" ) col = "#c37300";
 else if ( back == "SF Jeunesse" ) col = "#c37300";
 else if ( back == "BD" ) col = "#62950a";
 else if ( back == "Bande Dessinée" ) col = "#62950a";
 else if ( back == "SFF1" ) col = "#1f626a";
 else if ( back == "Jeunesse1" ) col = "#ad7015";
 else if ( back == "BD1" ) col = "#4b7600";
 else if ( back == "SFF2" ) col = "#16464a";
 else if ( back == "Jeunesse2" ) col = "#8e5d11";
 else if ( back == "BD2" ) col = "#3a5802";
 else if ( back == "Video" ) col = "#000000";
 else col = "#b20036";
 
 fleche = "fleches.gif";
 
 // petits titres 12,12,-1,6
 if ( h == 1 )
 {
    himg = 16;
    htxt = 12;
    dh   = 1;
    dx   = 6;
 }
 // titres plus grands 22,14,3,6
 else if ( h == 2 )
 {
    himg = 22;
    htxt = 14;
    dh   = 3;
    dx   = 6;
 }
 // onglets
 else if ( h == 3 )
 {
    himg = 35;
    htxt = 15;
    dh   = 9;
    dx   = 10;
    fleche = "fleche-bouton.gif";
 }
 // titres un peu plus grands 24,14,4,6
 else if ( h == 4 )
 {
    himg = 24;
    htxt = 14;
    dh   = 4;
    dx   = 6;
 }
 document.write("<div style='position:absolute;top:0px;left:"+x+"px;width:"+w+"px;height:"+himg+"px;background-color:"+col+";'>");
 if ( target != "" )
 {
   document.write(" <a href='"+target+"' style='TEXT-DECORATION:none' target='_top'>");
 }
 document.write("  <div style='position:absolute;top:"+(himg/2-6)+"px;left:"+(w-20)+"px'>");
 document.write("   <img border='0' src='/spip/IMG/"+fleche+"'>");
 document.write("  </div>");
 document.write("  <div style='position:absolute;top:"+dh+"px;left:"+dx+"px'>");
 document.write("   <font style='font-size:"+htxt+"px;color:#FFFFFF'>");
 document.write("    <b>"+title+"</b>");
 document.write("   </font>");
 document.write("  </div>");
  if ( target != "" )
 {
   document.write(" </a>");
 }
 document.write("</div>");
}

function titlebutton1( title, back, x, h, w, target )
{
 if ( back == "SFF" ) col = "#2e8c96";
 else if ( back == "Jeunesse" ) col = "#c37300";
 else if ( back == "SF Jeunesse" ) col = "#c37300";
 else if ( back == "BD" ) col = "#62950a";
 else if ( back == "Bande Dessinée" ) col = "#62950a";
 else if ( back == "SFF1" ) col = "#1f626a";
 else if ( back == "Jeunesse1" ) col = "#ad7015";
 else if ( back == "BD1" ) col = "#4b7600";
 else if ( back == "SFF2" ) col = "#16464a";
 else if ( back == "Jeunesse2" ) col = "#8e5d11";
 else if ( back == "BD2" ) col = "#3a5802";
 else col = "#b20036";
 
 fleche = "fleches.gif";
 
 // petits titres
 if ( h == 1 )
 {
    himg = 12;
    htxt = 12;
    dh   = -1;
    dx   = 6;
 }
 // titres plus grands
 else if ( h == 2 )
 {
    himg = 22;
    htxt = 14;
    dh   = 3;
    dx   = 6;
 }
 // onglets
 else if ( h == 3 )
 {
    himg = 35;
    htxt = 15;
    dh   = 9;
    dx   = 10;
    fleche = "fleche-bouton.gif";
 }
 // titres un peu plus grands
 else if ( h == 4 )
 {
    himg = 24;
    htxt = 14;
    dh   = 4;
    dx   = 6;
 }
 document.write("<div style='position:relative;top:0px;left:"+x+"px;width:"+w+"px;height:"+himg+"px;background-color:"+col+";'>");
 document.write(" <a href='"+target+"' target='_top'>");
 document.write("  <div style='position:relative;top:"+(himg/2-6)+"px;left:"+(w-20)+"px'>");
 document.write("   <img border='0' src='/spip/IMG/"+fleche+"'>");
 document.write("  </div>");
 document.write("  <div style='position:relative;top:"+dh+"px;left:"+dx+"px'>");
 document.write("   <font style='font-size:"+htxt+"px;color:#FFFFFF'>");
 document.write("    <b>"+title+"</b>");
 document.write("   </font>");
 document.write("  </div>");
 document.write(" </a>");
 document.write("</div>");
}

function showbreve( n, title, txt, img, back, target )
{
 document.write("<div style='position:absolute;top:"+(240+58*n)+"px;left:5px;width:630px;height:55px'>");
 titlebutton( title, back, 55, 1, 200, target );
 if ( img != "" )
 {
   document.write(" <img src='"+img+"' width='50' height='50'>");
   document.write(" <div style='position:absolute;top:20px;left:55px;width:625px;'>");
   document.write(txt);
   document.write(" </div>");
   document.write("</div>");
 }
 else
 {
   document.write(" <div style='position:absolute;top:20px;left:5px;width:675px;'>");
   document.write(txt);
   document.write(" </div>");
   document.write("</div>");
 }
}

top.partenaire_pos = 5;
function partenaire(h , title, txt, img, target )
{
 document.write("<div style='position:absolute;top:"+top.partenaire_pos+"px;left:5px;width:295px;height:"+h+"px'>");
 document.write("<table class='partenaire' width='295' height='"+h+"'><tr><td>");
 
 titlebutton( title, "neutre", 5, 1, 200, target );
 if ( img != "" )
 {
   document.write(" <div style='position:absolute;top:15px;left:5px;width:70px;'>");
   document.write(" <a href='"+target+"' class='titre' target='_top'><img src='"+img+"' width='70' height='100' border='0'></a>");
   document.write(" </div>"); 
   document.write(" <div style='position:absolute;top:15px;left:80px;width:220px;'>");
   document.write(txt);
   document.write(" </div>");
   document.write("</div>");
 }
 else
 {
   document.write(" <div style='position:absolute;top:15px;left:5px;width:290px;'>");
   document.write(txt);
   document.write(" </div>");
   document.write("</td></tr></table>");
   document.write("</div>");
 }
 top.partenaire_pos += h + 5; 
}