{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="90%" valign="top" style="font-size:9px; text-align:center;">
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a>
                     <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
         <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> 
         <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
                        <a href="{switch_delete_cookies.U_DELETE_COOKIES}">{switch_delete_cookies.L_DELETE_COOKIES}</a><br>
                  </td>
         <!-- 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>
   </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 -->


<!-- BEGIN disable_viewonline -->
<center><br>
<div class="cadreqeel">
<br>
  <center>
      <div class="titreqeel1">
      Qui cherche son double ?
    </div></center><center>
      <div class="titreqeel2">
      à la recherche d'un amour perdu.
  </div>
  <div class="barre"></div>
  </center><br>
   
<table style="width :100%;"><tr>
        <td style="width:60%;">
          <table>
            <td style="width:40%;">
          <div><center>
          <img class="imagequeel1" src="https://31.media.tumblr.com/057e327c51c84259391b7ac5fb882087/tumblr_inline_n26m9hziF31rfgy1q.png" >
          <img class="imagequeel1" src="https://31.media.tumblr.com/057e327c51c84259391b7ac5fb882087/tumblr_inline_n26m9hziF31rfgy1q.png" >
          <br> <img class="imagequeel1" src="https://31.media.tumblr.com/057e327c51c84259391b7ac5fb882087/tumblr_inline_n26m9hziF31rfgy1q.png" >
          <img class="imagequeel1" src="https://31.media.tumblr.com/057e327c51c84259391b7ac5fb882087/tumblr_inline_n26m9hziF31rfgy1q.png" >
          </center></div>
            </td>
            <td style="width:60%;"> 
              <div class="qeel1">
                <table class="listlastconnected">
                  {L_CONNECTED_MEMBERS}
                  </table>
              </div>
            </td>
            </table><br>
          <div class="qeel2">
            <table>
              <span class="qeel3">
              Qui est en ligne
              </span>
              {LOGGED_IN_USER_LIST}</table>
            </div>
    </td>

        <td style="width:40%;"rowspan="2">       
          <center>
            <div style="margin-top: -20px;">
            <div class="titreqeel3">
            Les îles Vierges Britanniques
            </div>
          <div class="qeel4">
            <div class="qeel5">
Toute l'équipe du staff vous souhaite la bienvenue sur <aa>Twin Flame. </aa>
<span id="users">{TOTAL_USERS}</span>

<script type="text/javascript"> document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"habitant");

document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"La petite île Britannique abrite à ce jour ");

document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"citoyens");</script>.
     
      <span id="messages">{TOTAL_POSTS}</span>

<script type="text/javascript">
document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Jusqu'à lors, vous avez lancé");</script>

<script type="text/javascript">
document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"bouteilles à la mer.");</script>

<span id="newuser">{NEWEST_USER}</span>

<script type="text/javascript">            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier insulaire à nous avoir rejoint est");</script>
              à qui nous réservons un accueil des plus chaleureux. Peut-être trouvera-t-il sa moitié parmis nous.
<br><span id="totaluser">{TOTAL_USERS_ONLINE} </span>

  <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"<bb>personne</bb>");   
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"<bb>personnes</bb>"); 
                     
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"<bb>habitant</bb>");
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"<bb>habitants</bb>");
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"<bb>timide</bb>");
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"<bb>timides</bb>");
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"<bb>voyageur</bb>");
  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"<bb>voyageurs</bb>");
</script>
</div></div></div></center>
        </td></tr>
        <tr>
        <td colspan="2">
          <center>
  <div class="qeel6">
    Le forum Twin Flame est l'entière propriété de ses administratrices, <bb>Hollfeather, Boye, wrecking ball., ElectricDream</bb>. Toutes reproductions, totales ou même partielles, sont strictement interdites. Optimisé pour Chrome et firefox.
 </div>
          </center>
</td></tr></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**/
.imagequeel1{width: 40px;
  margin: 3px;
  margin-right: 5px;
  border-radius : 50px;
  padding: 3px;
  margin-left: 8px;
  margin-right: 8px;
  border: #bdacac 1px solid;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;}
.imagequeel1:hover {
  -webkit-filter: grayscale(100%);}

.cadreqeel{padding: 10px;
  background-color: #FFFFFF;
  border: solid 2px #f1e5de;}

.titreqeel1{text-shadow: 0px 0px 3px #ebdbac;
  margin-top:-20px;
  font-size: 20px;
  font-family:'News Cycle', sans-serif;
  text-transform: uppercase;
  color: #e5ca91;
  letter-spacing:-1px;}

.titreqeel2{font-family: 'Petit Formal Script', cursive;
  font-size:14px;
  font-style: italic;
  color:#c0a69e;
  letter-spacing:-1px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.titreqeel2:hover{
  letter-spacing:2px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

.qeel1{background-color: #fefbf9;
  border: #eee7e2 1px solid;
  width: 250px;
  height: 90px;
  overflow:auto;
  text-align: justify;
  font-size: 9px;
  padding: 10px;
  line-height: 12px;}

.qeel2{margin-top: -13px;
  border-top: #e9D8D6 1px dashed;
  padding-top: 3px;
  height: 50px;
  overflow: auto;
  font-size :10px;
  line-height:12px;
  text-align: justify;
  padding: 3px;}

.qeel3{margin-right: 5px;
  font-family: 'News Cycle', sans-serif;
  color: #e5ca91;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing:-1px;}

.titreqeel3{color: #bc9f98;
  font-family: 'Petit Formal Script', cursive;
  font-size:14px;
  font-style: italic;
    letter-spacing:-1px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.titreqeel3:hover{
  letter-spacing:2px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

.qeel4{height: 165px;
  background-color: #eeeded;
  padding: 4px; border: #d4d4d4 1px solid;
  border-radius: 10px;}

.qeel5{height: 151px;
  background-color: white;
  border: #d5d4d4 1px solid;
  padding: 6px;
  line-height: 15px;
  font-size:10px;
  text-align: justify;}

.qeel6{border-top: 1px dashed #e9D8D6;
  padding-top: 5px;
  font-family: Times New Roman;
  font-size:10px;
  line-height: 12px;
  text-align: justify;
  color: #c2c2c2;
  margin:6px;
  padding: 2px;
  margin-bottom: -30px;}

.listlastconnected td{ background-color: #fefbf9}