[TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime

.M14_toolInfo
{  background-color: #fff;
  color: #666;
  font-size:11px!important;
}

// L IMAGE DU PROFIL
var  M14_tool_prof="https://i.servimg.com/u/f86/18/21/41/30/profil12.png";
// L IMAGE DU MP
var  M14_tool_mp="https://i.servimg.com/u/f86/18/21/41/30/pm-f11.png";

// L AVATAR PAR DEFAUT
var img="https://2img.net/i/fa/i/avatars/gallery/Simpson_Southpark/Simpson_1.jpg";

$(function(){
    if(!_userdata["session_logged_in"])return;
// L AVATAR PAR DEFAUT
var img="https://2img.net/i/fa/i/avatars/gallery/Simpson_Southpark/Simpson_1.jpg";
// L IMAGE DU PROFIL
var  M14_tool_prof="https://i.servimg.com/u/f86/18/21/41/30/profil12.png";
// L IMAGE DU MP
var  M14_tool_mp="https://i.servimg.com/u/f86/18/21/41/30/pm-f11.png";
$('.fa_like_div p').find('a[href^="/u"]').each(function() {
var $this=$(this);
$(this).addClass('M14_tooltip');
var link=$(this).attr('href');
var p=link.match(/\d+/);                                                          
var pseudo=$(this).text();                                                          
var linkMP="/privmsg?mode=post&u=";
$this.append('<div class="M14_toolInfo"><div class="ava"><img src="'+img+'"/></div><div class="M14_div_up"><div class="use">'+pseudo+'</div><div class="stats"><span>Hors ligne</span></div><div class="rang"><span>Aucun</span></div><div class="message">Messages:<span>0</span></div><div class="rep">Réputation: <span>0</span></div><div class="amis">Amis:<span> 0 </span></div></div><div class="M14_div_down"><a class="prof" href="'+link+'" title="Voir le profil de '+pseudo+'"><img src="'+M14_tool_prof+'"/></a><a class="mp" href="'+linkMP+p+'" title="Envoyer un Mp à '+pseudo+'"><img src="'+M14_tool_mp+'"/></a></div></div>');
 $.get(''+link+'?change_version=prosilver', function(data){
$(data).find('#main-content').each(function(){
var post=$(this).find('#profile-advanced-left ').find('dt span:contains(Messages)').closest('dl').find('dd div').text();
var rep=$(this).find('#profile-advanced-left ').find('dt span:contains(Réputation)').closest('dl').find('dd div').text();  
var color=$(this).find('#profile-advanced-right .module:eq(0) div.h3 span[style*="color"]').css('color');
var statut=$(this).find('#profile-advanced-right .module:eq(0) div.h3 em').text();
  var avat=$(this).find('#profile-advanced-right .module:eq(0) img:first').attr('src');
var rang=$(this).find('#profile-advanced-right .module:eq(0) div.h3').next().text();  
var ami=$(this).find('#profile-advanced-right .module:eq(1)  a.mainmenu').text();
var num=ami.match(/\d+/);  
if(avat){$this.find('.M14_toolInfo .ava img').attr('src',avat);}
if(num){$this.find('.M14_toolInfo .amis span').text(num);}
if(statut){$this.find('.M14_toolInfo .stats span').css('color','green').text('En ligne');}
if(rang){$this.find('.M14_toolInfo .rang span').text(rang);}
if(post){$this.find('.M14_toolInfo .message span').text(post);}
if(rep){$this.find('.M14_toolInfo .rep span').text(rep);}
if(ami){$this.find('.M14_toolInfo .amis span').text(num);}
if(color){
$this.find('.M14_toolInfo,.M14_toolInfo .ava img').css('border-color',color);
$this.find('.M14_toolInfo .M14_div_down').css('background',color);
$this.find('.M14_toolInfo .M14_div_up').css('color',color);}
});});});});

 $(function(){
$('.M14_tooltip ').hover(function(){
$(this).find('.M14_toolInfo').css({"visibility": "visible", "opacity": "1"});
}, function(){
$(this).find('.M14_toolInfo').css({"visibility": "hidden", "opacity": "0"});
});
});

.M14_tooltip {display: inline-block;}
/* l infobulle */
.M14_toolInfo
{
 visibility: hidden;
  background-color: #fff;
  color: #666;
  font-size:11px!important;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 200px;
  border:2px solid #666;
  position: absolute;
  z-index:99999!important;
  margin-left: -10px;
  margin-top: -205px;
  opacity: 0;
  transition: opacity 0.5s;
}
/* La petite fleche en bas de la fenetre */
.M14_tooltip .M14_toolInfo::after
{
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #666 transparent transparent transparent;
}

/*On modifie les ajouts sur le plugin*/
/*On donne des dimensions et un positionnement*/
.M14_toolInfo .ava img{width:48px;height:48px;border:2px solid #666;border-radius:100%;float:left;margin:5px;}
/*on donne des dimensions a la div du haut*/
.M14_div_up {left:40px;width: 150px;position: relative;text-align: left;height: 120px;display: inline-grid;top: -50px;}
/*on donne une hauteur et une couleur de fond a la div du bas*/
.M14_div_down{height:30px;line-height:30px;background:#666;text-align:left;margin-top: -40px;}
/*on positionne les liens*/
.M14_div_down a{display: inline-block;position: relative;margin-top: 3px;margin-left: 3px;}