{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 -->

<!-- BEGIN disable_viewonline -->
<div id="haut_tfa_qeel">
  <div id="icon_haut"></div>

  <!-- BEGIN switch_viewonline_link -->
   <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">Qui est là ? Qui était là ?</a></span>
  <!-- END switch_viewonline_link -->
  <!-- BEGIN switch_viewonline_nolink -->
   <span class="cattitle">{L_WHO_IS_ONLINE}</span>
  <!-- END switch_viewonline_nolink -->

  </div>

  <div id="TFA_qeel">
    
  <!-- DEBUT MENU ONGLET -->

    <div class="bloc_menu">
    <div class="anim_fond"> </div>
    <span class="menu">Stats</span>
    <span class="menu">Anniversaires</span>
    <span class="menu">Groupes</span>
    <span class="menu">En plus</span>
  </div>

  <!-- FIN MENU ONGLET -->

  <!-- DEBUT CONTENU ONGLET -->
<div class="conteneur">

<div class="contenu_qeel">
  
 <!-- DEBUT 1ER CONTENU -->  
  <ul>
    <li>
    <table class="table_qeel_tfa" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
    <td class="cell_tfa">
          <img src="{L_ONLINE_IMG}" id="i_whosonline" class="opacite_8" alt="{L_WHO_IS_ONLINE}" />
        </td>
        <td>
          <span class="gensmall">{TOTAL_POSTS}  {TOTAL_USERS}<br />{NEWEST_USER}</span>
          <br />
          <span class="gensmall">{TOTAL_USERS_ONLINE}<br />{RECORD_USERS}</span>
          <br /><br />
 <!-- DEBUT PORTES COULISSANTES -->            
          <div id="container_qeel_tfa">            
            <div class="boite_qeel_tfa">
              
                <div class="tfaimg gauche">
                  <img src="http://www.tolkiendil.com/_media/wiki/ecriture.gif" border="0" alt=""  />
                </div>
              
                <div class="tfaimg droite">
                  <img src="http://www.tolkiendil.com/_media/wiki/ecriture.gif" border="0" alt=""/>
                </div>  
              
                <div class="bloc_texte_qeel">
                  <div style="float: left; width:50%; height:125px; overflow-y: auto; margin: 0; padding: 0;">
                      <table class="table_1"><tr><td><span class="gensmall">{LOGGED_IN_USER_LIST}</span> </td></tr></table>
                      <div style="clear: both"></div>
                  </div>
                  <div style="float: right; width: 50%; height:125px; overflow-y: auto; margin: 0; padding: 0;">
                      <table class="table_1">{L_CONNECTED_MEMBERS}</table>
                  </div>
                </div>
            </div>
          </div>
 <!-- FIN PORTES COULISSANTES -->
        </td>
      </tr>
    </table>
  </li>
</ul>

 <!-- FIN DU 1ER CONTENU -->  
  
 <!-- DEBUT DU 2IEME CONTENU -->

<ul>
  <li>
 <!-- LES ANNIVERSAIRES -->
    <div id="blok_anniversaire_tfa">
 <!-- PARTIE DE GAUCHE -->
      <div id="porte_ani_gauc">              
        <h2>Anniversaires aujourd'hui </h2>
   <div class="bloc-tfa_port">
          <div class="contenu-tfani">
            <img src="http://i25.servimg.com/u/f25/11/95/30/70/327.jpg" alt="" />
            <div class="anni_content">
                <table class="table_2">{L_WHOSBIRTHDAY_TODAY}</table>
            </div>
          </div>
        </div>
      </div>
 <!-- PARTIE DE DROITE -->
      <div id="porte_ani_droit">
        <h2>Les prochains jours</h2>
    <div class="bloc-tfa_port">
            <div class="contenu-tfani">
            <img src="http://i45.servimg.com/u/f45/11/95/30/70/ee10.jpg" alt="" />
              <div class="anni_content">
                  <table class="table_2"><tr><td><span class="gensmall">{L_WHOSBIRTHDAY_WEEK}</span></td></tr></table>
              </div>
            </div>
        </div>
      </div>

    </div>              
    <div style="clear: both;"></div>
<!-- FIN DES ANNIVERSAIRES -->    
  </li>
</ul>

 <!-- FIN DU 2IEME CONTENU -->  
  
 <!-- DEBUT DU 3IEME CONTENU -->  
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquerycolor.js"></script><div id="groupe_TFA">

    <div class="tfa_group" style="float: left;">  
        <a href="#" onclick="Monter_Cacher('groupe1'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 1 </span></a>

        <a href="#" onclick="Monter_Cacher('groupe2'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 2 </span></a>

        <a href="#" onclick="Monter_Cacher('groupe3'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 3 </span></a>  

        <a href="#" onclick="Monter_Cacher('groupe4'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 4 </span></a>
    </div>  

    <div class="tfa_group"  style="float: right;">  
        <a href="#" onclick="Monter_Cacher('groupe5'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 5 </span></a>

        <a href="#" onclick="Monter_Cacher('groupe6'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 6 </span></a>

        <a href="#" onclick="Monter_Cacher('groupe7'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 7 </span></a>

        <a href="#" onclick="Monter_Cacher('groupe8'); return false"><span class="group_span" style="color: #COULEUR GROUPE;"> Le groupe 8 </span></a>
    </div>

 <div  id="container_tfa_group">

    <div id="groupe1">
        <div class="content_tfa_groupe">  
        <p>        
            <img class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/140.jpg" style="float: left; margin-right: 5px;" alt="" />
            But I must explain to you how all this mistaken denouncing pleasure and praising
            pain was born and I will give you a complete account of the system, and expound the actual
            teachings, the master-builder of human happiness.  I will give you a complete account of the system, and expound the actual
            teachings, the master-builder of human happiness
        </p>
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 1</a>
          </div>
        </div>
    </div>
  
    <div id="groupe2">
        <div class="content_tfa_groupe">
        <p>            
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/233.jpg" style="float: left; margin-right: 5px;" alt="" />
            No one rejects, dislikes, or avoids pleasure itself, because it is pleasure,, and expound the actual
            teachings of the great explorer of the truth, the master-builder. No one rejects, dislikes,
            or avoids pleasure itself, because it is pleasure.
        </p>
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 2</a>
          </div>
        </div>
  </div>  

    <div id="groupe3">
        <div class="content_tfa_groupe">      
        <p>      
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/326.jpg" style="float: left; margin-right: 5px;" alt="" />
            Nunc sed purus. Sed metus. Donec posuere. Pellentesque porttitor tortor non eros.
            Ut rutrum erat a nunc. Duis non erat et orci viverra mollis. Sed lacinia velit a magna.,
            the master-builder of human happiness.
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 3</a>
          </div>
        </div>
    </div>  

    <div id="groupe4">
        <div class="content_tfa_groupe">
        <p>            
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/1812.jpg" style="float: left; margin-right: 5px;" alt="" />
            Donec posuere. Pellentesque tortor non eros. Ut rutrum erat a nunc. Duis non erat et
            orci viverra mollis. Sed lacinia velit a magna. Nunc sapien nibh, ultrices vitae.
            Lorem ipsum dolor sit amet convallis eu, semper ut, leo..
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 4</a>
          </div>
      </div>
    </div>  

    <div id="groupe5">
        <div class="content_tfa_groupe">  
        <p>          
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/423.jpg" style="float: left; margin-right: 5px;" alt="" />
            But I must explain to you how all this mistaken idea of denouncing pleasure and praising
            pain was born and the system, and expound the actual
            teachings of the great explorer of the truth, the master-builder of human happiness.
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 5</a>
          </div>
        </div>
    </div>  

    <div id="groupe6">
        <div class="content_tfa_groupe">  
        <p>          
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/617.jpg" style="float: left; margin-right: 5px;" alt="" />
            Human happiness  explain to you how all this mistaken idea of denouncing pleasure and praising
            pain was born and I will give you a complete account of the system, and expound the actual
            teachings of the great explorer of the truth, the master-builder of But I must.
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 6</a>
          </div>
        </div>
    </div>
  
    <div id="groupe7">
        <div class="content_tfa_groupe">  
        <p>          
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/1513.jpg" style="float: left; margin-right: 5px;" alt="" />
            On the other hand, we denounce indignation and dislike men who are so beguiled
            and of pleasure of the moment, so blinded by desire, that they cannot
            foresee the pain and trouble that are bound to ensue.
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 7</a>
          </div>
        </div>
    </div>
  
    <div id="groupe8">
        <div class="content_tfa_groupe">
        <p>            
            <img  class="opacite_8" src="http://i25.servimg.com/u/f25/11/95/30/70/1214.jpg" style="float: left; margin-right: 5px;" alt="" />
            I will give you a complete account of the system, and expound the actual
            teachings of the great explorer of the truth,  we denounce with righteous indignation
            so blinded by desire, the pain and trouble that are bound to ensue.
        </p>  
          <div class="bas-tfagroup">
            <a class="lien_bas_group" href="#">Un lien vers le groupe 8</a>
          </div>
        </div>
    </div>
</div>
</div>

    <script type="text/javascript">  
    function Monter_Cacher(id)  
    {  
        for(var i=1;i<=8;i++)  
        {  
            document.getElementById('groupe'+i).style.display='none';  
        }  
        if(document.getElementById(id).style.display =='none')  
        {  
            document.getElementById(id).style.display = 'block';  
        }  
    }  
    Monter_Cacher('groupe5');
    </script>
<script type="text/javascript">
jQuery(document).ready( function(){
jQuery(".tfa_group a").hover(function() {
jQuery(this).animate({ backgroundColor: "#91dae5"}, 600);
},
function() {
jQuery(this).animate({ backgroundColor: "#284a67"}, 400);
});
jQuery("a .group_span").hover(function() {
jQuery(this).animate({ color: "#0056e5"}, 400);
},
function() {
jQuery(this).animate({ color: "#e50016"}, 500);
});
jQuery(".bas-tfagroup a.lien_bas_group").hover(function() {
jQuery(this).animate({ color: "#0087e5"}, 400);
},
function() {
jQuery(this).animate({ color: "#e50016"}, 500);
});
jQuery('.opacite_8').each(function() {
jQuery(this).css('opacity', 0.6);
jQuery(this).hover(function() {
jQuery(this).stop().animate({ opacity: 1.0 }, 700);
},
function() {
jQuery(this).stop().animate({ opacity: 0.7 }, 700);
          });
        });
});
</script>
 <!-- FIN DU 3IEME CONTENU -->  
  
 <!-- DEBUT DU 5IEME CONTENU -->
  
<ul>
  <li>
 <!-- DEBUT MEMBRES A L HONNEUR -->
    <div id="trans_div">
    <div id="en_plus">
      <h2>Les membres à l'honneur</h2>

      <div class="bloc_transit_tfa">      
        <p>
          <img src="http://i25.servimg.com/u/f25/11/95/30/70/1812.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore
          magna aliquam erat.<br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>
    
      <div class="bloc_transit_tfa">      
        <p>
          <img  src="http://i25.servimg.com/u/f25/11/95/30/70/617.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore
          magna aliquam erat.  <br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>
    
      <div class="bloc_transit_tfa">      
        <p>
          <img  src="http://i25.servimg.com/u/f25/11/95/30/70/1513.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore
          magna aliquam erat.  <br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>      
          
      <div class="bloc_transit_tfa">      
        <p>
          <img  src="http://i25.servimg.com/u/f25/11/95/30/70/233.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore
          magna aliquam erat. <br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>
    
      <div class="bloc_transit_tfa">      
        <p>
          <img src="http://i25.servimg.com/u/f25/11/95/30/70/326.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
            sed diam nonummy nibh euismod tincidunt ut laoreet dolore
            magna aliquam erat.  <br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>
    
      <div class="bloc_transit_tfa">      
        <p>
          <img  src="http://i25.servimg.com/u/f25/11/95/30/70/140.jpg" style="float: left; margin-right: 5px;" alt="" />
          <span> PSEUDO </span><br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
          sed diam nonummy nibh euismod tincidunt ut laoreet dolore
          magna aliquam erat.  <br />
          <span><a href="#">MP</a> ~ <a href="#">Profil</a></span>
        </p>
      </div>
      <div style="clear:both;"></div>
  </div>
 </div>
 <!-- FIN MEMBRES A L HONNEUR -->
    
 <!-- LES MEILLEURS POSTEURS -->      
    <div id="meilleurs_posteurs">
   <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>
    </div>
 <!-- FIN MEILLEURS POSTEURS -->      
  </li>
</ul>

 <!-- FIN DU 5IEME CONTENU -->  

</div>

<br style='clear: both' />
</div>
</div>

<script type="text/javascript">  
 function Monter_Cacher(id)  
{  
 for(var i=1;i<=8;i++)  
{  
 document.getElementById('groupe'+i).style.display='none';  
}  
 if(document.getElementById(id).style.display =='none')
{  
 document.getElementById(id).style.display = 'block';
}  
}  
Monter_Cacher('groupe1');
</script>
<!-- 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>  </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 TFA ------------- */

/* PARTIE DU HAUT */
#haut_tfa_qeel{
background: url('http://img11.hostingpics.net/pics/827954barre3.jpg') no-repeat transparent;
margin: 0 auto;
margin-top: 30px;
padding: 0;
width: 700px;
height: 34px;
text-align: right;
color: #ffffff;
}

