function ecrireSpanIcones()
{

    document.write("<SPAN CLASS='commentaires-dyn' ID='affaccueil'>");
    document.write("Accueil de PHDN...");
    document.write("</SPAN>");
    document.write("<SPAN CLASS='commentaires-dyn' ID='affcomAide'>");
    document.write("Vous pouvez aider PHDN...");
    document.write("</SPAN>");
    document.write("<SPAN CLASS='commentaires-dyn' ID='affcomOu'>");
    document.write("Mais c'est quoi, ce site?");
    document.write("</SPAN>");
    document.write("<SPAN CLASS='commentaires-dyn' ID='affcomRech'>");
    document.write("Recherche sur PHDN");
    document.write("</SPAN>");    
    document.write("<SPAN CLASS='commentaires-dyn' ID='affaiderpetit'>");
    document.write("Aidez PHDN... ");
    document.write("</SPAN>");    
}

function ecrireSpanPalette(niveau, legende, cheminURL)
{
    CheminRacine = '';
    
    for (i=0; i<niveau; i++)
    {
        CheminRacine = CheminRacine + '../';
    }

    document.write("<SPAN CLASS='commentaires-dyn' ID='affRemonte'>");
    document.write(legende);
    document.write("</SPAN>");    

    document.write("<SPAN CLASS='paletteFlottante' ID='palette'>");    
    
    document.write("<A HREF='" + CheminRacine + "index.html' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affaccueil')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='adroite' SRC='" + CheminRacine + "images/maison.gif' ALT='Accueil PHDN?'>");

    document.write("</A><FONT SIZE=2><br /></FONT>");

    document.write("<A HREF='" + CheminRacine + "ousuisje.html' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affcomOu')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='adroite' SRC='" + CheminRacine + "images/pousuisje.gif' ALT='Ou Suis-Je?'>");

    document.write("</A><FONT SIZE=2><br /></FONT>");

    document.write("<A HREF='" + CheminRacine + "aiderphdn.html' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affaiderpetit')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='adroite' SRC='" + CheminRacine + "images/aiderpetit.gif' ALT='Aider PHDN'>");

    document.write("</A><FONT SIZE=2><br /></FONT>");

    document.write("<A HREF='" + CheminRacine + "recherche.html' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affcomRech')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='adroite' SRC='" + CheminRacine + "images/chercherpetit.gif' ALT='Aider PHDN'>");

    document.write("</A><FONT SIZE=2><br /></FONT>");

    document.write("<A HREF='" + cheminURL + "' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affRemonte')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='adroite' SRC='" + CheminRacine + "images/scrollup.gif' ALT='" + legende + "'>");
    document.write("</A>");

    document.write("</SPAN>");

    document.write("<SPAN CLASS='paletteFlottante2' ID='palette2'>");  
    document.write("<A HREF='" + CheminRacine + "index.html' TARGET='_top' onMouseOver=\"ouvrirCommentaire(event, 'affaccueil')\" onMouseOut='fermerNote(true)' onClick='fermerNote(true)'>");
    document.write("<IMG class='agauche' SRC='" + CheminRacine + "images/maison.gif' ALT='Accueil PHDN?'>");
    document.write("</A>");
    document.write("</SPAN>");
    
    tempo = setTimeout("initBranding()", 100);
}


var IW  = 0;
var IH  = 0;
var PX  = 0;
var PY  = 0;
var ZIN = 0;
var us  = null; // la layer watermark
var us1 = null;
var usseul = null;

var us_backup = null; // watermark pour resize

var IMGW= 50; //Position de l'image sur la largeur (0 = bord droit de l'ecran )
var IMGH= 30; //Position de l'image sur la hauteur (0 = bas de l'ecran)

var LSAFETY= 20;
var TSAFETY= 17;
paletteOk  = false;
DiffDistance = 0;

decaleHaut = 20;

IsNS6b = false;
isIEb  = false;

function initBranding()
{
    if (document.all) // IE
    {
        isIEb = true;
    }
    
    if (document.getElementById && !isIEb)
    {
        IsNS6b = true;
		laPalette = document.getElementById("palette");
		laPalette.style.position = 'fixed';
		laPalette = document.getElementById("palette2");
		laPalette.style.right = "auto";
		laPalette.style.position = 'fixed';
    }   
    
    if (isIEb)
    { 
        setInterval("branding()", 500);
    }
        
    paletteOk  = false;

    window.onresize=new Function("window.location.reload()");
}

