function backgroundBonPlan()
{
  document.getElementById('page').style.marginTop = "45px";
	document.body.style.background = "url('./squelettes/img/habillages/habillage-bonplan.jpg') #0F386C no-repeat";
	document.body.style.backgroundPosition = "center top";	
	habillage_click_observer(new Array("page","http://www.mapiaule.com/tracking.php?originel=MAPIAULE&provenance=MAPIAULE&clic=habillage&id=0&systeme=HABILLAGE_BONPLAN&lien=http://www.studyrama.com/bon-plan/","_blank"));
}

/******************************************
 * Methode pour rendre les habillages de pages clickables
 **************************************************/
 
/**
 * @function : détecte l'habillage de la page et active le click dessus
 * @param params   : un tableau de paramètres. 
 *                   Index 1 - l'id de l'élément HTML qui contient le site
 *                   Index 2 - l'url vers laquelle pointe le lien
 *                   Index 3 - pour afficher la destination dans une nouvelle page ou à la place de la page courante.
 *                             Les valeurs possibles sont _blank pour une nouvelle page et _self pour la page courante    
 * @return   : void
 */ 
function habillage_click_observer(params)
{
  var cid = params[0];
  var url = params[1];
  var target = params[2];
  
  because_ie();
         
  var st_site = document.getElementById(cid);
  if(st_site)
  {
    active_body_click(url,true,target);  
    st_site.onmouseover = function()
    {
      active_body_click(url,false,target);
    }
    st_site.onmouseout = function()
    {
      if(because_ie_active_click) active_body_click(url,true,target);      
    }          
  }
}

/**
 * @function : active ou désactive le click sur le body de la page
 * @url    : url vers laquelle pointe le lien 
 * @b      : booléen pour activer ou désactiver l'évênement onclick du body
 * @target : pour l'affichage dans la même page ou dans une nouvelle fenêtre     
 * @return : void
 */
function active_body_click(url,b,target)
{  
  if(b)
  {
    document.body.style.cursor = "pointer";
    document.body.onclick = function()
    {
      if(target == "_blank")
      {
        window.open(url);
      }
      else if(target == "_self")
      {
        window.location.href = url;
      }
    }
  }
  else
  {
    document.body.style.cursor = "auto";
    document.body.onclick = null;
  }
}

/**
 * Parceque IE considère les OPTION d'un SELECT comme élément direct du body
 */
because_ie_active_click = true;
function because_ie()
{
  var selects = document.getElementsByTagName('SELECT');
  for(var i=0; i<selects.length; i++)
  {
    selects[i].onfocus = function()
    {
      because_ie_active_click = false;
    }
    selects[i].onblur = function()
    {
      because_ie_active_click = true;
      because_ie();
    }           
  }
}