/* TITRE DU QEEL */
#haut_tfa_qeel a.cattitle{
display: inline-block;
text-decoration: none;
color: #ffffff !important;
font: 16px Verdana;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
height: 34px;
line-height: 34px;
vertical-align: middle;
}
#haut_tfa_qeel a.cattitle:first-letter {
color: #b1031c;
font-size: bold;
}
/* ICONE A DROITE DU TITRE */
#icon_haut{
background: url('http://img11.hostingpics.net/pics/192264connect.jpg') no-repeat transparent;
float: right;
margin-right: 25px;
margin-top: -22px;
position: relative;
width: 42px;
height: 54px;
}

/* ---------- block principal ----------- */

#TFA_qeel {
font:12px Arial;
background: transparent;
margin: 0 auto;
padding: 0;
width: 700px;
height: 273px; /* HAUTEUR MENU COMPRIS = HAUTEUR MENU + HAUTEUR IMAGE DE FOND */
}   


/* NAVIGATION ONGLET */
.bloc_menu{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/232.jpg') repeat-x top left #ffffff; /* bouton normal */
height: 40px;
line-height: 40px;
vertical-align: middle;
position: relative;
}
.bloc_menu .anim_fond {
background: url('http://i25.servimg.com/u/f25/11/95/30/70/527.jpg') no-repeat top left #ffffff /* bouton survol */
left: 0;
text-align: center;
position: absolute;
height: 40px;
width: 140px;
z-index: 999;
}
/* TEXTE DE LA NAVIGATION ONGLET */
.bloc_menu .menu{
color: #ffffff;
cursor: pointer;
display: block;
float: left;
font: 18px Verdana;
text-align: center;
line-height: 40px;
vertical-align: middle;
position: relative;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
width: 140px;
z-index: 999;
}
/* 1ERE LETTRE DE LA NAVIGATION ONGLET */
.bloc_menu .menu:first-letter {
color: #b1031c;
font-size: bold;
}
/* TEXTE AU SURVOL */
.bloc_menu .menu:hover{
color: #ffffff;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
.menu a:hover{
color: #ffffff;
font-size: bold;
}
/* PREMIERE LETTRE AU SURVOL */
.bloc_menu .menu:hover:first-letter {
color: #3ba3d9;
}

/* CONTENU */
#TFA_qeel .conteneur{
background: url('') repeat-x transparent;
overflow: hidden;
position: relative;
width: 700px;
height: 273px; /* HAUTEUR DE L IMAGE + HAUTEUR DU MENU */
}
.contenu_qeel{
width: 3500px; /* LARGEUR x NOMBRE D ONGLETS - ICI 700px x 5 */
}
/* LISTE DU CONTENU */
.contenu_qeel ul {
list-style: none;
float: left;
padding:0;
margin: 0;
width: 700px;
}
.contenu_qeel ul li{
padding: 10px;
}
/* LIENS DANS LA LISTE */
.contenu_qeel ul a {
color: #ffffff;
text-decoration: none;
}
.contenu_qeel ul a:hover {
color: #ffffff;
}