function branding() { 

oldIW= IW;  // 0
oldIH= IH;  // 0
oldPX= PX;  // 0
oldPY= PY;  // 0
 
if ((navigator.appName == 'Netscape') && !IsNS6b)
{
  if ((window.innerHeight != oldIH) ||
      (window.innerWidth  != oldIW) ||
      (window.pageXOffset != oldPX) ||
      (window.pageYOffset != oldPY) )
  {
  
    // --------------------------------------
    // initialisation de us (layer watermark)  
    // --------------------------------------
    if (paletteOk == false)
    {   
        for (i=0; i<document.layers.length; i++)
        {
            us = document.layers[i];     
            if (us.id == "palette") 
            {   
                paletteOk = true;

                if (navigator.appVersion.indexOf("Win") != -1)
                {
                    ecartBord = 15; // le bord droit est hors du cadre
                }                   // sur NS Windows !
                else ecartBord = 0;

                // DiffDistance = window.innerWidth - us.clip.width - ecartBord;
                    
                // 40 = us.clip.width = propriete width de paletteFlottante definie dans phdnstyle.css
                DiffDistance = window.innerWidth - 40 - ecartBord;
                break;
            }
        }
        
        
        for (i=0; i<document.layers.length; i++)
        {
            usseul = document.layers[i];     
            if (usseul.id == "palette2") 
            {   
                paletteOk = true;
                break;
            }
        }
    }
    
    
    if (paletteOk == true)
    {
        us.visibility  = "hidden";
        usseul.visibility = "hidden";
        
        IH = window.innerHeight;
        IW = window.innerWidth;
        PX = window.pageXOffset;
        PY = window.pageYOffset;        

        us.top     = PY + decaleHaut;
        usseul.top = PY + decaleHaut;
      
        us.left  = DiffDistance;
        // usseul.left = 50;


        // -------------------------------------
        // Calcul du zindex le plus fort pour
        // affectation ˆ layer us
        // -------------------------------------
        for (i=0; i<document.layers.length; i++)
        {
            templay = document.layers[i];
            if (templay.zIndex > ZIN)
            {
                ZIN = (templay.zIndex + 1);
            }
        }
             
        us.zIndex         = ZIN;
        usseul.zIndex     = ZIN-1;
        us.visibility     = "visible";
        usseul.visibility = "visible";
       
         
    } // if us!=null
     
  } // if windows...
   
} // fin du cas Netscape

if (isIEb)
{
    if ((document.body.clientHeight != oldIH) ||
        (document.body.clientWidth  != oldIW)  ||
        (document.body.scrollLeft   != oldPX)   ||
        (document.body.scrollTop    != oldPY)) 
    {
    
        allspans= document.all.tags("SPAN");
              
        if (paletteOk == false)
        { 
            for (i=0; i<allspans.length; i++)
            {          
                us= allspans(i);
                if (us.id == "palette") 
                {
                    paletteOk = true;
                    break;
                }         
            }
            for (i=0; i<allspans.length; i++)
            {          
                us1= allspans(i);
                if (us1.id == "palette2") 
                {
                    paletteOk = true;
                    break;
                }         
            }
        }
            
        if (paletteOk == true)
        {
            us.style.visibility  = "hidden";
            us1.style.visibility = "hidden";
            
            IH = document.body.clientHeight;        
            IW = document.body.clientWidth;
            PX = document.body.scrollLeft;        
            PY = document.body.scrollTop;
            
            us.style.top   = PY + decaleHaut;
            us1.style.top  = PY + decaleHaut;
           
            
            // us.style.left = 0;

            // 40 = us.style.width = propriete width de paletteFlottante definie dans phdnstyle.css
            us.style.left  = IW - 40;
            us1.style.left = 0;
            
            /*
            for (i=0; i<allspans.length; i++)
            {          
                templay = allspans(i);
                
                if (templay.style.zIndex > ZIN)
                { 
                    us.style.zindex  = (templay.style.zIndex + 1);        
                    us1.style.zindex = us.style.zindex;        
                }
            }
            */
            
            us.style.visibility  = "visible";
            us1.style.visibility = "visible";
            
        } // if us != null
        
     } // if document.body...
     
} // if internet explorer... 

if (IsNS6b)
{
    if ((window.innerHeight != oldIH) ||
        (window.innerWidth  != oldIW) ||
        (window.pageXOffset != oldPX) ||
        (window.pageYOffset != oldPY) )
    {

        allspans= document.getElementsByTagName("SPAN");

        // --------------------------------------
        // initialisation de us (layer watermark)  
        // --------------------------------------
        if (paletteOk == false)
        { 
            for (i=0; i<allspans.length; i++)
            {          
                us= allspans[i];
                                
                if (us.id == "palette") 
                {
                    paletteOk = true;
                
                    ecartBord = 17; // le bord droit est hors du cadre

                    // 40 = us.clip.width = propriete width de paletteFlottante definie dans phdnstyle.css
                    DiffDistance = window.innerWidth - 40 - ecartBord;

                    break;
                }         
            }
            for (i=0; i<allspans.length; i++)
            {          
                us1= allspans[i];
                if (us1.id == "palette2") 
                {
                    paletteOk = true;
                    break;
                }         
            }
        }
        
        
        if (paletteOk == true)
        {
            us.style.visibility  = "hidden";
            us1.style.visibility = "hidden";
            
            IH = window.innerHeight;        
            IW = window.innerWidth;
            PX = window.pageXOffset;        
            PY = window.pageYOffset;

            us.style.top   = PY + decaleHaut;
            us1.style.top  = PY + decaleHaut;
           
            
            // us.style.left = 0;

            // 40 = us.style.width = propriete width de paletteFlottante definie dans phdnstyle.css
            // us.style.left  = IW - 40;
            us.style.left  = DiffDistance
            
            us1.style.left = 2;
            
            for (i=0; i<allspans.length; i++)
            {          
                templay= allspans[i];
                
                if (templay.style.zIndex > ZIN)
                { 
                    us.style.zindex  = (templay.style.zIndex + 1);        
                    us1.style.zindex = us.style.zindex;        
                }
            }
            
            us.style.visibility= "visible";
            us1.style.visibility= "visible";
            
        } // if us != null
        
     } // if document.body...
     
} // if navigator... 

  
} // fin branding()