           AfficherInfoBulle = function(e)
            {
              var text = $(this).next('.info-bulle-contenu');
              if (text.attr('class') != 'info-bulle-contenu')
                return false;

			  var id = $(this).attr('id');

			  /*text.fadeIn()
                .css('top', e.pageY-50)
                .css('left', e.pageX+10);*/

                  /*traitement particulier pour Left
                    Ici la page est centre sur la fenetre, mais sa taille est de 920 definie sur la div site
                     donc on aura un retrait sur le left
                */

                var taille= taille_ecran();
                var retrait= (taille['width'] - 920) /2;
                var position_left = getOffsetPosition(id,'Left');
                position_left -= retrait;


                text.fadeIn()
                .css('top',getOffsetPosition(id,'Top'))
                .css('left',position_left + 20);//

              return false;
            }
            CacherInfoBulle = function(e)
            {
              var text = $(this).next('.info-bulle-contenu');
              if (text.attr('class') != 'info-bulle-contenu')
                return false;

              text.fadeOut();
            }

            InstallationInfoBulle = function()
            {
              $('.info-bulle-css')
                .each(function(){
                  $(this)
                    .after($('<div/>')
                      .attr('class', 'info-bulle-contenu')
                      .html($(this).attr('title')))
                    .attr('title', '');
                })
                .hover(AfficherInfoBulle, CacherInfoBulle);
            }

            $(document).ready(function() {
              InstallationInfoBulle();
            });