/* -------------- ELEMENT DANS QEEL ------------------ */

.table_qeel_tfa{
font:12px Arial;
color: #68aee9;
}
.table_qeel_tfa td{
font:12px Arial;
color: #68aee9;
}
.table_qeel_tfa .gensmall{
font:12px Arial;
color: #68aee9;
}

img #i_whosonline{
max-width:120px;
}

/* ------------- DOUBLES PORTES COULISSANTES ----------- */

#container_qeel_tfa{
position:relative;
width:544px;
height:125px;
overflow:hidden;
background: #284a67;
color:#063652;
margin: 0 auto;
}
.boite_qeel_tfa{
overflow:hidden;
position:absolute;
}
.tfaimg{
position:relative;
overflow:hidden;
width:50%;
float:left;
z-index: 2;
}
.bloc_texte_qeel {
width:100%;
height:125px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
padding: 0;
margin: 0;
}
.bloc_texte_qeel p{
padding: 8px;
}
.bloc_texte_qeel .gensmal{
background: transparent;
}
.table_1{
width: 100%;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
.table_1 .gensmal{
background: transparent;
color: #fff;
}
.table_1 td{
padding: 3px;
border: 1px dashed #4e91c8;
background: transparent;
}
.table_1 td:hover{
background: transparent;
}

/* --------- PARTIE ANNIVERSAIRES ------------ */

#blok_anniversaire_tfa{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}

/* PARTIE GAUCHE */
#porte_ani_gauc{
width: 50%;
float: left;
margin: 0 auto;
padding: 0;
}
/* PARTIE DROITE */
#porte_ani_droit{
width: 50%;
float: left;
margin: 0 auto;
padding: 0;
}
/* LES TITRES */
#porte_ani_gauc h2, #porte_ani_droit h2{
color: #4e91c8;
font-size: 18px;
font-family: Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
/* 1ERE LETTRE DES TITRES */
#porte_ani_gauc h2:first-letter, #porte_ani_droit h2:first-letter {
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}
.bloc-tfa_port {
display: block;
overflow: hidden;
height: 156px;   
width: 324px;   
margin: 0 auto;
margin-top: 14px;
padding: 0;
}   
.bloc-tfa_port .contenu-tfani {
float:left;   
background: #284a67;
color:#063652;   
height: 156px;   
width: 324px;   
position: relative;
margin: 0;
padding: 0;   
}
.bloc-tfa_port .contenu-tfani a{   
display: block;   
position: relative;   
overflow: hidden;   
height:156px;   
width: 324px;   
padding: 6px;   
}
.bloc-tfa_port .contenu-tfani a {
text-decoration: none;
}
.contenu-tfani img{   
position: absolute;
overflow:hidden;
z-index: 3;   
top: 0;   
left: 0;   
border: 0;   
}
.anni_content{
width: 324px;
height: 156px;
margin: 0 auto;
padding: 0;
}

