Catégories + QUEEL

/* Apparence de la description des catégories */
.modifcat{
  background-color: #F2E9EF; width: 820px;}

.catégoz {
text-align : center ; position : relative ; top : 20px ; letter-spacing : 2px ; margin-left: -50px; color: #138D75;}

.catégoz h2 {
    font-size: 30px;
font-family: 'Kaushan Script', cursive;
    color: #AB3ABA;
  Font-Weight: Bold;
  text-shadow:0px 0px 4px;
margin-left: 50px;

}

.sousforum a {
color: #8C4C95;
}

.forumdesc1 a {
color: #000;
}
.statdescrip {

  font-size: 10px;
background-color: #DBCFDF; border : 1px solid #ffffff; width: 450px; height: 110px;
-webkit-border-radius: 10px; border-radius: 10px; color: black;
box-shadow: 0px 0px 4px #ededed; -webkit-box-shadow: 0px 0px 4px #ededed; text-align: justify; font-size: 10px; padding: 10px; margin-left: 15px;}

.forumdesc1 { width: 160px; height: 80px; background-color: #DBCFDF;
-webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 4px #ededed; -webkit-box-shadow: 0px 0px 4px #ededed; }

.sousfofo {
    margin-top: 10px;
    padding-left: 0;
    vertical-align: middle;
    width: 135px;
  text-align: center;
  background-color: #DBCFDF;
  height: 134px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 4px #ededed; -webkit-box-shadow: 0px 0px 4px #ededed;
}
  
  .sousfofo a {
  -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
    background: none repeat scroll 0 0 #DBCFDF;
    display: block;
font-family: 'Kaushan Script', cursive;
    font-size: 8px;
    font-style: normal;
    letter-spacing: 1px;
    margin: 1px;
    opacity: 1;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
  margin-top: -24px; -webkit-border-radius: 10px; border-radius: 10px;
}
.sousfofo a:hover {
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
    background: none repeat scroll 0 0 #DBCFDF;
    opacity: 1;
    width: 135px;
  color: #AB3ABA;
  text-align: right;
}

.forumtitre a {
      display:inline-block;
   margin:auto;
   padding:2px 5px;
font-family: 'Kaushan Script', cursive;   font-size: 22px;
   text-shadow: 2px 2px 4px #ffffff;
        text-align: left;
        text-transform: lowercase;
        -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
line-height: 5px;
margin-bottom: -1px;
  margin-left: 10px;
    text-align: left;
  -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}


/* Personnalisation titre - lien normal */
.forumtitre  a:link, .forumtitre  a:visited {

   text-decoration: none;
   color:#8C4C95;
   text-shadow: 0px 0px 2px #ffffff;
font-family: 'Kaushan Script', cursive;
}

/* Personnalisation titre - lien survolé */
.forumtitre  a:hover, .forumtitre  a:active {
   color:#AB3ABA;
   font-size: 25px;
   text-shadow: 0 1px 10px #ffffff;
font-family: 'Kaushan Script', cursive;
   text-decoration: none;
  margin-left: 50px; letter-spacing: 4px;
}
/************** Fin du code *************/

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"/>
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>


        <!-- **** Début des modifications effectuées par
                ****** Phantasmagoria*** -->
<center>
  <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"/>
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->

  <table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<div style="background-image : url('http://img4.hostingpics.net/pics/4638331002.png') ; background-repeat : no-repeat ; width : 820px ; height : 100px"><div class="catégoz">{catrow.tablehead.L_FORUM}</div></div>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
          <!-- END cathead -->
      <!-- BEGIN forumrow -->
       <!-- BEGIN inc -->
            <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
            <!-- END inc -->

            <td align="left" valign="middle">
<div class="fondglobal02">
              <table width="100%" cellpadding="5" cellspacing="0">

<tr>

                    <td valign="top" align="left">
         <div class="forumtitre">
                  
                          <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
          <div class="statdescrip">

                                    <div class="descrip_bloc"><span class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
                                      
                              </div>
                          </div>
                        </div>


</td>
                  
                  <td align="center" valign="middle">
                    
            
            <td align="center" valign="top">
                                  <div style="margin-top: 8px;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                                    <span class="genmed"><div  class="forumdesc1">
                              {catrow.forumrow.LAST_POST} <br>    <span class="genmed">
Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</span>
                          
                        </div></span>

                        
                    </td>
  <td align="center" valign="middle">
    <div class="sousfofo">
                                      <span class="sousforum" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span></div>
        <script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
        </script>   </td>
  
        </tr>
</table>
</td></tr>
        
    </center>
        <!-- *******Fin des modifications par Phantasmagoria ******
                    ********* Toute reproduction complète
                    ******* ou partielle est prohibée ****** -->
      
      <!-- END forumrow -->
      
      <!-- BEGIN catfoot -->
        <tr>
            <!-- BEGIN inc -->
            <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
            <!-- END inc -->
            <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
        </tr>
      <!-- END catfoot -->
      
  <!-- BEGIN tablefoot -->
      </table>
  <img src="{SPACER}" alt="" height="5" width="1" /><img src="http://img4.hostingpics.net/pics/749895bascateok.png" style="margin-top: -7px; width: 820px;"/>
  <!-- END tablefoot -->
<!-- END catrow -->

/**********************************************************************************************************************
 QEEL - By Batty
**********************************************************************************************************************/
/*corp du QEEL*/
.bls_corp{
position:relative; /*positionnement - NE PAS MODIFIER*/
width:800px; /*largeur*/
height:610px; /*hauteur*/
margin:auto; /*Centré le QEEL*/
background:#F2E9EF; 
}

/*mise en page des liens*/
.bls_corp a{
text-decoration:none;  /*suppression du soulignement par défaut*/
}

/*Mise en page des liens au survol*/
.bls_corp a:hover{
text-decoration:none!important;  /*suppression du soulignement par défaut*/
} 

/*Mise en page du titre*/
.bls_titre{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:75px; /*hauteur*/
font-family: 'Great Vibes', cursive;/*police d'écriture*/
font-size:60px; /*taille du texte*/
color:#AB3ABA; /*couleur du texte*/
text-align:center;  /*alignement du texte*/
}

/*Positionnement du bloc "membres" + bordure*/
.bls_stat1{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeur*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #DBCFDF; /*couleur de la bordure*/
}

/*Mise en page du bloc "membres"*/
.bls_stat1 div{
width:100%; /*largeur*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #DBCFDF; /*couleur de fond*/
text-align:center;  /*alignement du texte*/
color: #F2E9EF; /*couleur du texte*/
font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:20px; /*taille du texte*/
}

/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:180px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeur*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #DBCFDF; /*couleur de la bordure*/
}

/*Mise en page du bloc "Sujets"*/
.bls_stat2 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #DBCFDF; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #F2E9EF; /*couleur du texte*/
font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:20px; /*taille du texte*/
}

/*Positionnement du bloc "messages" + bordure*/
.bls_stat3{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:355px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeur*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Mise en page du bloc "messages"*/
.bls_stat3 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #DBCFDF; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #F2E9EF; /*couleur du texte*/
  font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:20px; /*taille du texte*/

}

/*Mise en page du bloc "Bienvenue"*/
.bls_bienvenue{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:185px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeur*/
height:50px; /*hauteur*/
line-height:50px; /*hauteur d'une ligne*/
  font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:24px; /*taille du texte*/
color:#F2E9EF; /*couleur du texte*/
text-align:center; /*alignement du texte*/
border: 1px solid #ffffff; /*couleur de la bordure*/
background: #DBCFDF; /*couleur de fond*/ 
}

/*Mise en page du bloc des membres connectés*/
.bls_connecter{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:250px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeur*/
height:100px; /*hauteur*/
box-sizing: border-box;
background: #DBCFDF; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color:#F2E9EF; /*couleur du texte*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:20px; /*taille du texte*/

}

/*mise en page du texte des membres connectés*/
.bls_connecter div{
width: 490px; /*largeur*/
height:65px; /*hauteur*/
font-family:Verdana; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto;  /*sroll bar automatique*/
}

/*mise en pasge du bandeau/bouton "anniversaire"*/
.bls_fete{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:350px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeur*/
height:28px; /*hauteur*/
box-sizing: border-box;
background: #DBCFDF; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
color:#F2E9EF; /*couleur du texte*/
 
font-size:25px; /*taille du texte*/
text-align:center; /*alignement du texte*/
transition:all 1s ease; /*duré de la transition*/
}

/*mise en page de base des fêtes*/
.bls_fete div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:0px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:0px; /*hauteur*/
box-sizing: border-box;
overflow:hidden;  /*Texte qui se cache s'il exéde de notre bloc*/
background: #F2E9EF; /*couleur de fond*/
padding: 0px 5px; /*marge intérieur*/
text-align:left; /*alignement du texte*/
font-family:verdana; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
transition:all 1s ease; /*durée de la transition*/
}

/*Mise en page du dévoilement des fêtes*/
.bls_fete:hover div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeur*/
height:90px; /*hauteur*/
box-sizing: border-box;
background: #DBCFDF; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
font-family:verdana; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Bloc*/
.bls_24h{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width: 280px; /*largeure*/
height:375px; /*hauteur*/
box-sizing: border-box;
background: #DBCFDF; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color:#F2E9EF; /*couleur du texte*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:25px; /*taille du texte*/
text-align:right; /*alignement du texte*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Text/Pseudo*/
.bls_24h div{
width: 270px; /*largeur*/
height:345px; /*hauteur*/
font-family:verdana; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
text-align:left; /*alignement du texte*/
}

/*Positionnement des onglets de gauche*/
.bls_onglet-left{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*positionnement des descriptions des groupes*/
.bls_onglet-middle{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:165px; /*positionnement - NE PAS MODIFIER*/
width:470px; /*largeure*/
height:100px; /*hauteur*/
border: 3px solid #ffffff; /*couleur de la bordure*/
}

/*Positionnement des onglets de droite*/
.bls_onglet-right{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeur*/
}

/*Mise en page des onglet*/
.bls_onglet{
margin-bottom:5px; /*Marge extérieur dans le bas*/
padding:5px; /*marge intérieur*/
cursor:pointer; /* Curseur qui devien une petit main*/
text-align:center; /*alignement du texte*/
color: #000000; /*couleur du texte*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:20px; /*taille du texte*/
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Couleur du fond des onglets*/
.bls_onglet div{
background:#DBCFDF; /*couleur de fond*/
}

/*Couleur du cadre des onglets centraux*/
#onglet_2, #onglet_5{
border: 1px solid #ffffff; /*couleur de la bordure*/
}

/*Couleur du fond des onglets centraux*/
#onglet_2 div, #onglet_5 div{
background:#DBCFDF; /*couleur de fond*/
}

/*Mise en page du bloc et des titres des descriptions des groupes*/
.bls_contenu{
display: none; 
width:450px; /*largeure*/
height:40px; /*hauteur*/
box-sizing: border-box;
padding: 5px #ffffff; /*marge intérieur*/
text-align: justify; /*alignement du texte*/
color:#DBCFDF; /*couleur du texte*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
font-size:25px; /*taille du texte*/


}

/*mise en page du texte descriptif des groupes*/
.bls_contenu div{
font-family: Verdana; /*police d'écriture*/
font-size:15px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
width:455px; /*largeure*/
height:70px; /*hauteur*/
overflow: auto; /*sroll bar automatique*/
padding-right:5px;  /*marge intérieur*/
}

/*Positionnement du copyright - NE PAS SUPPRIMER-*/
.bls_copyright{
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:3px; /*positionnement - NE PAS MODIFIER*/
left:0px; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeur*/
text-align:center; /*alignement du texte*/
padding:2px 0px; /*marge intérieur*/
}

/*Mise en page du copyright - NE PAS SUPPRIMER-*/
.bls_copyright a{
font-size:12px; /*taille du texte*/
text-decoration:none; /*suppression du soulignement par défaut*/
    font-family: 'Great Vibes', cursive; /*police d'écriture*/
color:#DBCFDF; /*couleur du texte*/
}

/*Mise en page du copyright - NE PAS SUPPRIMER-*/
.bls_copyright:hover a{
text-decoration:none; /*suppression du soulignement par défaut*/
}


/**********************************************************************************************************************
 QEEL - By Batty [END]
**********************************************************************************************************************/

{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'" 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_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" rel="nofollow">{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" rel="nofollow">{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'" 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 -->

<script type="text/javascript">
    //<!--
 function change_onglet(name)
                {
 document.getElementById('onglet_'+anc_onglet).className = 'bls_onglet_0 bls_onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 bls_onglet';
                        document.getElementById('bls_contenu_'+anc_onglet).style.display = 'none';
                        document.getElementById('bls_contenu_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
</script>

<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" />
 
 <div class="bls_corp">
 <div class="bls_titre"> Qui est en ligne ?</div>
 
 <div class="bls_stat1">
                  <div> <span id="qeel_users">{TOTAL_USERS}</span> <br/>membres
 <script type="text/javascript">document.getElementById('qeel_users').innerHTML=document.getElementById('qeel_users').innerHTML.replace(/Nous avons/,"");</script> <script type="text/javascript">document.getElementById('qeel_users').innerHTML=document.getElementById('qeel_users').innerHTML.replace(/membres enregistrés/,"");</script> <script type="text/javascript">document.getElementById('qeel_users').innerHTML=document.getElementById('qeel_users').innerHTML.replace(/membre enregistré/,"");</script>
 </div>
 </div>
 
 <div class="bls_stat2">
 <div> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><strong><span class="FORUMCOUNTOPIC"></span></strong> <br/>sujets </div>
 </div>
 
 <div class="bls_stat3">
                  <div> <span id="qeel_msgs">{TOTAL_POSTS}</span> <br/>messages
 <script type="text/javascript">document.getElementById('qeel_msgs').innerHTML=document.getElementById('qeel_msgs').innerHTML.replace(/Nos membres ont posté un total de/,"");</script> <script type="text/javascript">document.getElementById('qeel_msgs').innerHTML=document.getElementById('qeel_msgs').innerHTML.replace(/ messages/,"");</script>
 </div>
 </div>
 
          <div class="bls_bienvenue"> Bienvenue à <span id="qeel_newm">{NEWEST_USER}</span>
 <script type="text/javascript">document.getElementById('qeel_newm').innerHTML=document.getElementById('qeel_newm').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"");</script>
 </div>
 
 <div class="bls_connecter">
 Ils sont là
                  <div><span id="qeel_listuser">{LOGGED_IN_USER_LIST}</span>
 <script type="text/javascript">document.getElementById('qeel_listuser').innerHTML=document.getElementById('qeel_listuser').innerHTML.replace(/Utilisateurs enregistrés : /,"").replace(/Aucun/ig,"");</script></div>
 </div>
 
 <div class="bls_fete">
 Anniversaire
                  <div id="qeel_fete"><table>{L_WHOSBIRTHDAY_TODAY}</table>
 <script type="text/javascript">document.getElementById('qeel_fete').innerHTML=document.getElementById('qeel_fete').innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui : /,"").replace(/ ([0-9]*)/g,"").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"");</script>
 </div>
 </div>
 
 <div class="bls_24h">
 <div id="qeel_1">
 <table>
                                  {L_CONNECTED_MEMBERS} <script type="text/javascript">document.getElementById('qeel_1').innerHTML=document.getElementById('qeel_1').innerHTML.replace(/Membres connectés au cours des [0-9]* dernières heures : /,"");</script>
 </table>
 </div>
 Ils étaient là
 </div>
 
<div class="bls_onglet-left">
 <div class="bls_onglet_0 bls_onglet" id="onglet_1" onClick="javascript:change_onglet('1');"><div>Gryffondor</div></div>
 <div class="bls_onglet_0 bls_onglet" id="onglet_2" onClick="javascript:change_onglet('2');"><div>Poufsouffle</div></div>
 <div class="bls_onglet_0 bls_onglet" id="onglet_3" onClick="javascript:change_onglet('3');"><div>Serdaigle</div></div>
  <div class="bls_onglet_0 bls_onglet" id="onglet_4" onClick="javascript:change_onglet('4');"><div>Serpentard</div></div>
  <div class="bls_onglet_0 bls_onglet" id="onglet_5" onClick="javascript:change_onglet('5');">
        <div>
            Poudlard
        </div>
      </div>
 </div>
 
 <div class="bls_onglet-middle">
 
 <div class="bls_contenus">
 <div class="bls_contenu" id="bls_contenu_1">
 être un courageux Gryffon
 <div>
La maison Gryffondor tient son nom de Godric Gryffondor, l'un des quatre fondateurs de l'école. Son blason est un lion doré sur fond rouge. Vous connaissez tous et toutes le fantôme de cette maison. Cependant seul les véritables Gryffondor peuvent pénétrer dans l'immense salle commune.
 </div>
 </div>
 </div>
 
            <div class="bls_contenu" id="bls_contenu_2">
 être un loyal Blaireau
 <div>
 La maison tient son nom de Helga Poufsouffle, l'un des quatre fondateurs de l'école. Son blason est un blaireau. Le fantôme n'est nul autre que le Moine Gras. La salle commune est encore secrète, mais seul les bons petits Poufsouffles savent où elle se trouve.
 </div>
 </div>
 
            <div class="bls_contenu" id="bls_contenu_3">
être un Aigle Intelligent
 <div>
 La maison tient son nom de Rowena Serdaigle, l'un des quatre fondateurs de l'école. Le fantôme de la maison Serdaigle est la Dame Grise, la fille de Rowena. La salle commune est située dans une tour, dans l'aile ouest du château. Pour y entrer, il faut répondre à une question du heurtoir en forme d'aigle sur la porte.
 </div>
 </div>
 
            <div class="bls_contenu" id="bls_contenu_4">
 être un Ambitieux Serpent
 <div>
La maison tient son nom de Salazar Serpentard, l'un des quatre fondateurs de l'école. Le fantôme de la maison Serpentard est le Baron Sanglant.
 </div>
 </div>
 
            <div class="bls_contenu" id="bls_contenu_5">
 être un bon Professeur
 <div>
Les professeurs font parties du Personnel de Poudlard. Ils font régner l'ordre et la discipline, 4 d'entre eux sont des directeurs de maison.
 </div>
 </div>
 
 <div class="bls_contenu" id="bls_contenu_6">
 Je suis un Adulte
 <div>
Groupe représentant les différents sorciers du monde magique.
 </div>
 </div>
  <div class="bls_contenu" id="bls_contenu_7">
être un PNJ c'est la vie
 <div>
Ce sont des personnages non jouables, trois d'entre eux sont incarnés par le staff de Mimbulus Mimbletonia.
 </div>
 </div>
  <div class="bls_contenu" id="bls_contenu_8">
Ministère de la Magie
 <div>
 Toutes les personnes exerçant de près ou de loin au service du ministère y sont répertoriées ; que ce soit les aurors, le ministre ou les divers employés de chaque service.

 </div>
 </div>
      <div class="bls_contenu" id="bls_contenu_9">
 Commerçant.
 <div>
 C'est ici que vous trouverez tous ceux qui veulent vous vendre des marchandises magiques ou encore ceux qui tiennent un restaurant ou un bar. La carrière commerçante n'est pas la plus facile.
 </div>
 </div>
      <div class="bls_contenu" id="bls_contenu_10">
 Sainte Mangouste.
 <div>
 Vos personnages ont une envie d'évoluer dans une carrière médicale ? Sainte Mangouste vous ouvre ses bras, Médicomage, Psychomage, Infirmier(e) ; c'est là que vous vous dirigerez.
 </div>
 </div>
 </div>
 
 <div class="bls_onglet-right">
 <div class="bls_onglet_0 bls_onglet" id="onglet_6" onClick="javascript:change_onglet('6');"><div>Les Adultes</div></div>
 <div class="bls_onglet_0 bls_onglet" id="onglet_7" onClick="javascript:change_onglet('7');"><div>PNJ</div></div>
 <div class="bls_onglet_0 bls_onglet" id="onglet_8" onClick="javascript:change_onglet('8');"><div>Ministère</div></div>
  <div class="bls_onglet_0 bls_onglet" id="onglet_9" onClick="javascript:change_onglet('9');"><div>Commerçant</div></div>
  <div class="bls_onglet_0 bls_onglet" id="onglet_10" onClick="javascript:change_onglet('10');"><div>Sainte Mangouste</div></div>
 </div>
 
 <div class="bls_copyright"> <a href="http://epicode.bbactif.com/">© Batty pour Epicode modifié par Célian</a></div>
 
 </div>
 
<script type="text/javascript">
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
</script>

<!-- END disable_viewonline -->