Test QEEL

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <div class="FondQEEL">
    <link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
      <div class="TitreQEEL"><div style="font-family:'Tangerine'; font-size: 45px;">{L_WHO_IS_ONLINE}</div></div>
      <div class="ImgQEEL"><br /><br /><br /><div class="GroupesQEEL">
        <a href="http://mindscriminal.forumactif.fr/g13-la-royaute"><div class="Groupe1" style="display: inline;">La Royauté<span><div style="color:white; font-size: 12px;">La Royauté dirige Paris d'une main ferme. Pas forcément de sang royal, ce sont néamoins eux qui portent la couronne.</div></span></div></a> //
        <a href="http://mindscriminal.forumactif.fr/g5-les-partisans"><div class="Groupe2" style="display: inline;"> Les Partisans<span><div style="color:white; font-size: 12px;">Les Partisans sont au service de leur Roi. Pour la plupart nobles, ils approuvent son gouvernement et le suivent.</div></span></div></a> //
        <a href="http://mindscriminal.forumactif.fr/g7-les-fleurs-du-mal"><div class="Groupe3" style="display: inline;"> Les Fleurs du Mal<span><div style="color:white; font-size: 12px;">Les mendiants, les voleurs et les pauvres se retrouvent le plus souvent dans cette bande, ils survivent et sont mieux traités.</div></span></div></a> //
        <a href="http://mindscriminal.forumactif.fr/g9-les-boutons-de-rose"><div class="Groupe4" style="display: inline;"> Les Boutons de Rose<span><div style="color:white; font-size: 12px;">Les prostitués, en bordel ou dans la rue, sont toutes aux mains de la Rose des Sables. Elles sont ses espionnes et ses informatrices.</div></span></div></a> 
        <a href="http://mindscriminal.forumactif.fr/g12-les-araignees"><div class="Groupe5" style="display: inline;"> Les Araignées<span><div style="color:white; font-size: 12px;">Les meilleurs assassins de Paris se regroupent autour de la Veuve noire, il n'y a que peu de chances de leur échapper.</div></span></div></a> //
        <a href="http://mindscriminal.forumactif.fr/g10-les-lames"><div class="Groupe6" style="display: inline;"> Les Lames<span><div style="color:white; font-size: 12px;">Les mercenaires et les combattants de renom sont acceptés dans les lames, et vous n'aimeriez pas les croiser.</div></span></div></a> //
        <a href="http://mindscriminal.forumactif.fr/g4-les-autres"><div class="Groupe7" style="display: inline;"> Les Autres<span><div style="color:white; font-size: 12px;">Les autres, ceux qui ne prennent pas partie dans cette guerre. Ils se sentent à part et ne vivent que pour eux.</div></span></div></a></div></div><br />
<blockquote><div class="TotalP"><span id="TTPOSTS"> {TOTAL_POSTS}
<script type="text/javascript">document.getElementById('TTPOSTS').innerHTML=document.getElementById ('TTPOSTS').innerHTML.replace(/Nos membres ont posté un total de/,"À Paris, les livreurs ont déposé");</script>.
<script type="text/javascript">document.getElementById('TTPOSTS').innerHTML=document.getElementById ('TTPOSTS').innerHTML.replace(/message/,"missive sous vos porte");</script>
<script type="text/javascript">document.getElementById('TTPOSTS').innerHTML=document.getElementById ('TTPOSTS').innerHTML.replace(/messages/,"missives sous vos porte");</script>
  </span></div>
<div class="TotalU"><span id="TTUSERS"> {TOTAL_USERS}
<script type="text/javascript">document.getElementById('TTUSERS').innerHTML=document.getElementById ('TTUSERS').innerHTML.replace(/Nous avons/,"La police royale estime à");</script>
<script type="text/javascript">document.getElementById('TTUSERS').innerHTML=document.getElementById ('TTUSERS').innerHTML.replace(/membre enregistré/,"le nombre d'habitant dans cette bourgade,");</script>
<script type="text/javascript">document.getElementById('TTUSERS').innerHTML=document.getElementById ('TTUSERS').innerHTML.replace(/membres enregistrés/,"le nombre d'habitants dans cette bourgade,");</script>
  </span></div>
<div class="NewU"><span id="NWU"> {NEWEST_USER}
<script type="text/javascript">document.getElementById('NWU').innerHTML=document.getElementById ('NWU').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"et le dernier arrivant est");</script>. 
  </span></div>
<div class="TotalUon"><span id="TTUSERSON"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Il y a en tout/,"La population se divise en");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/utilisateur en ligne :/,"personne");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/utilisateurs en ligne :/,"personnes");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Enregistré/,"Parisien");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Invisible/,"Voleur");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Invité/,"Espion.");</script> 
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Enregistrés/,"Parisiens");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Invisibles/,"Voleurs");</script>
<script type="text/javascript">document.getElementById('TTUSERSON').innerHTML=document.getElementById ('TTUSERSON').innerHTML.replace(/Invités/,"Espions.");</script> 
  </span></div></blockquote>
    <br />
<div class="UsersOn"><span id="USERSON"> {LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('USERSON').innerHTML=document.getElementById ('USERSON').innerHTML.replace(/Utilisateurs enregistrés/,"En ce moment, dans les rues, vous pouvez croiser");</script> 
  </span></div>

/**QEEL**/
.FondQEEL {background-image: url('http://img15.hostingpics.net/pics/2117646776.jpg'); height:370px;border-radius: 50px 50px 0px 0px;border: #5C170B 1px solid; }
.TitreQEEL {transition: all 0.7s linear; color: #5C170B; text-align: center;}
.TitreQEEL:hover {letter-spacing: -1.5px;}
.ImgQEEL {background-color: #1E282B;height: 130px; opacity: 0.8; display: block; margin: auto;}
.GroupesQEEL {color: #595959;text-align: center;width:600px; display: block; margin: auto;}
.Groupe1 {color: #568FCC;}
.Groupe1 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 80px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe1:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe2 {color: #AD2D2D;}
.Groupe2 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 90px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe2:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe3 {color: #8C39D1;}
.Groupe3 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 90px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe3:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe4 {color: #8F1F5F;}
.Groupe4 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 90px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe4:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe5 {color: #CC660C;}
.Groupe5 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 90px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe5:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe6 {color: #278C42;}
.Groupe6 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 90px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe6:hover span {background-color: black; transform:scale(1) rotate(0);}
.Groupe7 {color: #737271;}
.Groupe7 span {position: absolute; margin-top:23px;margin-left:-35px; width: 150px; height: 80px; text-align: justify; color:black; background-color: black; padding:10px; border-radius:3px; transform:scale(0) rotate(-12deg); transition:all .25s;}
.Groupe7:hover span {background-color: black; transform:scale(1) rotate(0);}
.TotalU {color: white; font-size: 14px;}
.TotalP {color: white; font-size: 14px;}
.NewU {color: white; font-size: 14px;}
.TotalUon {color: white; font-size: 14px;}
.UsersOn {background-color: #1E282B;color: #595959; height:60px; width: 400px; border: 1px #5C170B solid; font-size: 14px; display: block; margin: auto; overflow: auto;}
/**Fin QEEL**/