.anni_content a{
display: inline !important;
z-index: 1;   
}
.table_2{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.table_2 .gensmal{
background: transparent;
}
.table_2 td{
padding: 3px;
border: 1px dashed #4e91c8;
background: transparent;
}
.table_2 td:hover{
background: transparent;
}

/* ------------------ GROUPES ------------------- */

#groupe1, #groupe2, #groupe3, #groupe4, #groupe5, #groupe6, #groupe7, #groupe8{
margin: 0;
padding: 0;
}
#groupe_TFA_qeel{
width: 100%;
text-align: center;
margin: auto;
padding: 0;
}
.tfa_group{
width: 20%;
margin: 0 auto;
padding: 5px;
}
.tfa_group a{
background: #284a67;
border: 1px solid #3b607f;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
margin: 3px 0px;
text-align: center;
vertical-align: middle;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
.tfa_group a .group_span{
color: #e50016;
font: 15px Verdana;
text-decoration: none;
line-height: 30px;
vertical-align: middle;
}
.tfa_group a:hover{
border: 1px solid #477aa5;
text-decoration: none !important;
}
#container_tfa_group{
position: relative;
background-position: center;
text-align: left;
margin: 3px auto;
padding: 5px;
background: #284a67;
border: 1px solid #3b607f;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
height: 190px;
overflow-y: auto;
}
.content_tfa_groupe p{
font: 12px Arial;
color: #68aee9;
padding: 3px;
margin: 0 auto;
}
.bas-tfagroup{
position: absolute;
bottom: 6px;
left: 15px;
}
.bas-tfagroup a.lien_bas_group{
font: 14px Arial;
color: #e50016;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}

/* LES PARTENAIRES */

#tfa_partenaire_bloc{
position: relative;
width: 95%;
margin: auto;
padding: 0;
}
#tfa_partenaire_bloc h2{
color: #4e91c8;
font: 18px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
#tfa_partenaire_bloc h2:first-letter{
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}

