<!-- BEGIN disable_viewonline -->
 <div id="qeel_all">
<table  id="qeel_tfa" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
 
 <!-- CELLULE DE GAUCHE -->

      <td width="50%">

      <div class="qeel_gauche">

<!-- NOMBRE DE MESSAGES -->

<div id="TFA2">{TOTAL_POSTS}
<script type="text/javascript">
document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/Nos membres ont posté un total de /,"Nos internes ont posté un total de ");
document.getElementById('TFA2').innerHTML=document.getElementById('TFA2').innerHTML.replace(/messages/,"messages.");
</script> </div>

 <!-- NOMBRE DE MEMBRES -->

<div id="TFA3">{TOTAL_USERS}
<script type="text/javascript">
document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/Nous avons /,"Nous avons, ");
document.getElementById('TFA3').innerHTML=document.getElementById('TFA3').innerHTML.replace(/membres enregistrés/,"internes enregistrés. ");
</script> </div>

<!-- DERNIER UTILISATEUR ENREGISTRE -->

<div id="TFA4">{NEWEST_USER}
<script type="text/javascript">
document.getElementById('TFA4').innerHTML=document.getElementById('TFA4').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Le patient enregistré le plus récent est : ");
</script> </div>

<!-- DERNIERS CONNECTES -->

<div id="derniers_connecte">
<span id="TFA5">{LOGGED_IN_USER_LIST}</span>
      <script type="text/javascript">
document.getElementById('TFA5').innerHTML=document.getElementById('TFA5').innerHTML.replace(/Utilisateurs enregistrés/,"Les internes enregistrés et connectés en ce moment");</script><br>

  <table id="plop">{L_CONNECTED_MEMBERS}</table>
    <script type="text/javascript">document.getElementById('TFA6').innerHTML=document.getElementById('TFA6').innerHTML.replace(/Membres connectés/,"Les internes qui se sont connectés  ");</script>




        </div>

      </td>
    
    <td width="50%">
          <div class="qeel_droite">

<!-- UTILISATEURS EN LIGNE -->

<span id="TFA">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('TFA').innerHTML=document.getElementById('TFA').innerHTML.replace(/Il y a en tout /,"Nous comptons en tout  ");
document.getElementById('TFA').innerHTML=document.getElementById('TFA').innerHTML.replace(/utilisateur en ligne/,"personne actuellement connectée dont  ");
document.getElementById('TFA').innerHTML=document.getElementById('TFA').innerHTML.replace(/Enregistré/,"interne  ");
document.getElementById('TFA').innerHTML=document.getElementById('TFA').innerHTML.replace(/Invisible et/,"mirage et  ");
document.getElementById('TFA').innerHTML=document.getElementById('TFA').innerHTML.replace(/Invité/,"vagabond qui hésite .  ");
</script>
<br>

<!-- RECORD DU NOMBRE D UTILISATEURS EN LIGNE -->
 
<span id="TFA7">{RECORD_USERS}</span>
    <script type="text/javascript">document.getElementById('TFA7').innerHTML=document.getElementById('TFA7').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre d'internes en ligne est de :");</script><br><br>
 
  <table id="les_anniversaires">{L_WHOSBIRTHDAY_TODAY}
   
    {L_WHOSBIRTHDAY_WEEK}</table>
    <script type="text/javascript">document.getElementById('TFA1').parentNode.innerHTML=document.getElementById('TFA1').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Les internes fêtant leur anniversaire aujourd'hui sont").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Les internes fêtant bientôt leur anniversaire").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun internes ne fête son anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Aucun interne ne fête son anniversaire dans les prochains jours");</script></span>
 
  </div>
 

     
             

      </td>
  </tr>   

  <!----- LES GROUPES----->
      <tr>
      <td colspan="4" width="100%">
        <div id="les_groupes">
          <span class="groupes"><a href="http://graphicarts.forumgratuit.org/g1-o-admins-o"><font color="#000000">Admins</font></a></span>  * 
            <span class="groupes"><a href="http://graphicarts.forumgratuit.org/g2-o-modos-o"><font color="#CC1A83">Modos</font></a></span>  *
            <span class="groupes"><a href="http://graphicarts.forumgratuit.org/g7-o-professeurs-o"><font color="#f68033">Clan 1</font></a></span>  *
       <span class="groupes"><a href="http://graphicarts.forumgratuit.org/g7-o-professeurs-o"><font color="#a00057">Clan 2</font></a></span>  *
            <span class="groupes"><a href="http://graphicarts.forumgratuit.org/g8-o-membres-o"><font color="#f29400">Membres</font></a></span>
            </div></td></tr>
 
              </div>
 
</table>
</div>

 
 


     
<!-- END disable_viewonline -->

/* ------------------ QEEL ---------------- */

/* DIV CONTENANT LE TOUT */
#qeel_all{
position: relative;
width: 100%;
margin: auto;
padding: 0;
text-shadow: 0px 1px 0px #fff;
}

/* TABLE DU QEEL */
#qeel_tfa{
width: 100%;
background: url('http://img15.hostingpics.net/pics/878796qeel.png') no-repeat;
height : 450px;
width : 816px;
}
             
.qeel_gauche {
height : 70px;
width : 230px;
text-align:justify;
font-size:10px;
padding : 0px;
margin-bottom : 110px;
padding-left : 70px;
text-decoration: none !important;
}
 
#plop .row1{background: none;}

       
.qeel_droite{
height:70px;
width :230px;
tex-align:justify;
font-size:10px;
padding : 5px;
margin-bottom : 15px;
padding-left : 90px;
} 

#les_anniversaires .row1{background: none;}

 
.les_groupes {
width: 400px;
}

/* INFOBULLE - TRANSITION SUR AVATAR*/
.tfa_infobulle{
width: 100px;
margin: auto;
padding: 0;
float: left;
position: relative;
 }

.in_bulle{
background: #f8e5a4;
border: 0px solid #b82327;
width: 0;
height: 0;
position: absolute;
top: 70px;
left: 50px;
overflow: hidden;
z-index: 20;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
.tfa_infobulle:hover .in_bulle{
width: 150px;
height: 50px;
padding: 5px;
border-width: 1px;
}