QEEL numero 2

   /******QEEL******/


    @font-face {
      font-family: 'Qwigley';
      font-style: normal;
      font-weight: 400;
      src: local('Qwigley'), local('Qwigley-Regular'), url(http://themes.googleusercontent.com/static/fonts/qwigley/v4/jXlXpULVZtk2Rzpy5O18QwLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
    }

    .qeel{
      text-align:center;
      margin:auto;
    }

    /*QUI EST EN LIGNE*/
    .titre_qeel{
      font-family: 'Baskerville'; /*police du titre*/
      font-size:65px; /*taille du titre*/
    }

    .groupe{
      text-align:center;
      opacity:0.8;
      position:relative;
      bottom:35px; /*à modifier selon police*/
      border-top:dotted #c16f6f 1px; /*trait tillé sous le QEEL*/
    }

    /*GROUPES*/
    .groupe span{
      text-transform:uppercase; /*texte en majuscules*/
      font-size:15px; /*taille du texte*/
      font-weight:bold; /*texte en gras*/
      letter-spacing:4px; /*espacement des lettres*/
      font-family:arial; /*police*/
      margin:auto;
      padding:10px;
    }

    .groupe span:hover{ /*au survol*/
      font-style:italic;
    }

    /*BLOCS*/
    .text_qeel /*Left*/, .droite /*right*/
    {
      display:inline-block;
      vertical-align:middle;
      overflow:auto;
      width:350px;
      height:250px;
      color:grey; /*couleur texte*/
      font-size:12px; /*taille du texte*/
      background:#dad5d7; /*couleur fond blocs*/
      border:#c16f6f 0px solid; /*couleur des bordures des blocs*/
      letter-spacing:-1px; /*espacement du texte*/
      border-width:3px 3px 3px 3px;
      border-radius:0px 0px 0px 0px;
      text-align:justify;
      margin:-20px 10px 5px;
      padding:10px;
    }

    .connected .gensmall,.whosbirthday .gensmall  {
      font-size:12px !important; /*taille du texte*/
      color:grey !important; /*couleur texte qeel*/
    }
    .connected .row1, .whosbirthday .row1 {
      background:none !important;
    }

    .credits{
      text-transform:uppercase;
      font-family:arial;
      font-size:11px;
      text-align:center;
      opacity:0.3;
      margin-top:20px;
    }

       {JAVASCRIPT}
        <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
           <!-- BEGIN message_admin_titre -->
           <tr>
              <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
           </tr>
           <!-- END message_admin_titre -->
           <!-- BEGIN message_admin_txt -->
           <tr>
              <td class="row1" rowspan="3" align="center" valign="middle">
              <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
              </td>
           </tr>
           <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->

        <!-- BEGIN switch_user_login_form_header -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
           <!-- BEGIN switch_fb_connect_no -->
           <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                 <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                       <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                             <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                             <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                       </tr>

                       <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                       </tr>
                    </table>
                 </td>
              </tr>
           </table>
           <!-- END switch_fb_connect_no -->

           <!-- BEGIN switch_fb_connect -->
           <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                 <td valign="top" width="100%"  class="row1" align="center">
                    <table width="100%">
                       <tr>
                          <td width="55%" valign="middle" align="right">
                             <table class="right">
                                <tr>
                                   <td><span class="genmed">{L_USERNAME}:</span> </td>
                                   <td><input class="post" type="text" size="10" name="username"/> </td>
                                   <td>
                                      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                      <span class="gensmall">{L_AUTO_LOGIN}</span>
                                   </td>
                                </tr>

                                <tr>
                                   <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                   <td><input class="post" type="password" size="10" name="password"/> </td>
                                   <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                             </table>
                          </td>
                          <td width="10%" align="center" valign="middle">
                             <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                          </td>
                          <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                       </tr>
                    </table>
                 </td>
              </tr>
           </table>
           <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_header -->

        {CHATBOX_TOP}
        {BOARD_INDEX}

        <table width="100%" border="0" cellspacing="0" cellpadding="0">
           <tr>
              <td width="50%" valign="top">
                 <!-- BEGIN switch_user_logged_in -->
                 <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
                 <!-- END switch_user_logged_in -->
                 <!-- BEGIN switch_delete_cookies -->
                 <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
                 <!-- END switch_delete_cookies -->
                 </span>
              </td>
              <td width="50%" align="right">
                 <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                       <!-- BEGIN switch_delete_cookies -->
                       <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                       <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                 </span>
              </td>
           </tr>
        </table>


        <!-- BEGIN switch_user_login_form_footer -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
           <!-- BEGIN switch_fb_connect_no -->
           <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                 <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                       <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                             <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                             <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                       </tr>

                       <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                       </tr>
                    </table>
                 </td>
              </tr>
           </table>
           <!-- END switch_fb_connect_no -->

           <!-- BEGIN switch_fb_connect -->
           <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                 <td valign="top" width="100%"  class="row1" align="center">
                    <table width="100%">
                       <tr>
                          <td width="55%" valign="middle">
                             <table class="right">
                                <tr>
                                   <td><span class="genmed">{L_USERNAME}:</span> </td>
                                   <td><input class="post" type="text" size="10" name="username"/> </td>
                                   <td>
                                      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                      <span class="gensmall">{L_AUTO_LOGIN}</span>
                                   </td>
                                </tr>

                                <tr>
                                   <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                   <td><input class="post" type="password" size="10" name="password"/> </td>
                                   <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                             </table>
                          </td>
                          <td width="10%" align="center" valign="middle">
                             <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                          </td>
                          <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                       </tr>
                    </table>
                 </td>
              </tr>
           </table>
           <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_footer -->

        
          <table class="qeel"><tr><td>
            <div class="titre_qeel">Qui est en ligne ?</div>
          
            <div class="groupe">
              <span style="color:#C60808;">Groupe</span>
              <span style="color:#FA58D0;">Groupe</span>
              <span style="color:#5F04B4;">Groupe</span>
              <span style="color:#3538E5;">Groupe</span>
              <span style="color:#088A29;">Groupe</span>
            </div>
            <div class="text_qeel">{TOTAL_POSTS}<br />
                      {TOTAL_USERS}<br />
                      {NEWEST_USER}<br />{TOTAL_USERS_ONLINE}<br />
                      {RECORD_USERS}<br />
          {LOGGED_IN_USER_LIST}
            
              <table class="whosbirthday" align="center"></table></div>
          
            <div class="droite">
        
                    <table class="connected" align="center">{L_CONNECTED_MEMBERS}</table>
              </div>
              

            
            </td></tr></table>

          

        {CHATBOX_BOTTOM}
        <br clear="all" />
        <!-- BEGIN switch_legend -->
        <table border="0" cellspacing="3" cellpadding="0" align="center">
           <tr>
              <td align="center" width="20"></td>
              <td></td>
              <td></td>
              <td align="center" width="20"></td>
              <td></td>
              <td>  </td>
              <td align="center" width="20"></td>
              <td></td>
           </tr>
        </table>
        <!-- END switch_legend -->

        {AUTO_DST}

        <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        //<![CDATA[
        FB.init({
           appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
             status: true,
             cookie: true,
             xfbml: true,
            oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->