/* SLIDE PARTENAIRE HAUT */

#tfa_partenaire_haut{
width: 100%;
margin:0;
padding: 0;
text-align: center;
}
#slide_tfa_partenaires {
width: 468px;
height: 60px;
margin: auto;
padding: 0;
position: relative;
overflow: hidden;
}

/* LIEN SLIDE */
#slide_tfa_partenaires a {
text-decoration: none;
}

/* BANIERES DU SLIDE */
#slide_tfa_partenaires a img {
width: 468px;
height: 60px;
margin: auto;
padding: 0;
}

/* PLACER LES ICONES AVANT-APRES */
#prev4 {
position: absolute;
top: 52px;
left: 40px;
cursor: pointer;
}
#next4 {
position: absolute;
top: 52px;
right: 40px;
cursor: pointer;
}

/* LES PARTENAIRES BAS */

#tfa_partenaire_bas{
position: relative;
width: 100%;
margin: auto;
padding: 0;
}
#bas_partenaires {
width: 464px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}
#bas_partenaires div {
width: 464px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
#bas_partenaires div img {
width: 88px;
height: 31px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#prev1 {
position: absolute;
top: 4px;
left: 40px;
cursor: pointer;
}
#next1 {
position: absolute;
top: 4px;
right: 40px;
cursor: pointer;
}

/* --------- ONGLET EN PLUS --------- */

