{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></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </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 -->

<!-- JAVASCRIPT DU QEEL -->
<script type="text/javascript"> document.getElementById('connec').innerHTML=document.getElementById('connec').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," "); </script>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos sorciers ont envoyé ");</script>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"lettres par hibou postal.");</script>
<script type="text/javascript">document.getElementById('lola').innerHTML=document.getElementById('lola').innerHTML.replace(/Nous avons /,"Le monde magique compte encore ");</script>
<script type="text/javascript">document.getElementById('lola').innerHTML=document.getElementById('lola').innerHTML.replace(/membres enregistrés/,"sorciers en pleine forme.");</script>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Le dernier à nous rejoindre est ");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"sorcier sur la carte du Maraudeur");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"sorciers sur la carte du Maraudeur");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés?/,"courageux");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles? et /,"sous polynectar et ");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités?/,"sous cape d'invisibilité");</script>
<script type="text/javascript">document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de sorciers dans la même salle est de");</script>

<!-- FIN -->

<!-- BEGIN disable_viewonline -->
<table class="qeel_fond"><tr><td><div class="qeel_h24"><table style="text-align: justify" id="connec" style="background-color:transparent;">{L_CONNECTED_MEMBERS}
<script type="text/javascript"> document.getElementById('connec').innerHTML=document.getElementById('connec').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," "); </script></table>
  </div></td>
  <td><div class="qeel_online"> FF <table style="text-align: justify"><span id="tom">{LOGGED_IN_USER_LIST}<script type="text/javascript">
document.getElementById('tom').innerHTML=document.getElementById('tom').innerHTML.replace(/Utilisateurs enregistrés :/," ");
    </script></span></table>FF</div></td>
  </tr>
  <tr><td><div class="qeel_credits">CREDIT DU SWAG</div></td>
  <td><div class="qeel_groupes">{GROUP_LEGEND}</div></td>
  </tr></table><div class="qeel_stats"><div class="qeel_infobulle qeel_imgliens_info" style="background-image:url(); position:relative; z-index:5;"><!--
--><div><!--
--><div class="qeel_titre-stats">Statistiques</div><!--
--><div class="qeel_infobulle-fond"><div class="qeel_infobulle-inside">AA{TOTAL_POSTS}AA - BB{TOTAL_USERS}BB - CC{NEWEST_USER}CC - DD{TOTAL_USERS_ONLINE}DD - EE{RECORD_USERS}EE -</div> </div></div></div><!--
--></div>

 <!-- BEGIN switch_chatbox_activate -->
<table> <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 //<![CDATA[
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 //]]>
 </script>
 <!-- END switch_chatbox_popup -->
 </span>
 </td>
 </tr>
 <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></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 -->

/*------------------------- QEEL --------------------*/
.qeel_fond {
    background-image: url('http://i.imgur.com/knLeQg7.png');
    background-position: center center;
    height: 532px;
    width: 830px;
    background-size: cover;
}
.qeel_h24 {
    background-color: #F00;
    height: 170px;
    width: 270px;
    position: relative;
    overflow: auto;
    padding: 5px;
    text-align: justify;
    left: 85px;
    top: 80px;
}

#connec row1 {background-color: transparent !important;}

.qeel_online {
    background-color: #008000;
    width: 270px;
    height: 110px;
    overflow: hidden;
    padding: 5px;
    line-height: 100%;
    font-size: 11px;
    position: relative;
    left: 30px;
    top: 55px;
}

.qeel_credits {
    background-color: #00F;
    width: 270px;
    overflow: auto;
    position: relative;
    left: 90px;
    height: 85px;
    top: -5px;
}

.qeel_groupes {
    background-color: #FF0;
    width: 270px;
    height: 135px;
    overflow: hidden;
    position: relative;
    left: 40px;
    top: -30px;
    display: block;
}

.qeel_stats {
    left: 380px;
    position: relative;
    height: 10px;
    width: 10px;
    top: -97px;
}

.qeel_infobulle {
    left: -20px;
    margin-right: -50px;
    position: relative;
}

.qeel_infobulle > div {
    position: absolute;
    margin-top: -10px;
    margin-left: -20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear 0s;
    transform: translate(-30px, 0px);
}

.qeel_infobulle:hover > div {
opacity:1;
visibility:visible;
    transition: all 0.3s linear 0s;
    transform: translate(-20px, 0px);
}

.qeel_infobulle-fond {
    background-color: #1E1E1E;
    box-shadow: 3px 3px 0px #C30237, 0px 0px 5px #161515 inset, 0px 0px 5px #000;
    text-align: justify;
    position: relative;
    z-index: 998 !important;
    margin: auto;
    padding: 5px;
    opacity: 1 !important;
    border-radius: 30px 10px;
}

.qeel_infobulle-inside {
    width: 250px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    line-height: 100%;
    font-size: 11px;
    padding: 5px;
}

.qeel_imgliens_info {
    background: url('http://placehold.it/100x100') repeat scroll center center / 100% auto #08080B;
    margin-bottom: 0px;
    width: 50px;
    height: 90px;
}

.qeel_titre-stats {
    text-align: center;
    position: relative;
    z-index: 999;
    color: #90592C;
    font-weight: lighter;
    transition: all 0.5s ease 0s;
    font-family: Romanesco;
    font-size: 40px;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: -15px;
}