<!-- BEGIN disable_viewonline -->
<!--
=================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
====================================
-->
<div class="QeelPerso">
   <div class="ImgQeel">
      <!-- BEGIN switch_viewonline_link -->
         <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
         <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      <!-- END switch_viewonline_nolink -->
   </div>
   <table width="100%" border="0" cellspacing="5" cellpadding="5" align="center">
      <tr>
         <td colspan="2" align="center" class="ListeGroupes">
            <a href="http://adopteunvoisin.forumactif.org/g3-cdi" class="groupe1">CDI  -</a>  <a href="http://adopteunvoisin.forumactif.org/g4-cdd" class="groupe2">CDD  -</a>  <a href="http://adopteunvoisin.forumactif.org/g5-interim" class="groupe3">Interim</a>  
         </td>
      </tr>

      <tr>
         <td width="50%" valign="top" align="center" class="statistiques">
            <div class="BlocStats">
              <span class="gensmall">
                <div align="justify"><span id="delf">{TOTAL_USERS}</span>. La ville de Gold Coast est heureuse de vous accueillir avec ses 591 473 habitants. <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/membres enregistrés/,"habitants");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Nous avons/,"Nous avons");</script> <span id="delf2">{TOTAL_POSTS}.</span><script type="text/javascript">document.getElementById('delf2').innerHTML=document.getElementById('delf2').innerHTML.replace(/Nos membres ont posté un total de/,"Nos résidents ont posté un total de");</script> <script type="text/javascript">document.getElementById('delf2').innerHTML=document.getElementById('delf2').innerHTML.replace(/messages/,"messages");</script> <span id="delf3">{NEWEST_USER}.</span><script type="text/javascript">document.getElementById('delf3').innerHTML=document.getElementById('delf3').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier habitant à avoir rejoint la résidence est");</script> <span id="delf4">{TOTAL_USERS_ONLINE}.</span><script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/utilisateur en ligne/,"personne en ville");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/utilisateurs en ligne/,"habitants en ville");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Enregistré/,"résident");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Enregistrés/,"résidents");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Invisible/,"touriste");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Invisibles/,"touristes");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Invité/,"touriste");</script> <script type="text/javascript">document.getElementById('delf4').innerHTML=document.getElementById('delf4').innerHTML.replace(/Invisibles/,"touristes d");</script> </div><br><span class="gensmall">{LOGGED_IN_USER_LIST}</span></div></td>
        </span></div></td><td width="50%" valign="top" align="center"  class="statistiques"><div class="BlocStats"><table class="DeBug"><div align="justify";><table><div align="justify" style="height: 20px; overflow: auto;"><table>{L_CONNECTED_MEMBERS}</div></table></div>
               </table>
            </div>
         </td>
      </tr>
   </table>
</div>
<!--
=================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
====================================
-->
<!-- END disable_viewonline -->

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
   padding:10px 5px; /* espacement du contenu par rapport à la bordure */
   /* coins arrondis (tous navigateurs) */
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
   font-size:40px; /* taille du texte */
  font-family: 'Open Sans Condensed', sans-serif;
   text-transform:lowercase; /* texte en minuscules */
   text-decoration: none!important; /* pas de soulignement du lien */
   letter-spacing:1px; /* espacement des lettres */
}

/* Couleurs des groupes */
a.groupe1 { color:#A16BB6 ; }
a.groupe2 { color:#D41332 ; }
a.groupe3 { color:#61995F ; }

/* Mise en forme des cellules de statistiques */
.statistiques {

   padding:10px;
   margin:10px;
   text-align:left; /* alignement texte */
      text-align:justify;
   /* coins arrondis */
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
   overflow:auto;
   max-height: 200px; /* hauteur maxi */
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */

<div align="justify" style="height: 20px; overflow: auto;"><table>{L_CONNECTED_MEMBERS}</div></table></div>
              </table>

<div align="justify" style="height: 20px; overflow: auto;"><table>{L_CONNECTED_MEMBERS}</table></div>
              </table>

<table>{L_CONNECTED_MEMBERS}</table>