/* BLOC PRINCIPAL */
#trans_div{
position: relative;
width: 100%;
height: 150px;
margin: 0;
paddign: 0;
z-index: 2;
}
/* BLOC EN POSITION ABSOLUTE POUR EVITER LES DEFORMATIONS AU SURVOL */
#en_plus{
width: 100%;
position: absolute;
margin: 0;
padding: 0;
}
/* TITRE */
#en_plus h2{
color: #4e91c8;
font: 18px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
#en_plus h2:first-letter{
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}

/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: #284a67;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px solid #7d121a;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 230px;
height: 170px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
width: 96%;
margin: 0 auto;
padding: 0;
font: 11px Arial;
color: #000;
text-align: left;
}
/* CONFIGURATION DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
font: 14px Arial;
color: #CC0000;
}
/* LIENS */
.bloc_transit_tfa a{
font: 14px Verdana;
color: #84c1f4;
text-decoration: none;
}

/* BLOC MEILLEURS POSTEURS */
#meilleurs_posteurs{
width: 90%;
margin: auto;
paddign: 0;
}
#meilleurs_posteurs a.gensmall{
font: 15px Verdana;
color: #84c1f4;
text-decoration: none;
}
/*Hoveractif-------------------------------------------------*/
.primero .secundo {visibilty: visible; display: inline;}
.primero:hover .secundo {visibilty: hidden; display: none;}
.primero .tercero {visibilty: hidden; display: none;}
.primero:hover .tercero {visibilty: visible; display: inline;}
/* ---------------- QEEL TFA ------------- */

/* PARTIE DU HAUT */
#haut_tfa_qeel{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/haut10.png') no-repeat transparent;
margin: 0 auto;
margin-top: 30px;
padding: 0;
width: 700px;
height: 34px;
text-align: right;
color: #6ab4f1;
}

/* TITRE DU QEEL */
#haut_tfa_qeel a.cattitle{
display: inline-block;
text-decoration: none;
color: #6ab4f1 !important;
font: 16px Verdana;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
height: 34px;
line-height: 34px;
vertical-align: middle;
}
#haut_tfa_qeel a.cattitle:first-letter {
color: #b1031c;
font-size: bold;
}
/* ICONE A DROITE DU TITRE */
#icon_haut{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/537.png') no-repeat transparent;
float: right;
margin-right: 25px;
margin-top: -22px;
position: relative;
width: 42px;
height: 54px;
}

/* ---------- block principal ----------- */

#TFA_qeel {
font:12px Arial;
background: transparent;
margin: 0 auto;
padding: 0;
width: 700px;
height: 273px; /* HAUTEUR MENU COMPRIS = HAUTEUR MENU + HAUTEUR IMAGE DE FOND */
}   


/* NAVIGATION ONGLET */
.bloc_menu{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/232.jpg') repeat-x top left #406c84; /* bouton normal */
height: 40px;
line-height: 40px;
vertical-align: middle;
position: relative;
}
.bloc_menu .anim_fond {
background: url('http://i25.servimg.com/u/f25/11/95/30/70/527.jpg') no-repeat top left #73a6c4; /* bouton survol */
left: 0;
text-align: center;
position: absolute;
height: 40px;
width: 140px;
z-index: 999;
}
/* TEXTE DE LA NAVIGATION ONGLET */
.bloc_menu .menu{
color: #3e7aaf;
cursor: pointer;
display: block;
float: left;
font: 18px Verdana;
text-align: center;
line-height: 40px;
vertical-align: middle;
position: relative;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
width: 140px;
z-index: 999;
}
/* 1ERE LETTRE DE LA NAVIGATION ONGLET */
.bloc_menu .menu:first-letter {
color: #b1031c;
font-size: bold;
}
/* TEXTE AU SURVOL */
.bloc_menu .menu:hover{
color: #6ab4f1;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
.menu a:hover{
color: #021d2b;
font-size: bold;
}
/* PREMIERE LETTRE AU SURVOL */
.bloc_menu .menu:hover:first-letter {
color: #3ba3d9;
}

/* CONTENU */
#TFA_qeel .conteneur{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/plus-h10.png') repeat-x transparent;
overflow: hidden;
position: relative;
width: 700px;
height: 273px; /* HAUTEUR DE L IMAGE + HAUTEUR DU MENU */
}
.contenu_qeel{
width: 3500px; /* LARGEUR x NOMBRE D ONGLETS - ICI 700px x 5 */
}
/* LISTE DU CONTENU */
.contenu_qeel ul {
list-style: none;
float: left;
padding:0;
margin: 0;
width: 700px;
}
.contenu_qeel ul li{
padding: 10px;
}
/* LIENS DANS LA LISTE */
.contenu_qeel ul a {
color: #fff;
text-decoration: none;
}
.contenu_qeel ul a:hover {
color: #aaa;
}

/* -------------- ELEMENT DANS QEEL ------------------ */

.table_qeel_tfa{
font:12px Arial;
color: #000000;
}
.table_qeel_tfa td{
font:12px Arial;
color: #000000;
}
.table_qeel_tfa .gensmall{
font:12px Arial;
color: #000000;
}

img #i_whosonline{
max-width:120px;
}

/* ------------- DOUBLES PORTES COULISSANTES ----------- */

#container_qeel_tfa{
position:relative;
width:544px;
height:125px;
overflow:hidden;
background: #FFFFFF;
color:#063652;
margin: 0 auto;
}
.boite_qeel_tfa{
overflow:hidden;
position:absolute;
}
.tfaimg{
position:relative;
overflow:hidden;
width:50%;
float:left;
z-index: 2;
}
.bloc_texte_qeel {
width:100%;
height:125px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
padding: 0;
margin: 0;
}
.bloc_texte_qeel p{
padding: 8px;
}
.bloc_texte_qeel .gensmal{
background: transparent;
}
.table_1{
width: 100%;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
.table_1 .gensmal{
background: transparent;
color: #fff;
}
.table_1 td{
padding: 3px;
border: 1px dashed #4e91c8;
background: transparent;
}
.table_1 td:hover{
background: transparent;
}

/* --------- PARTIE ANNIVERSAIRES ------------ */

#blok_anniversaire_tfa{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}

/* PARTIE GAUCHE */
#porte_ani_gauc{
width: 50%;
float: left;
margin: 0 auto;
padding: 0;
}
/* PARTIE DROITE */
#porte_ani_droit{
width: 50%;
float: left;
margin: 0 auto;
padding: 0;
}
/* LES TITRES */
#porte_ani_gauc h2, #porte_ani_droit h2{
color: #4e91c8;
font-size: 18px;
font-family: Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
/* 1ERE LETTRE DES TITRES */
#porte_ani_gauc h2:first-letter, #porte_ani_droit h2:first-letter {
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}
.bloc-tfa_port {
display: block;
overflow: hidden;
height: 156px;   
width: 324px;   
margin: 0 auto;
margin-top: 14px;
padding: 0;
}   
.bloc-tfa_port .contenu-tfani {
float:left;   
background: #284a67;
color:#063652;   
height: 156px;   
width: 324px;   
position: relative;
margin: 0;
padding: 0;   
}
.bloc-tfa_port .contenu-tfani a{   
display: block;   
position: relative;   
overflow: hidden;   
height:156px;   
width: 324px;   
padding: 6px;   
}
.bloc-tfa_port .contenu-tfani a {
text-decoration: none;
}
.contenu-tfani img{   
position: absolute;
overflow:hidden;
z-index: 3;   
top: 0;   
left: 0;   
border: 0;   
}
.anni_content{
width: 324px;
height: 156px;
margin: 0 auto;
padding: 0;
}

.anni_content a{
display: inline !important;
z-index: 1;   
}
.table_2{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.table_2 .gensmal{
background: transparent;
}
.table_2 td{
padding: 3px;
border: 1px dashed #4e91c8;
background: transparent;
}
.table_2 td:hover{
background: transparent;
}

/* ------------------ GROUPES ------------------- */

/* ***************************** GROUPES *************************** */


/* SUPPRESSION DES MARGES POUR TOUS LES BOUTONS */

#groupe1, #groupe2, #groupe3, #groupe4, #groupe5, #groupe6, #groupe7, #groupe8{
margin: 0;
padding: 0;
}

/* CONTENEUR */

#groupe_TFA{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}

/* CONTENEUR DES BOUTONS */

.tfa_group{
width: 20%;
margin: 0 auto;
padding: 5px;
}

/* BOUTONS */

.tfa_group a{
background: #284a67;
border: 1px solid #3b607f;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
margin: 3px 0px;
text-align: center;
vertical-align: middle;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}

/* TEXTE DES BOUTONS */

.tfa_group a .group_span{
color: #e50016;
font-size: 13px;
font-family: Impact;
letter-spacing:2px;
text-decoration: none;
}

/* FOND DES BOUTONS AU SURVOL (modification du contour et pas de decoration du texte) */

.tfa_group a:hover{
border: 1px solid #477aa5;
text-decoration: none !important;
}

/* BLOC DE CONTENU */

#container_tfa_group{
position: relative;
background-position: center;
text-align: left;
margin: 3px auto;
padding: 5px;
background: #284a67;
border: 1px solid #3b607f;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
height: 190px;
overflow-y: auto;
}

/* PARAGRAPHE DU BLOC DE CONTENU */

.content_tfa_groupe p{
font-size: 11px;
font-family: Arial;
color: #68aee9;
padding: 3px;
margin: 0 auto;
}

/* POSITION DU LIEN EN BAS DU BLOC DE CONTENU */

.bas-tfagroup{
position: absolute;
bottom: 6px;
left: 15px;
}

/* LIEN EN BAS DU BLOC DE CONTENU */

a.lien_bas_group{
font: 13px Verdana;
color: #e50016;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
/* LES PARTENAIRES */

#tfa_partenaire_bloc{
position: relative;
width: 95%;
margin: auto;
padding: 0;
}
#tfa_partenaire_bloc h2{
color: #4e91c8;
font: 18px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}
#tfa_partenaire_bloc h2:first-letter{
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}

/* SLIDE PARTENAIRE HAUT */

#tfa_partenaire_haut{
width: 100%;
margin:0;
padding: 0;
text-align: center;
}
#slide_tfa_partenaires {
width: 468px;
height: 60px;
margin: auto;
padding: 0;
position: relative;
overflow: hidden;
}

/* LIEN SLIDE */
#slide_tfa_partenaires a {
text-decoration: none;
}

/* BANIERES DU SLIDE */
#slide_tfa_partenaires a img {
width: 468px;
height: 60px;
margin: auto;
padding: 0;
}

/* PLACER LES ICONES AVANT-APRES */
#prev4 {
position: absolute;
top: 52px;
left: 40px;
cursor: pointer;
}
#next4 {
position: absolute;
top: 52px;
right: 40px;
cursor: pointer;
}

/* LES PARTENAIRES BAS */

#tfa_partenaire_bas{
position: relative;
width: 100%;
margin: auto;
padding: 0;
}
#bas_partenaires {
width: 464px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}
#bas_partenaires div {
width: 464px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
#bas_partenaires div img {
width: 88px;
height: 31px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#prev1 {
position: absolute;
top: 4px;
left: 40px;
cursor: pointer;
}
#next1 {
position: absolute;
top: 4px;
right: 40px;
cursor: pointer;
}

/* --------- ONGLET EN PLUS --------- */

/* BLOC PRINCIPAL */
#trans_div{
position: relative;
width: 100%;
height: 150px;
margin: 0;
paddign: 0;
z-index: 2;
}
/* BLOC EN POSITION ABSOLUTE POUR EVITER LES DEFORMATIONS AU SURVOL */
#en_plus{
width: 100%;
position: absolute;
margin: 0;
padding: 0;
}
/* TITRE */
#en_plus h2{
color: #4e91c8;
font: 18px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
#en_plus h2:first-letter{
color: #780014 !important;
font-weight: bold;
font-size: 20px;
}

/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: #284a67;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px solid #7d121a;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 230px;
height: 170px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
width: 96%;
margin: 0 auto;
padding: 0;
font: 11px Arial;
color: #000;
text-align: left;
}
/* CONFIGURATION DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
font: 14px Arial;
color: #CC0000;
}
/* LIENS */
.bloc_transit_tfa a{
font: 14px Verdana;
color: #84c1f4;
text-decoration: none;
}

/* BLOC MEILLEURS POSTEURS */
#meilleurs_posteurs{
width: 90%;
margin: auto;
paddign: 0;
}
#meilleurs_posteurs a.gensmall{
font: 15px Verdana;
color: #84c1f4;
text-decoration: none;
}
/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 50px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #333;
display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
display: block;
padding: 2px;
background: #555555;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #fff !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #76c0ff !important;
}
/* --------- STAFF TRANSITION --------- */

/* BLOC PRINCIPAL */
#trans_div{
 position: relative;
 width: 100%;
 height: 200px;
 margin: 0;
 paddign: 0;
 overflow: visible;
}
/* BLOC EN POSITION ABSOLUTE POUR EVITER LES DEFORMATIONS AU SURVOL */
#en_plus{
width: 100%;
position: absolute;
margin: 0;
padding: 0;
}
/* TITRE */
#en_plus h2{
color: #FFFFFF;
font: 16px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: #000000;
width:100px;
height: 150px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px solid #7d121a;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 200px;
height: 150px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
 width: 96%;
 margin: 0 auto;
 padding: 0;
 color: #000;
 text-align: left;
}
/* CONFIGURAITON DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
 font: 14px Arial;
 color: #CC0000;
}
/* LIENS */
.bloc_transit_tfa a{
 font: 15px Verdana;
 color: #84c1f4;
 text-decoration: none;
}