Code Ancien STA

<!-- BEGIN switch_user_logged_in --><div style="background-color:#cccccc;"><p class="right rightside">{LAST_VISIT_DATE}</p></div><!-- END switch_user_logged_in -->
<div style="background-color:#cccccc;"><p>{CURRENT_TIME}</p></div>

<div class="backgris">
<h1 class="page-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1>

{BOARD_INDEX}

<div class="pagination">
   <br />
   <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> •
   <script type="text/javascript">//<![CDATA[
      var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
      var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
      
      insert_plus_menu_new('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
   //]]>
   </script>
   {PAGINATION}
   <br /><br />
</div>


<div class="topic-actions">
<!-- BEGIN switch_user_authpost -->
   <div class="buttons">
      <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>
   </div>
<!-- END switch_user_authpost -->
  
   <p class="nomargin path">
      <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
      {NAV_CAT_DESC}
   </p>
  </div>


{TOPICS_LIST_BOX}

<div class="topic-actions">
   <!-- BEGIN switch_user_authpost -->
   <div class="buttons">
      <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>
   </div>
   <!-- END switch_user_authpost -->

   <div class="pagination">
      {PAGINATION}<br />
      <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> • {S_WATCH_FORUM} • <a href="#top">{L_BACK_TO_TOP}</a><br /><br />
   </div>
</div>

<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <fieldset class="vf_jumpbox">
      <label>{L_JUMP_TO}: </label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

{LOGGED_IN_USER_LIST}

<div id="info_open" style="display:block;clear:both">
<div class="h3">{L_MODERATOR}</div>
<p>{MODERATORS}</p>

<div class="h3">{L_TABS_PERMISSIONS}</div>
<p>{S_AUTH_LIST}</p>

</div>
<!-- BEGIN switch_legend -->
<div class="h3">{L_LEGEND}</div>
   <div class="clearfix">
      <ul class="ul-icons">
         <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
         <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
         <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
      </ul>
      <ul class="ul-icons">
         <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
         <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> {L_FOLDER_HOT_IMG}</li>
         <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
      </ul>
      <ul class="ul-icons">
         <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
         <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
         <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" /> {L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
      </ul>
</div>
</div>
<!-- END switch_legend -->

<script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}',
        multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}',
        _atr = '{JS_DIR}addthis/',
        _ati = '{PATH_IMG_FA}addthis/' {
            ADDTHIS_LANG
        },
        addthis_localize = {
            share_caption: "{L_SHARE_CAPTION}",
            email: "{L_EMAIL}",
            email_caption: "{L_EMAIL_CAPTION}",
            favorites: "{L_SHARE_BOOKMARKS}",
            print: "{L_PRINT}",
            more: "{L_MORE}"
        };
    $(function() {

        if (typeof(_atc) == "undefined") {
            _atc = {};
        }

        _atc.cwait = 0;
        $('.addthis_button').mouseup(function() {
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = {
        visible: '{JS_HIDE_HIDDEN_MESSAGE}',
        hidden: '{JS_SHOW_HIDDEN_MESSAGE}'
    };
    showHiddenMessage = function(id) {
        try {
            var regId = parseInt(id, 10);
            if (isNaN(regId)) {
                regId = 0;
            }

            if (regId > 0) {
                $('.post--' + id).toggle(0, function() {
                    if ($(this).is(":visible")) {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    } else {
                        $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
            }
        } catch (e) {}

        return false;
    };

    //]]>
</script>

<div class="backgris">
<table width="100%" cellspacing="2" cellpadding="0" class="battymessage_nav">
    <tr>
        <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>  
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
        </td>
        <td class="nav" valign="middle" width="100%">
            <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC_SECOND}
            </span>
        </td>
        
    </tr>
</table>

<!-- BEGIN topicpagination -->
<div class="gensmall pagination" style="text-align:right;">{PAGINATION}</div>
<!-- END topicpagination -->

<table width="100%" border="0" cellspacing="1" cellpadding="0">
    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">

        <td class="{postrow.displayed.ROW_CLASS}" {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
          <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
            
          
          <table width="100%" cellspacing="0" cellpadding="0" class="battyprofil-message">
            
                <tr>
                    <td colspan="2">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

                            <!-- BEGIN switch_bar -->
                            <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                <!-- BEGIN switch_vote_plus -->
                                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                <!-- END switch_vote_plus -->

                                <!-- BEGIN switch_vote_minus -->
                                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                <!-- END switch_vote_minus -->
                            </div>
                            <!-- END switch_bar -->

                            <!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                            <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                      
                      <div class="battymessage_titre">
                        <h1 class="cattitle"> <span class="battymessage_texttitre">{TOPIC_TITLE}</span></h1>
                      </div>
                      
                      <div class="battymessage_edit">
                        {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                      </div>
                      <span class="postdetails battymessage_details">
                        <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
                      </span>
                      
                    
                      <div class="battyprofil">
                            <div class="battyprofil_fond">
                              <div class="battyprofil_pseudo">{postrow.displayed.POSTER_NAME}</div>
                              <div class="battyprofil_avatar">
                                <div class="battyprofil_avatar_img">{postrow.displayed.POSTER_AVATAR}</div>
                                <!-- BEGIN profile_field -->
                                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                <!-- END profile_field -->
                                <span class="battyprofil_rpg">{postrow.displayed.POSTER_RPG}</span>
                              </div>
                              <div class="battyprofil_rang">{postrow.displayed.POSTER_RANK}</div>
                              <div class="battyprofil_rang_img">{postrow.displayed.RANK_IMAGE}</div>
                        </div>
                      </div>
                      
                      
                      <div class="postbody battymessage_message">
                        
                        <div class="battymessage_fleche"><img src="https://i.imgur.com/2o4H8rb.png" /> </div>
                        <div>{postrow.displayed.MESSAGE}</div>
                        
                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                          <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                          <dd>
                            <!-- BEGIN switch_post_attachments -->
                            <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
                                <!-- BEGIN switch_dl_att --><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}<!-- END switch_dl_att -->
                                <!-- BEGIN switch_no_dl_att -->{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}<!-- END switch_no_dl_att -->
                              </dt>
                              <!-- BEGIN switch_no_comment --><dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd><!-- END switch_no_comment -->
                              <!-- BEGIN switch_no_dl_att --><dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd><!-- END switch_no_dl_att -->
                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                            </dl>
                            <!-- END switch_post_attachments -->
                          </dd>
                        </dl>
                        <!-- END switch_attachments -->
                        <div class="clear"></div>
                        
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">{postrow.displayed.SIGNATURE}</div>
                        <!-- END switch_signature -->
                      
                      </div>
                      
                      <span class="gensmall" style="display:none">{postrow.displayed.EDITED_MESSAGE}</span>
                      
                          
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS} browse-arrows" {postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
        </td>
        <td class="{postrow.displayed.ROW_CLASS} messaging gensmall" {postrow.displayed.THANK_BGCOLOR} width="100%" height="28">

        </td>
    </tr>
  
    <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
        <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
    </tr>
    <!-- END no_post -->
    <tr align="right">
        <td class="catBottom" colspan="3" height="28">

        </td>
    </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
    <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
        <!-- BEGIN topicpagination -->
        <td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
        <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
        <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
    <tr>
        <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
    <tr>
        <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->
            » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a>
            <br />
            <!-- END link -->
        </td>
    </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
    <tbody>
        <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td valign="top">
                                <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td class="row1 clearfix">
                <table>
                    <tr>
                        <!-- BEGIN switch_forum_rule_image -->
                        <td class="logo">
                            <img src="{RULE_IMG_URL}" alt="" />
                        </td>
                        <!-- END switch_forum_rule_image -->
                        <td class="rules postbody">
                            {RULE_MSG}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}
            <br />
            <!-- END switch_user_logged_in -->
        </td>
    </tr>
    <tr>
        <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
                    <!-- BEGIN show_permissions -->
                    <tr>
                        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
                    </tr>
                    <!-- END show_permissions -->
                    <tr>
                        <td class="catBottom" colspan="2" height="28">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                                    <!-- BEGIN show_permissions -->
                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                                    <!-- END show_permissions -->
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
                    <tr>
                        <td class="catBottom" colspan="2" height="28">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>  
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
            </td>

            <!-- BEGIN viewtopic_bottom -->
            <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
            <!-- END viewtopic_bottom -->

            <!-- BEGIN moderation_panel -->
            <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
            </td>
            <td align="center" width="250">
                <span class="gensmall"> </span>
            </td>
            <!-- END moderation_panel -->
        </tr>
    </table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
        <td colspan="2" align="left" valign="top" nowrap="nowrap">
            <br />{S_TOPIC_ADMIN}
            <br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
        </td>
    </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
    //<![CDATA[
    $(resize_images({
        'selector': '.postbody',
        'max_width': {
            switch_image_resize.IMG_RESIZE_WIDTH
        },
        'max_height': {
            switch_image_resize.IMG_RESIZE_HEIGHT
        }
    }));
    //]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
</div>

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<div class="backgris">
<ul id="privmsgs-menu">
 <li>{INBOX_IMG} {INBOX}</li>
 <li>{SENTBOX_IMG} {SENTBOX}</li>
 <li>{OUTBOX_IMG} {OUTBOX}</li>
 <li>{SAVEBOX_IMG} {SAVEBOX}</li>
</ul>
</div>

<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">

<div class="topic-actions">
   <div class="buttons">
      <div class="post-icon">{POST_PM_IMG}</div>
   </div>
</div>
<div class="clear"></div>

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN switch_box_size_notice -->
   <p class="left-box">{BOX_SIZE_STATUS}</p>
   <!-- END switch_box_size_notice -->        
   <p class="right-box">
      {L_DISPLAY_MESSAGES}: <select name="msgdays">
      {S_SELECT_MSG_DAYS}
      </select> <input class="button2" type="submit" name="submit_msgdays" value="{L_GO}" />
   </p>
   <div class="clear"></div>
   <span class="corners-bottom"><span></span></span></div>
</div>

<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>

   <ul class="topiclist">
      <li class="header">
         <dl>
            <dt>{L_SUBJECT}</dt>
            <dd class="mark">{L_MARK}</dd>
         </dl>
      </li>
   </ul>

   <ul class="topiclist pmlist bg_none">
   <!-- BEGIN listrow -->
   <li class="row {listrow.ROW_CLASS}">

   <div style="position:absolute; width:24px; height:20px; padding-top:20px; padding-left:24px;">{listrow.PRIVMSG_ICON}</div>

   <dl class="icon" style="background-image: url({listrow.PRIVMSG_FOLDER_IMG});">
         <dt>
            <a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a><br />
            <span style="margin: 0 5px"><em>{listrow.FROM} - {listrow.DATE}</em></span>
         </dt>
         <dd class="mark"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></dd>
      </dl>
   </li>
   <!-- END listrow -->
   <!-- BEGIN switch_no_messages -->
   <li class="row row1">
      <dl class="icon">
         <dt>
            <strong>{L_NO_MESSAGES}</strong>
         </dt>
         <dd class="mark"> </dd>
      </dl>
   </li>
   <!-- END switch_no_messages -->
   </ul>

   <span class="corners-bottom"><span></span></span></div>
</div>
  
<div class="backgris">
<p class="right-box" style="margin: 0;"><a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> :: <a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></p>
<div class="clear"></div>
<p><span class="pagination">{PAGINATION}</span>{PAGE_NUMBER}</p>
<div class="clear"></div>
<div class="topic-actions">
   <div class="buttons">
      <div class="post-icon">{POST_PM_IMG}</div>
   </div>
   <div class="pagination">
      <p>{S_HIDDEN_FIELDS}
      <!-- BEGIN switch_save -->
      <input class="button1" type="submit" name="save" value="{L_SAVE_MARKED}" />  
      <!-- END switch_save -->
      <!-- BEGIN switch_move_profile -->
      <input class="button1" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
      <!-- END switch_move_profile -->
      <input class="button2" type="submit" name="delete" value="{L_DELETE_MARKED}" />  
      <input class="button2" type="submit" name="deleteall" value="{L_DELETE_ALL}" /></p>
   </div>
</div>
</form>

<div class="clear"></div>
{JUMPBOX}

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

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<div class="catbTitle">
  <div class="catbTitleText">
    <h2 class="page-title">{L_VIEWING_PROFILE}</h2>
  </div>
</div>
<div class="panel" id="profil">
  
 <div class="inner backgris">
          
          <div class="battyprofil">
            <div class="battyprofil_fond">
              <div class="battyprofil_avatar_img">{AVATAR_IMG}</div>
              <div class="battyprofil_rang">
                {POSTER_RANK}
              </div>
            </div>
          </div>
          
          <div class="postbody battymessage_message">
            
            <div class="h3">{L_USER_PRESENCE}</div>
            <!-- BEGIN switch_show_status -->
            <dl class="left-box details" style="width: 80%;">
              <dt>{L_STATUT}: </dt><dd><strong>{USER_ONLINE}</strong></dd>
            </dl>
            <!-- END switch_show_status -->
            <dl class="left-box details" style="width: 80%;">
              <dt>{L_LAST_VISITED}: </dt> <dd>{LAST_VISIT_TIME}</dd>
            </dl>
            <!-- BEGIN switch_dhow_mp -->
            <dl class="left-box details" style="width: 80%;"><dt>{L_PRIVATE_MSG}: </dt> <dd>{PRIVATE_MSG}</dd></dl>
            <!-- END switch_dhow_mp -->
            <!-- BEGIN switch_auth_user -->
            <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
              <dt>{L_ADMINISTRATE_USER}:&nbsp;</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
            </dl>
            <!-- END switch_auth_user -->
            
            <div class="clear"></div>
            
            <div class="h3">{L_PROFILE}</div>
            <!-- BEGIN profile_field -->
            <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;">
              <dt>{profile_field.LABEL}</dt>
              <dd>{profile_field.CONTENT}
                <!-- BEGIN profil_type_user_posts --> [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
                <br /><span style="margin-left: 10px;"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></span>
                <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></span>
                <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></span>
                <!-- END profil_type_user_posts -->
              </dd>
            </dl>
            <!-- END profile_field -->
            
            <div class="clear"></div>
            
            <!-- BEGIN switch_allow_friendsfoes -->
            <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
              <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd>
            </dl>
            <!-- END switch_allow_friendsfoes -->
            
            <div class="clear"></div>
            
            <form action="{S_PROFILE_ACTION}" method="post" name="post">
              <div class="h3">{L_CONTACT} {USERNAME}</div>
              <!-- BEGIN contact_field -->
              <dl id="field_id{contact_field.ID}" class="left-box details" style="width: 80%;">
                <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd>
              </dl>
              <!-- END contact_field -->
              <!-- BEGIN switch_admin_user_comment_active -->
              <dl class="details">
                <dt>{L_COMMENTS} :
                  <br /><span class="italic">{L_MODS_AND_ADMINS}</span>
                </dt>
                <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
              </dl>
              <fieldset class="submit-buttons">
                <input type="hidden" value="update_admin_user_comment" name="mode" />
                <input type="hidden" value="{USER_ID}" name="userid" />
                <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" />
              </fieldset>
              <!-- END switch_admin_user_comment_active -->
            </form>
            
            <div class="clear"></div>
          
          </div>
          
          <div class="clear"></div>
  </div>

</div>

<!-- BEGIN switch_rpg -->
<h1 class="page-title">{L_VIEWING_RPG}</h1>
<div class="panel bg1">
 <div class="inner"><span class="corners-top"><span></span></span>

 <p style="text-align: center;">{RPG_IMAGE}</p>
 <hr />

 <!-- BEGIN rpg_fields_left -->
 <div class="column1">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields_left -->

 <!-- BEGIN rpg_fields -->
 <div class="column2">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields.F_NAME} :</dt>
 <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields -->
 <div class="clear"></div>
 <fieldset class="submit-buttons">
 {U_ADMIN_RPG_NEW}
 </fieldset>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_rpg -->
<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <div>
        <main>
<!-- END html_validation -->
          
          <!-- BEGIN disable_viewonline -->
          <center>    <div class="forum"><center>{TOTAL_POSTS}<br />{TOTAL_USERS}.<br />
  {NEWEST_USER}.<br />{LOGGED_IN_USER_LIST}<br />{L_CONNECTED_MEMBERS}</center></div>
    <!-- END disable_viewonline -->
          
        {PROTECT_FOOTER}
        <div class="application_footer_spacer"></div>
        </main>
    </div>
<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
<script src="https://illiweb.com/rs3/29/frm/jquery/touch-swipe/jquery.touchSwipe.min.js" type="text/javascript"></script>
      <script type="text/javascript">
            $(document).ready(function(){
                $(".forum-section").each(function() {
                    var forumName = $(this).find("h3");
                    var statsWidth = $(this).find(".forum-statistics").outerWidth();
                    var forumNamePadding = statsWidth + 8;

                    if ($("body").css("direction").toLowerCase() == "rtl") {
                        $(forumName).css("padding-left", forumNamePadding);
                    } else {
                        $(forumName).css("padding-right", forumNamePadding);
                    }
                });

                $(".forum-icon, .post-icon").each(function() {
                    var image = $(this).find("img");

                    image.error(function() {
                        $(this).parent('a').remove();
                        $(this).remove();
                    });
                });

                setTimeout(floatingButtonPosition, 2000);
                alterMenuIcons();
            });

            $(function() {
                var backLink = $('.mobile_prev_button.block').attr('href');
                var nextLink = $('.mobile_next_button.block').attr('href');

                if (backLink || nextLink) {

                    if (backLink) {
                        var swipeBackArrow = $('<div>', {
                            id: 'swipe_back_arrow',
                            css: {
                                opacity: 0
                            },
                            text: ''
                        });
                        $('body').append(swipeBackArrow);
                        var swipeBackArrow = $('#swipe_back_arrow');
                    }

                    if (nextLink) {
                        var swipeNextArrow = $('<div>', {
                            id: 'swipe_next_arrow',
                            css: {
                                opacity: 0
                            },
                            text: ''
                        });
                        $('body').append(swipeNextArrow);
                        var swipeNextArrow = $('#swipe_next_arrow');
                    }

                    $(window).swipe( {
                        swipeStatus:function(event, phase, direction, distance)
                        {
                            var arrowPos = 0;
                            var arrowOpacity = 0;

                            if (backLink) {
                                swipeBackArrow.removeAttr('style');
                            }

                            if (nextLink) {
                                swipeNextArrow.removeAttr('style');
                            }

                            if ($("body").css("direction").toLowerCase() == "rtl") {
                                if ((phase=="move") && (direction=="right") && nextLink) {
                                    var arrowPos = (distance / 200) * 40;
                                    var arrowOpacity = distance / 200;
                                    swipeNextArrow.css('left', arrowPos);
                                    swipeNextArrow.css('opacity', arrowOpacity);
                                    destLink = nextLink;
                                } else if ((phase=="move") && (direction=="left") && backLink) {
                                    var arrowPos = (distance / 200) * 40;
                                    var arrowOpacity = distance / 200;
                                    swipeBackArrow.css('right', arrowPos);
                                    swipeBackArrow.css('opacity', arrowOpacity);
                                    destLink = backLink;
                                } else if ((phase=="end") && (direction=="right") && nextLink) {
                                    swipeNextArrow.css('left', arrowPos);
                                    swipeNextArrow.css('opacity', 0);
                                    window.location.href = destLink;
                                } else if ((phase=="end") && (direction=="left") && backLink) {
                                    swipeBackArrow.css('right', arrowPos);
                                    swipeBackArrow.css('opacity', 0);
                                    window.location.href = destLink;
                                }
                            } else {
                                if ((phase=="move") && (direction=="left") && nextLink) {
                                    var arrowPos = (distance / 200) * 40;
                                    var arrowOpacity = distance / 200;
                                    swipeNextArrow.css('right', arrowPos);
                                    swipeNextArrow.css('opacity', arrowOpacity);
                                    destLink = nextLink;
                                } else if ((phase=="move") && (direction=="right") && backLink) {
                                    var arrowPos = (distance / 200) * 40;
                                    var arrowOpacity = distance / 200;
                                    swipeBackArrow.css('left', arrowPos);
                                    swipeBackArrow.css('opacity', arrowOpacity);
                                    destLink = backLink;
                                } else if ((phase=="end") && (direction=="left") && nextLink) {
                                    swipeNextArrow.css('right', arrowPos);
                                    swipeNextArrow.css('opacity', 0);
                                    window.location.href = destLink;
                                } else if ((phase=="end") && (direction=="right") && backLink) {
                                    swipeBackArrow.css('left', arrowPos);
                                    swipeBackArrow.css('opacity', 0);
                                    window.location.href = destLink;
                                }
                            }
                        },
                        triggerOnTouchEnd: true,
                        triggerOnTouchLeave: false,
                        threshold: 200,
                        allowPageScroll: "vertical"
                    });
                }
            });

            function floatingButtonPosition() {
                if ($("#at-share-dock").length) {
                    $(".btn-floating").css("bottom", "60px");
                };
            };

            function alterMenuIcons() {
                $('#mNavbar').find('.navBtnIcon').each(function() {
                    switch ($(this).css('backgroundPosition')) {
                        case '-32px 0px':
                            $(this).html('<i class="material-icons"></i>');
                            break;
                        case '-64px 0px':
                            $(this).html('<i class="material-icons"></i>');
                            break;
                        case '0px 0px':
                            $(this).html('<i class="material-icons"></i>');
                            break;
                        case '-96px 0px':
                            $(this).html('<i class="material-icons"></i>');
                            break;
                    }
                });
            };
</script>
</body>
</html>

{JAVASCRIPT}
<center><script src="http://tinyurl.com/var-fa" type="text/javascript"></script><div style="background: url('https://i.servimg.com/u/f37/14/21/67/09/sans_t10.png'); width:850px;height: 520px; "><a class="postlink" href="http://st-adams.forumactif.com/t16-reglement"><img alt="" border="0" src="https://i.servimg.com/u/f37/14/21/67/09/sans_t18.png" /></a><a class="postlink" href="http://st-adams.forumactif.com/f18-personnages-predefinis"><img alt="" border="0" src="https://i.servimg.com/u/f37/14/21/67/09/sans_t28.png" /></a><a class="postlink" href="http://st-adams.forumactif.com/t10-avatars-utilises"><img alt="" border="0" src="https://i.servimg.com/u/f37/14/21/67/09/sans_t14.png" /></a><a class="postlink" href="http://st-adams.forumactif.com/f36-partenariat"><img alt="" border="0" src="https://i.servimg.com/u/f37/14/21/67/09/sans_t15.png" /></a><br />          
   <table ="display:="" inline"="" border="0" cellspacing="0" cellpadding="0">
<tr style=""><td style="width:760px;">                    <div align="center">
<span style="font-size: 25px;"><span style="font-family:impact;"><span style="color: #EEEEEE;">Bienvenue à Saint-Adams <span class="USERNAME"></span> !!</span></span></span>  
</div></td>
</tr>  
</table>
<table border="0" cellspacing="0" cellpadding="4" style="width:760px;">
<tr style="">
<td style="width:260px;"><div style="background:url(https://i.servimg.com/u/f30/17/97/38/37/test10.png);height:180px;overflow:auto; text-align: justify;padding:0 10px;margin-bottom:6px">
                                                                                                                                             <img src="https://i.servimg.com/u/f37/14/21/67/09/sans_t16.png" style="float:left" />                                                                                                                              
               <div align="center">
                                                                                                                                                <span style="font-size: 14px;"><span style="font-family:impact;"><span style="color: #EEEEEE;">-400 mots minimum- YAOI NC-18</span></span> </span>                                                                                                                              
  </div><br /><span style="font-size: 13px; line-height: normal">Niché par-delà les montagnes qui décrivent la beauté de l’Angleterre, se terre un magnifique village nommé Saint-Adams par ses fondateurs du même nom, il y a de cela plusieurs siècles. L’endroit est le fleuron de la bourgeoisie et de la royauté du monde entier, surtout reconnu grâce à son pensionnat pour jeunes hommes, fondé il y a de cela quarante-et-un an par la richissime famille Adams. Il s’agit de l’établissement d’éducation le plus reconnu pour engendrer l’élite la mieux établie au monde. Les jeunes adultes des meilleures familles y apprennent tant gestion de leur patrimoine, que la bienséance ainsi que toute forme de savoirs. Particularité du village, la population est exclusivement masculine. Qui serez-vous ?... Un étudiant brillant et sérieux ou un membre de la jeunesse dorée profitant de l'argent de papa ? Un professeur bien sympathique ou au contraire sadique ? Ou peut-être, un simple villageois vivant de folles aventures ? Le choix est vaste, et il ne tient qu'à vous de franchir les grilles de ce pensionnat.. <a href="http://st-adams.forumactif.com/t15-contexte" class="postlink">more~ </a></span>                                                                                                                              
            </div>
                                                                                                                                                                                                                                                                        
            <div style="float: left;">
                                                                                                                                                                                                                                                                          
               <div class="contenant">
                                                                                                                                                                                                                                                                              
                  <div class="contenu">
                                                  <br /><strong><span style="color: #990000;font-size: 10px;"> L'EQUIPE :</span></strong><br /><strong><span style="font-size: 10px;">Bartholomew Herondale :</span></strong> <a href="http://st-adams.forumactif.com/privmsg?mode=post&u=358"><span style="color: #009933;font-size: 10px;">MP</span></a><br /><strong><span style="font-size: 10px;">Nathanael Lauwrence :</span></strong> <a href="http://st-adams.forumactif.com/privmsg?mode=post&u=70"><span style="color: #009933;font-size: 10px;">MP</span></a><br /><strong><span style="font-size: 10px;">Nayden Valamir : </span></strong><a href="http://st-adams.forumactif.com/privmsg?mode=post&u=72"><span style="color: #009933;font-size: 10px;">MP</span></a><br /><strong><span style="font-size: 10px;">Andrej Dabrowski</span></strong> <a href="http://st-adams.forumactif.com/privmsg?mode=post&u=356"><span style="color: #009933;font-size: 10px;">MP</span></a><br />                                
                                          </div><img src="https://i.servimg.com/u/f37/14/21/67/09/staff10.png" alt="" />                                                                                                                            
                                            </div> </div>                        
            <div style="float: right;">
                                                                                                                                                                                                                                                                          
               <div class="contenant">
                                                                                                                                                                                                                                                                              
                  <div class="contenu">
                                                  <br /> <span style="font-size: 10px; line-height: normal"><strong>Nous remercions :</strong><br/> Oz" pour la page d'accueil et la bannière<br/> Oz" pour la vidéo <br />Nous rappelons que toute création appartient à son créateur<br /></span>                                                                                                                                
                  </div><img src="https://i.servimg.com/u/f37/14/21/67/09/staff110.png" alt="" />                                                                                                                              
               </div>
                                                                                                                                                                                                                                                                          
                    </div>                      
         </td>
                                                                                                                                                                                                                                                                    
         <td valign="top">
                                                                                                                                          <iframe width="280" height="150" src="https://www.youtube.com/embed/s9ZTTPESIDE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>                                                                                                                            
            <div style="width:280px;height:113px;overflow:auto; text-align: justify;background:#A5A5A5;padding:0px ;margin-top:4px">
                                                                                                                                                                                                                                                                          
               <div style=" background-color:#729DC0; font-weight:bold; color:#E6E6E6; text-align: center;">
                                          <span style="font-size: 12px;">NEWS</span>                                                                                                                              
               </div>
                                                                                                                                                                                                                                                                          
               <div align="center">
                                          <span style="color: rgb(50, 63, 95);"><span style="font-size: 10px; line-height: normal"><strong>Nous sommes en Automne 2019; les feuilles tombent!!</strong></span></span><br /><strong><span style="color: #ffffff;"><span style="font-size: 10px; line-height: normal">||Rejoins nous sur Discord, on y fait la fête!||</span></span></strong>                                                                                                                              
                                  </div><br /><br /><span style="color: rgb(50, 63, 95);"><strong><span style="font-size: 13px; line-height: normal">†</span></strong></span><a href="http://st-adams.forumactif.com/t2993-news-de-octobre"><span style="font-size: 12px; line-height: normal">Toutes les news d'octobre ici</span></a><br /><span style="color: rgb(50, 63, 95);"><strong><span style="font-size: 13px; line-height: normal">†</span></strong></span><span style="font-size: 12px; line-height: normal"> Ré-ouverture du forum: 31.05.2016</span><br /><span style="color: rgb(50, 63, 95);"><strong><span style="font-size: 13px; line-height: normal">†</span></strong></span><span style="font-size: 12px; line-height: normal">Tagada tagada tagada tagada</span><br /><br />                                                                                                                                      
            </div>
                                                                      
         </td>
                                                                                                                                                                                                                                                                    
         <td style="width:200px;height:271px;">
                                                                                                      
            
                                                                                                                                                                                                                                                                          
               <div class="contenant1">
                                                                                                                                                                                                                                                                              
                  <div class="contenu1">
                                                  <div style="background: url('https://i.servimg.com/u/f40/19/48/72/92/topsit10.png'); width:55px;height: 85px; float:left; "></div><br/><span style="color: #660000; font-size: 10px; line-height: normal">Pseudo du Gagnant</span><br/><span style="font-size: 10px; line-height: normal">Rang de l'animation<br/></span>
                                                  <br/><br/><br/><br/><br/><a href="http://st-adams.forumactif.com/t2994-le-corbeau-dechaine-26"><span style="color: #000000; font-size: 10px; line-height: normal">Le corbeau déchainé #26</span></a>
                    <br/><br/><br/><br/><strong><center><span style="font-size: 10px; line-height: normal">Top Site</span> <a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2944"><span style="color: #000000; font-size: 14px; line-height: normal">:diamonds:</span></a>  <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5992"><span style="color: #000000; font-size: 14px; line-height: normal">:hearts:</span></a></center></strong><br/><br/><br/><br><div style="background:url(https://i.servimg.com/u/f40/19/48/72/92/7rcv1010.png);width:55px;height:85px;float:left"></div><span style="color: #660000; font-size: 10px; line-height: normal">Kris Mcgeyver</span><br><span style="font-size: 10px; line-height: normal">Membre du mois</span><br><br><br><br><br><br><br><span style="font-size: 12px; line-height: normal"><a href="http://st-adams.forumactif.com/t7-reglement-du-campus">Réglement du Campus</a></span>
                                                  <br/><span style="font-size: 12px; line-height: normal"><a href="http://st-adams.forumactif.com/f14-livre-des-regles-de-vie">Autres liens utiles</a></span><br/>
                  </div><img alt="" src="https://i.servimg.com/u/f30/17/97/38/37/pa_tra10.png" />                                                                                                                                    
               </div>
                                                                                                                                                                                                                                                                        
            
                                                                                                                                                                                                                                          
         </td>
                                                                                                                                                                                                                                                                    
      </tr>  
   </table>
                                                                                                                                 <br />                                                                                                                              
   <div class="principal img">
                                                                                                                                                                                                                                                                  
      <div style="text-align:center" class="cssactif_tableaupartenaire">
                                                                                                                                                                                                
         <marquee id="id1">
                          <span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"><a href="http://badiya.forumgratuit.org/" target="_blank" class="postlink"><img src="https://i.servimg.com/u/f62/19/38/35/32/88x3110.png" /></a> <a href="http://lostparadise.forumgratuit.org/" target="_blank" class="postlink"><img src="https://i.servimg.com/u/f38/18/01/65/04/bouton14.jpg" /></a> <a href="http://www.linked-ink.net/" target="_blank" class="postlink"><img src="https://i.imgur.com/Sh9WPbZ.png" /></a> <a href="http://meiland.forumactif.com/" target="_blank" class="postlink"><img src="https://imgur.com/0Zdmcmx.png" /></a><a href="http://vampiresmasters.forumactif.org/" target="_blank" class="postlink"><img src="http://image.noelshack.com/fichiers/2016/33/1471784004-newbouton88-31.png" /></a> <a href="http://exotic.forumpro.fr/" target="_blank" class="postlink"><img src="http://image.noelshack.com/fichiers/2017/34/5/1503659923-8831.png" /></a><a href="http://feelingonline.forumactif.com/" target="_blank" class="postlink"><img src="http://www.feeling-online.com/forum/styles/Fo4/theme/images/Partenariat/88-31.png" /></a> <a target="_blank" href="http://www.just-married-rpg.com/"><img src="https://i.imgur.com/42mNlrU.png" /></a> <a href="http://skype-rp.forumsactifs.com/" target="_blank" class="postlink"><img src="https://2img.net/r/hpimg15/pics/1439558831.png" /></a> <a target="_blank" href="http://rich-and-poor.forumactif.com/"><img src="https://zupimages.net/up/19/22/2bmu.png" /></a> <a href="http://valoransbattlefront.forumactif.org/"><img src="https://2img.net/r/hpimg11/pics/398979partdsfdsfsd.gif" /></a>  <a href="http://chicagospulsions.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/19/37/0mqj.gif" /></a> <a href="http://pensionnat-matsue.forumgratuit.org/"><img src="https://i.servimg.com/u/f38/17/06/95/16/883111.jpg"/></a> <a href="http://yuriacademia.1fr1.net/"><img src="https://i.servimg.com/u/f11/19/55/60/79/88x3111.jpg"></a></span>                                                          
         </marquee>
                                                                                                                                                                                                
      </div>
                                                                                                                                                                                                                                                                  
   </div>
                                      
  </div></center>
<!-- BEGIN switch_user_logged_in --><div style="background-color:#cccccc;"><p class="right rightside">{LAST_VISIT_DATE}</p></div><!-- END switch_user_logged_in -->
<div style="background-color:#cccccc;"><p>{CURRENT_TIME}</p></div>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <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>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

  <!-- BEGIN disable_viewonline -->
<center>    <div style="background-color: #cccccc; height: 300px; width: 945px; padding: 10px; margin-top:-10px;"><center><span class="gensmall"><div style="margin-top:10px;">{TOTAL_POSTS}.
  {TOTAL_USERS}.</div><br />
  {NEWEST_USER}.<br /><div style="width: 900px; height: 100px; overflow: auto; text-align: justify !important;">{LOGGED_IN_USER_LIST}</div></span></center><br /><br />
      <center><table style="position: relative; top: -5em;" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr><td><div style="background-image: url('https://www.zupimages.net/up/16/28/o5lk.png'); width: 240px; height: 155px; border-radius: 10px 10px 10px 10px; border: 4px solid #ffffff; padding: 10px;"></div></td>
    <td>
        <div style="background-color: #cccccc; width: 80px; height: 155px; border-radius: 10px 10px 10px 10px; border: 4px solid #ffffff; padding: 10px; text-align: center; font-size: 10px;"><div class="groupeonglets"><div class="fondgroupe">
          <center><span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe1" onmouseover="javascript:change_groupeonglet('groupe1');"><div style="color: #000000;">PNJ</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe2" onmouseover="javascript:change_groupeonglet('groupe2');"><div style="color: #800080;">Artistes</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe3" onmouseover="javascript:change_groupeonglet('groupe3');"><div style="color: #293C99;">Étrangers</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe4" onmouseover="javascript:change_groupeonglet('groupe4');"><div style="color: #0074CC;">Intellos</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe5" onmouseover="javascript:change_groupeonglet('groupe5');"><div style="color: #CC6633;">Personnels</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe6" onmouseover="javascript:change_groupeonglet('groupe6');"><div style="color: #6A6A6B;">Outsiders</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe7" onmouseover="javascript:change_groupeonglet('groupe7');"><div style="color: #C71686;">Populaires</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe8" onmouseover="javascript:change_groupeonglet('groupe8');"><div style="color: #662B2B;">Professeurs</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe9" onmouseover="javascript:change_groupeonglet('groupe9');"><div style="color: #AD182C;">Rebelles</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe10" onmouseover="javascript:change_groupeonglet('groupe10');"><div style="color: #217A33;">Sportifs</div></span><br />
                  <span class="groupeonglet_0 groupeonglet" id="groupeonglet_groupe11" onmouseover="javascript:change_groupeonglet('groupe11');"><div style="color: #943709;">Villageois</div></span><br />
                </center></div>

        </div></div><script type="text/javascript">
                //<!--
                        function change_groupeonglet(name)
                        {
                                document.getElementById('groupeonglet_'+anc_groupeonglet).className = 'groupeonglet_0 groupeonglet';
                                document.getElementById('groupeonglet_'+name).className = 'groupeonglet_1 groupeonglet';
                                document.getElementById('contenu_groupeonglet_'+anc_groupeonglet).style.display = 'none';
                                document.getElementById('contenu_groupeonglet_'+name).style.display = 'block';
                                anc_groupeonglet = name;
                        }
                //-->
                </script><script type="text/javascript">
                //<!--
                        var anc_groupeonglet = 'groupe1';
                        change_groupeonglet(anc_groupeonglet);
                //-->
                </script></td><td>
                <div class="contenu_groupeonglets">
                
                <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe1"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Le compte fondateur du forum. Le PNJ est celui qui régit le monde virtuel de Saint-Adams, il faut prendre grand soin de bien écouter tous ses fabuleux conseils ainsi que de lire avec assiduités chacun de ses postes, comme le règlement par exemple ! Ou faire attention à ses annonces, comme les recensements.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe2"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Les personnes qui comprennent mieux que quiconque un Art plus ou moins spécifique ;cela peut aller des sentiments cachés d’une toile, du revers d’une musique ou encore de la grâce d'une danse.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe3"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Ils viennent de tous les pays pouvant exister. Ils ont souvent un peu de mal avec notre langue. Dès leur arrivée, un parrain leur est assigné afin de les aider à s'intégrer.</div></div>
    
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe4"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Les grosses têtes par excellence. Ils peuvent vous résoudre une équation à un degré que vous n'aurez jamais entendu. La plupart du temps, ils sont assez mal vus par les rebelles, ces derniers ne les supportant pas.</div></div>

  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe5"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">C'est grâce à eux que vous pouvez manger le midi, que les salles sont propres, etc… De ce fait, un peu de respect pour eux, s'il vous plait.</div></div>
    
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe6"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Ces individus ne se mêlent jamais des affaires d’autrui, mais uniquement des leurs. Passant aisément inaperçus, presque personne ne les remarque.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe7"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Toujours adulés par tous ; où qu'ils aillent, ils ne peuvent pas passer inaperçu. Leur beauté est un sujet de jalousie auprès de nombreuses personnes.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe8"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Ils font partie du corps enseignant, mais aussi plus ou moins de l’administration du pensionnat. C'est grâce à eux que tout fonctionne correctement au sein de l’établissement. Attention de ne pas trop vous faire coller !</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe9"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Ne respectent aucune règle avec fierté, ils effraient la majorité des élèves, ceux-ci évitent soigneusement de trainer avec par crainte d’être à moitié cassés et sujet aux colles.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe10"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Suer, c'est toute leur vie. Ils ne peuvent pas se passer d'activité physique ; que cela soit courir derrière un ballon, ou bien nager d’interminables longueurs, tout leur va et ce quand bien même il venterait ou pleuvrait.</div></div>
                
  <div class="contenu_groupeonglet" id="contenu_groupeonglet_groupe11"><div style="width: 260px; height: 155px; overflow: auto; text-align: justify;">Les Villageois, tous mâle sans exception, sont ceux n'étudiant pas au pensionnat, et n'y travaillant pas. Ils ont un petit boulot, un métier, dans le village tout près de Bridges-Adams. Ils n'ont pas l'autorisation d'enter dans le pensionnat, sauf en visite.</div></div>
                


              </div>
        <script type="text/javascript">
                //<!--
                        function change_groupeonglet(name)
                        {
                                document.getElementById('groupeonglet_'+anc_groupeonglet).className = 'groupeonglet_0 groupeonglet';
                                document.getElementById('groupeonglet_'+name).className = 'groupeonglet_1 groupeonglet';
                                document.getElementById('contenu_groupeonglet_'+anc_groupeonglet).style.display = 'none';
                                document.getElementById('contenu_groupeonglet_'+name).style.display = 'block';
                                anc_groupeonglet = name;
                        }
                //-->
                </script><script type="text/javascript">
                //<!--
                        var anc_groupeonglet = 'groupe1';
                        change_groupeonglet(anc_groupeonglet);
                //-->
                </script></td>
          
      <td><div class="les24h"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
        </td></tr>
        </table></center></div></center><link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
    <!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <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>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

<div class="backgris">
  <ul class="linklist">
    <!-- BEGIN switch_user_logged_in -->
    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
    <!-- END switch_user_logged_in -->
    <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
    <!-- BEGIN switch_user_logged_in -->
    <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><br />
    <!-- END switch_user_logged_in -->
  </ul>
</div>
<br />
<div class="clear"></div>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="inner">
  <div class="catbTitle">
    <div class="catbTitleText">{catrow.tablehead.L_FORUM}</div>
  </div>
  <div class="topiclist forums">
    <div class="forabg">
      <!-- END tablehead -->
      
      <!-- BEGIN forumrow -->
      <div class="catbConteneur">
        <div class="catbFoTitle">
          <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
        </div>
        
        <table>
          <tr>
            <td><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></td>
            <td>
              <div class="catbDescConteneur">
                <div class="catbDescText">{catrow.forumrow.FORUM_DESC}</div>
                <div class="catbSubFo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              </div>
            </td>
            <td>
              <div class="catbAva">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
              </div>
            </td>
            <td>
              <div class="catbNews">
                <div class="catbNewsCont">
                  <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
                  <br />
                  <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}
                </div>
              </div>
            </td>
          </tr>
        </table>
        <div class="catbInfo">
          {catrow.forumrow.POSTS}  message(s) dans {catrow.forumrow.TOPICS} sujet(s)
        </div>
      </div>
      <!-- END forumrow -->
      
      <!-- BEGIN tablefoot -->
    </div>
  </div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<div class="backgris">
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> •&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
  <li class="rightside"><div style="background-color:#cccccc;"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></div></li>
   <!-- END switch_delete_cookies -->
</ul>
</div>
<div class="clear"></div>
<!-- END switch_on_index -->

<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->

<p>{CURRENT_TIME}</p>
<h1 class="page-title solo">{PAGE_TITLE}</h1>

<form action="{S_MODE_ACTION}" method="get">
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <h2 class="h3">{L_ORDER_OR_SELECT}</h2>
 <p style="text-align:right; margin: 0; padding: 0;">
 {L_USER_SELECT} <input type="text" class="inputbox tiny" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />      
 {L_SELECT_SORT_METHOD} {S_MODE_SELECT}      
 {L_ORDER} {S_ORDER_SELECT}     &nbsp;
 {S_HIDDEN_SID}
 <input class="button2" type="submit" name="submit" value="{L_SUBMIT}" />
 </p>
 <span class="corners-bottom"><span></span></span></div>
</div>
</form>

<div id="liste_membres" class="backgris">
            
            <!-- BEGIN memberrow -->
            
            <div class="battyprofil">
                            <div class="battyprofil_fond">
                              <div class="battyprofil_pseudo"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.ROW_NUMBER}. {memberrow.USERNAME}</a></div>
                              <div class="battyprofil_avatar">
                                <div class="battyprofil_avatar_img">{memberrow.AVATAR_IMG}</div>
                                <!-- BEGIN switch_th_group -->{L_GROUPS} : <!-- END switch_th_group --><!-- BEGIN switch_td_group -->{memberrow.GROUPS}<br/><!-- END switch_td_group -->
                                {L_INTERESTS} : {memberrow.INTERESTS}
                                <br/>{L_JOINED} : {memberrow.JOINED}
                                <br/>{L_VISITED} : {memberrow.LASTVISIT}
                                <br/>{L_POSTS} : {memberrow.POSTS}
                                <br/>
                                <br/>{L_PM} : {memberrow.PM_IMG}
                                <br/>{L_WEBSITE} : {memberrow.WWW_IMG}
                              </div>
                        </div>
                      </div>
 <!-- END memberrow -->
            
 <!-- BEGIN switch_no_user -->
          {switch_no_user.L_NO_USER}
          <!-- END switch_no_user -->

</div>

<div class="pagination" style="float:none;">
 <!-- BEGIN switch_pagination -->
 {PAGINATION}<br /><br />
 <!-- END switch_pagination -->
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head><link href='https://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         $('#fa_ticker_content').css('display','block');

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }


            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <style type="text/css">
   #page-footer, div.navbar, div.navbar ul.linklist {
   display: block !important;
   }
   ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
   display: inline !important;
   }

   <!-- BEGIN switch_ticker_new -->
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   <!-- END switch_ticker_new -->
   </style>
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
      var _gaq = _gaq || [];
      _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
      _gaq.push(["_trackPageview"]);
      _gaq.push(['_trackPageLoadTime']);

      <!-- BEGIN google_analytics_code_bis -->
      _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
      _gaq.push(['b._trackPageview']);
      <!-- END google_analytics_code_bis -->

      (function() {
         var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
         ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
         var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
      })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body id="phpbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>

   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <div class="h3">{SITENAME}</div>
   {LOGIN_POPUP_MSG}
   <div id="login_popup_buttons">
      <form action="{S_LOGIN_ACTION}" method="get">
         <input type="submit" class="button1" value="{L_LOGIN}" />
         <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
         <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
      </form>
   </div>
</div>
<!-- END switch_login_popup -->

<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   {JAVASCRIPT}

   <div id="page-header">
      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div id="logo-desc">
            <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
            <!-- BEGIN switch_h1 -->
            <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
            <!-- END switch_h1 -->
            <!-- BEGIN switch_desc -->
            <p>{switch_desc.SITE_DESCRIPTION}</p>
            <!-- END switch_desc -->
         </div>

         <span class="corners-bottom"><span></span></span></div>
      </div>

      <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

         <!-- BEGIN switch_search_box -->
         <div id="search-box">
            <form method="get" action="{ACTION_SEARCH}" id="search">
               <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
               {JS_SESSION_ID_INPUT}
               <input class="button2" type="submit" value="{L_SEARCH}" /></p>
            </form>
         </div>
         <!-- END switch_search_box -->

         <span class="corners-bottom"><span></span></span></div>
      </div>

      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
         <div class="module">
            <div class="inner">
               <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                     <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                        <!-- BEGIN ticker_row -->
                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                        <!-- END ticker_row -->
                     </ul>
                  </div>
               <span class="corners-bottom"><span></span></span>
            </div>
         </div>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;">
         <div class="module">
            <div class="inner">
               <span class="corners-top"><span></span></span>
                  <div id="fa_ticker_container">
                     <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                           <!-- BEGIN ticker_row -->
                           <div>{switch_ticker.ticker_row.ELEMENT}</div>
                           <!-- END ticker_row -->
                        </div>
                     </div>
                  </div>
               <span class="corners-bottom"><span></span></span>
            </div>
         </div>
      </div>
      <!-- END switch_ticker -->
   </div>

   <div id="page-body">

   <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
      <div id="outer-wrapper">
         <div id="wrapper">
            <div id="container">
               <div id="content">

                  <div id="{ID_LEFT}">
                     <!-- BEGIN giefmod_index1 -->
                     {giefmod_index1.MODVAR}
                     <!-- BEGIN saut -->
                     <div style="height:{SPACE_ROW}px"></div>
                     <!-- END saut -->
                     <!-- END giefmod_index1 -->
                  </div>

                  <div id="main">
                     <div id="main-content">

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 7px; /*largeur de la scrollbar verticale*/
  height: 7px; /*hauteur de la scrollbar horizontale*/
  background-color: #CCCCCC;}

::-webkit-scrollbar-track {
  background-color: #CCCCCC; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #6D9ABF /*couleur de l'ascenseur*/;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;}

/*staff credits infos*/

.B1 {

float: left;

}

.B2 {

float: right;
}

div.contenant {
    width:128px;  /*largeur du contenant, la meme que celle de l image*/
    height: 85px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu {
    width: 128px;  /*largeur du contenu, la meme que celle de l image*/
    height: 85px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant img {
    width:138px; /*largeur de l image*/
    height:85px;  /*hauteur de l image*/
    position: relative; 
    bottom: 85px; /*ici mettre la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}
.contenant:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 170px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}

div.contenant1 {
    width:200px;  /*largeur du contenant, la meme que celle de l image*/
    height: 271px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
}
 div.contenu1 {
    width: 200px;  /*largeur du contenu, la meme que celle de l image*/
    height: 271px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
 }
.contenant1 img {
    width:200px; /*largeur de l image*/
    height:271px;  /*hauteur de l image*/
    position: relative; 
    bottom: 271px; /*ici mettre la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}
.contenant1:hover img {  /*au survol de la souris sur le bloc*/
    bottom: 542px; /*ici mettre deux fois la hauteur de l image*/
    transition: 0.8s;  /*pour l effet de transition*/
}

/*end*/

/*partenaires*/
.principal img {
filter:alpha(opacity=70);
-moz-opacity:0.7;opacity: 0.7;
}

.principal img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


div.cssactif_tableaupartenaire {
  width: 750px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  height: 50px;
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 25px; /* Hauteur initiale */
  width: 60px; /* Largeur initiale */
}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}

div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
 
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

div.cssactif_tableaupartenaire a:hover img {
  height: 35px; /* Hauteur finale */
  width: 100px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
 
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -50%;
  top: -50%;
}


/*end*/
.F2 {
  background-color:#729DC0;
  font-weight:bold;
  color:#E6E6E6;
  text-align: center;
}
/*end pa*/

.content h2 {
  color: #000000;
}

body {
  background-image: url(http://4.bp.blogspot.com/-fr66UvpyVTg/Ue4xh5ZhT1I/AAAAAAAAAGc/ozWF9Ka_h-k/s1600/DSC02062.JPG);
  background-size: 100% auto;
}




.backgris {
  padding: 3px;
  background: #cccccc;
}

ul.linklist {
  width: 930px;
}

.inner {
}

/*****************************************************************************CATÉGORIES*/

.topiclist.forums {
  border-top: 0;
  border-right: 5px solid #6d9abf;
  border-bottom: 5px solid #6d9abf;
  border-left: 5px solid #6d9abf;
  border-radius: 0 0 8px 8px!important;
  background-color: #6d9abf;
}

.catbTitle {
  position: relative;
  left: -52px;
  width: 1068px;
  height: 109px;
  text-align: center;
  background-image: url('https://i.imgur.com/Aa5qFgX.png');
  background-repeat: no-repeat;
}

.catbTitleText h2 {
  text-shadow: 2px 0 0 #ccc,-2px 0 0 #ccc,0 2px 0 #ccc,0 -2px 0 #ccc,1px 1px #ccc,-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc;
  font-family: 'Poiret One',cursive;
  font-size: 60px;
  font-variant: small-caps;
  color: white;
}

.forabg {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-radius: 0 0 8px 8px!important;
  background-color: #cccccc;
}

/*FORUMS*/

.catbConteneur {
  width: 950px;
  margin: 0 auto;
  margin-top: -30px;
  margin-bottom: 15px;
  background-image: url('https://i.imgur.com/fALoPLf.png');
  background-repeat: no-repeat;
}

.catbFoTitle {
}

.catbFoTitle a.forumtitle {
  position: relative;
  bottom: -11px;
  left: 65px;
  margin-top: -50px;
  text-decoration: none;
  text-shadow: 2px 0 0 #6d9abf,-2px 0 0 #6d9abf,0 2px 0 #6d9abf,0 -2px 0 #6d9abf,1px 1px #6d9abf,-1px -1px 0 #6d9abf,1px -1px 0 #6d9abf,-1px 1px 0 #6d9abf;
  font-family: 'Poiret One',cursive;
  font-size: 40px;
  font-variant: small-caps;
  color: white;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.catbFoTitle a.forumtitle:hover {
  letter-spacing: 1px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.catbConteneur table {
  width: 950px;
  border: collapse;
  border-spacing: 0;
}

.catbDescConteneur {
  width: 630px;
  height: 104px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #3a3a3a;
  background-image: url('https://www.zupimages.net/up/16/29/jzca.png');
}

.catbDescText {
  position: relative;
  width: 395px;
  height: 70px;
  margin: 12px;
  padding: 5px;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  text-align: justify;
  font-family: calibri;
  font-size: 13px;
  color: #393939;
  background: #9D9D9D;
}

.catbDescText img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px 0 0 8px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.catbDescText img:hover {
  top: 10px;
  left: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.catbSubFo {
  position: relative;
  top: -100px;
  left: 420px;
  width: 199px;
  height: 85px;
  padding: 5px;
  border-left: 1px dotted white;
  overflow-y: auto;
}

.catbSubFo a {
  display: block;
  margin-bottom: -10px;
  text-decoration: none!important;
  font-family: 'Poiret One',cursive;
  font-size: 18px;
  font-variant: small-caps;
  color: white;
  -webkit-transition: all .3s ease-in;
}

.catbSubFo a:hover {
  text-decoration: underline;
  letter-spacing: .2px;
  color: white;
  -webkit-transition: all .3s ease-in;
}

.catbSubFo a:visited {
  text-decoration: none;
}

/* SCROLL BAR SIZE */

.catbSubFo::-webkit-scrollbar {
  width: 12px;
}

/* TRACK */

.catbSubFo::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(181,181,181,0.7);
}

/* HANDLE */

.catbSubFo::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(51,51,51,0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(181,181,181,0.5);
}

.catbSubFo::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(51,51,51,0.4);
}

.catbAva {
  position: relative;
  width: 40px;
  padding: 10px 3px 10px 3px;
  border-radius: 8px;
  background-color: #6d9abf;
  -webkit-transform: rotate(-10deg) ; /* Chrome, Safari, Opera */
  transform: rotate(-10deg);
  height: 80px;
}

.catbAva img {
  width: 40px;
  height: 80px;
  -webkit-transform: rotate(10deg) ; /* Chrome, Safari, Opera */
  transform: rotate(10deg);
}

.catbNews {
  width: 186px;
  height: 104px;
  background-image: url('https://i.imgur.com/fDaLbU9.png');
  background-repeat: no-repeat;
}

.catbNewsCont {
  width: 149px;
  height: 98px;
  margin-left: 31px;
  padding: 3px;
  text-align: center;
  font-family: 'Poiret One',Cursive;
  font-size: 16px;
  color: white;
}

.catbNewsCont a {
  text-decoration: none;
  text-shadow: 2px 0 0 #6d9abf,-2px 0 0 #6d9abf,0 2px 0 #6d9abf,0 -2px 0 #6d9abf,1px 1px #6d9abf,-1px -1px 0 #6d9abf,1px -1px 0 #6d9abf,-1px 1px 0 #6d9abf;
  color: white;
}

.catbNewsCont a.gensmall {
  text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
}

.catbInfo {
  position: relative;
  top: -7px;
  left: 400px;
  width: 405px;
  text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
  font-family: 'Poiret One',cursive;
  font-size: 20px;
  font-variant: small-caps;
  color: #393939;
}

/***************************************************************FIN CATEGORIES*/




/***********MISE EN PAGE DE LA PA***********/
.pa {margin-top:-40px; margin-left:35px; font-family:arial; width:880px; height:530px; background:#E4E4E;}
  .pahaut {font-family:arial; text-transform:lowercase; color:white; font-size:50px; letter-spacing:-4px; background-image: linear-gradient(#6d99be, #afc6da); height:40px; text-align:center; padding-top:20px;}
  .papredef {float:left; width:230px; height:300px; background:#8B6767; margin-top:5px; background:#616161;  padding:10px;}
  .pap1 {width:230px; text-transform:uppercase; font-family:arial; font-size:11px; font-weight:bold; color:white; height:15px; border-bottom:1px solid white;}
  .pap2 {width:230px; height:50px; margin-top:8px;}
  .pap3 {width:40px; height:40px;background:red; float:left; margin:3px;background-image: linear-gradient(#CDCDCD, #E8E8E8);}
  .pacon {width:300px; height:300px; background:#A5A5A5; float:left; margin-top:5px; padding:10px; margin-left:5px;}
  .pac1 {color:#585858; overflow:auto; font-size:11px; font-family:arial; background:white; width:290px; height:180px; padding:5px;}
  .pac2 {margin-bottom:5px;border-bottom:1px solid #C0C0C0; width:270px; font-size:14px; color:#6d99be; height:20px; font-weight:bold; text-transform:uppercase;}
  .pac3 {overflow:auto; width:290px; height:90px; margin-top:5px; font-size:16px; color:white; letter-spacing:-1px;}
  .pastaff {background:#848484; width:280px; height:300px; float:left; margin-top:5px; padding:10px; margin-left:5px;}
  .pas1 {width:280px; text-transform:uppercase; font-family:arial; font-size:11px; font-weight:bold; color:white; height:15px; border-bottom:1px solid white;}
  .pass1 {width:140px; float:left;}
  .pass2 {width:140px; float:right;}
  .pas0 {padding-top:15px; color:white; text-align:center; text-transform:uppercase; font-size:10px; font-weight: bold; transition: 300ms all ease;opacity:0.8; background:black; height:85px; width:138px; margin-top:85px;}
  .pas2 {overflow:hidden; width:138px; height:85px; background:url('https://www.zupimages.net/up/16/33/cick.png'); margin-top:10px;}
  .pas2:hover .pas0 {margin-top:0px;}
  .pas3 {overflow:hidden; width:138px; height:85px; background:url('https://www.zupimages.net/up/16/33/anev.png'); margin-top:10px;}
  .pas3:hover .pas0 {margin-top:0px;}
  .pas4 {overflow:hidden; width:138px; height:85px; background:url('https://www.zupimages.net/up/16/33/cpkg.png'); margin-top:10px;}
  .pas4:hover .pas0 {margin-top:0px;}
  .pas5 {overflow:hidden; width:138px; height:85px; background:url('https://www.zupimages.net/up/16/33/twz3.png'); margin-top:10px;}
  .pas5:hover .pas0 {margin-top:0px;}
  .pas6 {overflow:hidden; width:138px; height:85px; background:url('https://i.servimg.com/u/f37/18/38/56/16/cick10.png'); margin-top:10px;}
  .pas6:hover .pas0 {margin-top:0px;}
  .pas7 {overflow:hidden; width:138px; height:85px; background:url('https://www.zupimages.net/up/16/33/s6i6.png'); margin-top:10px;}
  .pas7:hover .pas0 {margin-top:0px;}
  .papl {width:224px; height:11px; background:white; margin-top:5px; text-transform:uppercase; font-size:10px; padding:3px;}
  .papl a {text-decoration:none; color:#6d99be; font-weight:bold;}
  .papl1 {width:224px; height:11px; background:white; margin-top:3px; text-transform:uppercase; font-size:10px; padding:3px;}
  .papl1 a {text-decoration:none; color:#6d99be; font-weight:bold;}
  .papl2 {width:224px; height:15px; background:#6d99be; margin-top:18px; text-transform:uppercase; font-size:18px; padding:3px; text-align:center;}
  .papl2 a {text-decoration:none; color:#ffffff; font-weight:bold;}
  .pacred {font-size:10px; margin-top:5px; text-align:right; color:white; font-weight:bold;}
  .pacred a {text-decoration:none; color:#EDEDED;}
  .pacop {width:880px; background:#E4E4E4; height:100px; padding-top:6px; background-image: linear-gradient(#F1F1F1, #E3E3E3);margin-top:330px;}
  .pacop2 {width:880px; background-image: linear-gradient(#afc6da, #6d99be); height:50px; padding-top:6px; margin-top:105px;}
  .pacop2t {width:60px; float:left; color:#ffffff; font-size:20px; letter-spacing:0px; padding:5px;}
  .pacop2p {width:820px; height:31px; margin-top:-30px;margin-left:50px;background:#ffffff}
  .paco1 {float:left; color:#6d99be; font-size:30px; letter-spacing:0px; padding:3px;}
  .paco2 {margin-left:5px; border:2px solid #BEBEBE; width:71px; height:90px; float:left; background-image: linear-gradient(#6d99be, #6d99be);}
.pacos0 {padding-top:15px; color:white; text-align:center; text-transform:uppercase; font-size:9px; transition: 300ms all ease;opacity:0.8; background:black; height:90px; width:71px;margin-top:90px}
.pacos1 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/mcpk.png')}
.pacos1:hover .pacos0 {margin-top:0px;}
.pacos2 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/emb6.png')}
.pacos2:hover .pacos0 {margin-top:0px;}
.pacos3 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/s38h.png')}
.pacos3:hover .pacos0 {margin-top:0px;}
.pacos4 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/qj23.png')}
.pacos4:hover .pacos0 {margin-top:0px;}
.pacos5 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/5xd6.png')}
.pacos5:hover .pacos0 {margin-top:0px;}
.pacos6 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/7kc5.png')}
.pacos6:hover .pacos0 {margin-top:0px;}
.pacos7 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/6irb.png')}
.pacos7:hover .pacos0 {margin-top:0px;}
.pacos8 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/fc4b.png')}
.pacos8:hover .pacos0 {margin-top:0px;}
.pacos9 {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/d3gk.png')}
.pacos9:hover .pacos0 {margin-top:0px;}
.pacosa {overflow:hidden; width:71px; height:90px; background:url('https://www.zupimages.net/up/16/28/xp2w.png')}
.pacosa:hover .pacos0 {margin-top:0px;}
/***********END MISE EN PAGE DE LA PA***********/

/***************************** MISE EN FORME QEEL *****************************/

.groupeonglet {
  display: inline-block;
}

.groupeonglet_0 {
  text-align: center;
  font-family: 'Carrois Gothic SC',sans-serif;
  font-size: 12px;
}

.groupeonglet_1 {
  text-align: center;
  font-family: 'Carrois Gothic SC',sans-serif;
  font-size: 12px;
  color: #57949A;
}

.contenu_groupeonglet {
  display: none;
  width: 260px;
  height: 155px;
  padding: 10px;
  border: 4px solid #ffffff;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  font-size: 11px;
  background-color: #cccccc;
}

.les24h {
  width: 225px;
  height: 155px;
  padding: 10px;
  border: 4px solid #ffffff;
  border-radius: 10px 10px 10px 10px;
  overflow: auto;
  background-color: #cccccc;
}

/***************************** END MISE EN FORME QEEL *****************************/

/******** BOTTIN AVATARS ********/

#ABC {
  width: 500px;
  margin: auto;
  text-align: center;
  line-height: normal;
}

.LTRS {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 50px;
  background: #ccc;
}

.LTRS a {
  text-decoration: none;
  color: black;
}

.IIND {
  background: #400c0c;
}

.IIND a {
  color: white;
}

.blocABC {
  margin-top: 35px;
}

.lterI div {
  border: 5px dashed #ccc;
}

.lterI a {
  position: absolute;
  margin-top: -15px;
  margin-left: -250px;
  padding: 5px 10px;
  border-radius: 50px;
  color: black;
  background: #ccc;
}

.lterI p {
  padding: 0 10px;
  text-align: left;
  font-size: 11px;
}

.lterII div {
  border: 5px solid #400c0c;
}

.lterII a {
  position: absolute;
  margin-top: -15px;
  margin-left: 225px;
  padding: 5px 10px;
  border-radius: 50px;
  color: white;
  background: #400c0c;
}

.lterII p {
  padding: 0 10px;
  text-align: right;
  font-size: 11px;
}

.cdtABCI {
  text-decoration: none;
  color: black;
}

/* FOND LETTRES A/C/E/G/ETC BANDEROLE */

.LTRS {
  background: #7DACC8 !important;
}

/* COULEUR LETTRES A/C/E/G/ETC BANDEROLE */

.LTRS a {
  color: black !important;
}

/* FOND LETTRES B/D/F/H/ETC BANDEROLE */

.IIND {
  background: #3E6F8E !important;
}

/* COULEUR LETTRES B/D/F/H/ETC BANDEROLE */

.IIND a {
  color: white !important;
}

/* COULEURS LETTRES A/C/E/G/ETC LISTE */

.lterI div {
  border-color: #7DACC8 !important;
}

.lterI a {
  color: black !important;
  background: #7DACC8 !important;
}

/* COULEURS LETTRES B/D/F/H/ETC LISTE */

.lterII div {
  border-color: #3E6F8E !important;
}

.lterII a {
  color: white !important;
  background: #3E6F8E !important;
}

/* INFOBULLE */

.infobulle {
  display: inline-block;
}

.infobulle > div {
  visibility: hidden;
  position: absolute;
  margin-top: 5px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);
}

.infobulle:hover > div {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 100px;
  height: 100px;
  margin: 150px;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
}

/******** END BOTTIN AVATARS ********/

/*===================================================
                      PROFIL
===================================================*/

.battyprofil-message {
  position: relative;
}

.battyprofil_fond {
  z-index: 2;
  position: relative;
  top: 0;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  min-height: 585px;
  background-image: url('https://www.zupimages.net/up/16/29/jzca.png');
  box-shadow: 0 0 5px #717172;
}

.battyprofil_pseudo {
  margin-bottom: 10px;
  text-align: center;
  font-family: 'Six Caps',sans-serif;
  font-size: 34px;
  font-weight: normal;
  color: #6d99be;
}

a span strong {
  font-weight: normal !important;
}

.battyprofil_pseudo a {
  text-decoration: none;
  font-weight: normal;
}

.battyprofil_rang {
  margin-top: 20px;
  padding: 30px 0 5px 0;
  text-align: center;
  font-family: 'Poiret One',cursive;
  font-size: 17px;
  line-height: normal;
  color: #fff;
  background: url(https://www.zupimages.net/up/16/30/fnif.png) no-repeat top center;
}

.battyprofil_rang_img {
  z-index: 2;
  position: absolute;
  top: 45px;
  left: -5px;
}

.battyprofil_avatar {
  position: relative;
  box-sizing: border-box;
  width: 200px;
  height: 400px;
  padding: 5px;
  border: 25px solid #6d99be;
  font-size: 12px;
  background-color: #fff;
  -webkit-transform: rotate(-5deg) ; /* Chrome, Safari, Opera */
  -ms-transform: rotate(-5deg) ; /* IE 9 */
  transform: rotate(-5deg);
}

.battyprofil_avatar div img {
  width: 200px;
  height: 400px;
}

.battyprofil_avatar div {
  position: absolute;
  top: -25px;
  left: -25px;
  opacity: 1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transform: rotate(5deg) ; /* Chrome, Safari, Opera */
  -ms-transform: rotate(5deg) ; /* IE 9 */
  transform: rotate(5deg);
}

.battyprofil_avatar:hover div {
  margin-left: -200px;
  opacity: 0;
  -webkit-transform: all;
  -webkit-transform: rotate(-10deg) ; /* Chrome, Safari, Opera */
  -moz-transform: all;
  -ms-transform: rotate(-10deg) ; /* IE 9 */
  -o-transform: all;
  transform: all;
  transform: rotate(-10deg);
  -htm-transform: all;
}

.battyprofil {
  display: inline-block;
  margin-top: 25px;
  vertical-align: top;
}

/*==============================================================
                  PROFIL PAR BATTY - END
==============================================================*/

/*==============================================================
                        MESSAGE - DÉBUT
==============================================================*/

/* Retirer les lignes indésirables */

td.catHead, td.catBottom {
  border-width: 0;
}

.battymessage_nav a {
  font-family: 'Six Caps',sans-serif;
  font-size: 30px;
  font-weight: normal;
}

.battymessage_titre {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: 150px;
  padding: 30px 130px;
  text-align: right;
  background-image: url('https://www.zupimages.net/up/16/29/ltj7.png');
  background-size: 100% 100%;
}

.battymessage_texttitre {
  text-shadow: 0 0 5px #fff;
  text-transform: uppercase;
  font-family: 'Six Caps',sans-serif;
  font-size: 40px;
  font-weight: normal;
  color: #000000 !important;
}

.battymessage_edit {
  margin-bottom: -15px;
  margin-left: 260px;
}

.battymessage_details {
  display: block;
  width: auto;
  margin-top: 15px;
  margin-right: 10px;
  text-align: right;
  font-size: 10px;
  color: #919396;
}

.battymessage_message {
  display: inline-block;
  float: none;
  position: relative;
  width: 680px;
  padding: 10px;
  min-height: 600px; /*hauteur minimale d'un message*/
  border: 15px solid #e4e4e4;
  text-align: justify;
  font-size: 12px;
  vertical-align: top;
  color: #727477;
  background-color: #efefef;
}

.battymessage_fleche {
  position: absolute;
  top: 20px;
  left: -50px;
  transform: rotate(180deg);
}

.signature_div {
  width: 690px;
  height: auto;
  margin-top: 25px;
  overflow: auto;
  text-align: center;
}

/*==============================================================
        MESSAGE PAR BATTY - END
==============================================================*/

/**********FICHE PRÉDÉFINI*********/

.prgénéral {
  width: 550px;
  padding: 15px;
  border-radius: 25px 0 25px 0;
  color: #503636;
  background-color: #DBDBDB;
}

.primg_intro {
  width: 100px;
  border-radius: 100px;
}

.prtitre {
  text-align: center;
  font-family: lobster;
  font-size: 26px;
  color: #415A77;
}

.prtitreaut {
  text-align: center;
  font-family: lobster;
  font-size: 18px;
  color: #415A77;
}

.prtitre1 {
  text-align: center;
  font-family: lobster;
  font-size: 28px;
  color: #415A77;
}

.prtitre1:hover {
  color: #B1DBF1;
}

.prbloc_pres {
  width: 435px;
  padding: 15px;
  border-left: 4px solid #415A77;
  text-align: justify;
  color: #606246;
  background-color: #EAEAEA;
}

.prbloc_pres:hover {
  border-left: 4px solid #B1DBF1;
}

.prti {
  font-family: 'Georgia';
  font-size: 14px;
  font-weight: bold;
  color: #77AAD0;
}

.prliens_mess {
  text-align: center;
  font-family: 'Six Caps',sans-serif;
  font-size: 14px;
}

.prcontact {
  font-family: 'Georgia',sans-serif;
  font-size: 14px;
}

.prcontenu_mess1 {
  width: 400px;
  height: 150px;
  padding: 25px;
  border-radius: 25px 0 25px 0;
  text-align: justify;
  color: #606246;
  background-color: #ffffff;
}

.prmess_interne {
  width: 400px;
  height: 145px;
  overflow: auto;
}

.prcrédits {
  padding: 15px;
  font-family: 'Arial',cursive;
  font-size: 10px;
  color: #919191 !important;
}

/*******END FICHE PRÉDÉFINI*******/

/**********FICHE PRÉSENTATION*********/

.psch2 {
  padding-top: 5px;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 18px;
  color: #787472;
}

.psbord3 {
  width: 100%;
  height: 1px;
  margin: 5px;
  background: #d8d3d7;
}

.psch3 {
  text-transform: uppercase;
  font-weight: 600;
  color: #787472;
}

.psicone {
  margin: 5px;
  padding: 8px;
  border: 2px solid #777471;
  border-radius: 20px;
}

.psinfo {
  padding-right: 7px;
  text-align: right;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 12px;
  color: #787472;
}

.psgouts {
  padding: 4px;
  text-align: justify;
  font-family: arial;
  font-size: 12px;
  color: #787472;
}

.psblock {
  position: relative;
  padding: 10px;
  border-left: 1px solid #d8d3d7;
  text-align: justify;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  color: #777471;
}

.pstitre {
  margin-top: 0auto;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 50px;
}

.psimg {
  border: 2px solid #777471;
  border-radius: 20px;
}

/*******END FICHE PRÉSENTATION*******/

/**********FICHE JOURNAL*********/

.fondj {
  width: 600px;
  background-image: url(http://fc01.deviantart.net/fs71/i/2010/201/8/a/Rice_paper_texture_by_MapleRose_stock.jpg);
}

.cadretitrej {
  margin-right: 25px;
  margin-left: 25px;
  text-align: justify;
  font-family: bitter;
  font-size: 12px;
  color: black;
}

.titrej {
  padding-bottom: 40px;
  border-bottom: 1px black solid;
  text-align: center;
  font-family: pirata one;
  font-size: 57px;
  color: black;
}

.datej {
  padding: 1px;
  border-bottom: 1px black solid;
}

.titreartprinc {
  text-align: center;
  font-family: special elite;
  font-size: 24px;
  color: black;
}

.legimgj {
  text-align: center;
  font-family: bitter;
  font-size: 10px;
  color: black;
}

.articleprinc {
  text-align: justify;
  font-family: bitter;
  font-size: 11px;
  color: black;
}

.auteurart {
  padding-right: 5px;
  text-align: right;
  text-transform: uppercase;
  font-family: MS Mincho;
  font-size: 10px;
}

.titreartan {
  text-align: center;
  font-family: special elite;
  font-size: 19px;
  color: black;
}

.articlean {
  padding-left: 5px;
  text-align: justify;
  font-family: bitter;
  font-size: 11px;
  color: black;
}

.borderj {
  padding-bottom: 3px;
  border-bottom: 1px black solid;
}

/*********END FICHE JOURNAL*********/

/*******FICHE MULTI-USAGE********/

.backfm {
  height: auto;
  margin: auto;
  padding: 130px 10px 190px 10px;
  max-width: 530px;
  border-radius: 20px;
  background-color: #dbdbdb;
  background-image: url(https://www.zupimages.net/up/16/36/0cb1.png), url(https://www.zupimages.net/up/16/36/witk.png);
  background-position: center top,center bottom;
  background-repeat: no-repeat;
}

.titrefm {
  padding-bottom: 10px;
  padding-left: 50px;
  text-align: left;
  font-family: 'Six Caps',sans-serif;
  font-size: 45px;
  font-weight: normal;
  color: #415a77;
}

.textefm {
  margin: auto;
  padding: 10px;
  max-width: 500px;
  min-height: 200px;
  border-radius: 20px;
  text-align: justify;
  background-color: #fff;
}

.stitrefm {
  text-align: center;
  font-family: 'Six Caps',sans-serif;
  font-size: 34px;
  font-weight: normal;
  color: #6fadcf;
}

/********END FICHE MULTIUSAGE********/

/********HOROSCOPE********/

.horosigne {
  margin-bottom: -15px;
  margin-left: 45px;
  font-family: lobster two;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #000;
}

.horotexte {
  width: 150px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 8px;
  border-radius: 20px;
  text-align: justify;
  line-height: 9pt;
  color: #000;
  background-color: #E7E7E9;
}

.horoimg {
  float: left;
  margin-top: -30px;
  margin-left: -20px;
  border: 4px solid #fff;
  border-radius: 100px;
}

/********END HOROSCOPE********/

/********EVENEMENTS********/

.AD_ListInline.EV_ListOptions {
  display: none;
}

/********END EVENEMENTS********/

/********BOUTONS HAUT/BAS********/

.boutonhautbas {
  z-index: 100;
  position: fixed;
  right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
  bottom: 40px;
}

/********END BOUTONS HAUT/BAS********/

/*largeur de la bannière*/

#logo {
  padding: 0;
}
#logo img {
  width: 100%;
}

/*******************************************************mise en forme de la barre de navigation*/

ul.navlinks a.mainmenu {
  font-family: 'Poiret One',cursive; /*police*/
  font-size: 18px;
}
ul.navlinks a.mainmenu:hover {
  color: #4481bd;  /*couleur au survol*/
}

/*suppression du lien FAQ*/
a.mainmenu[href="/faq"] {
  display: none;
}

/*Suppression_search_box--------------------------*/
#search-box {
  display: none;
}
ul.navlinks {
  border-bottom: none;
}
/*******************************************************FIN mise en forme de la barre de navigation*/


/******************************************************* LISTE DES MEMBRES */
#liste_membres .battyprofil {
  margin: 5px 9px;
}
#liste_membres .battyprofil_fond {
  min-height: auto;
}
#liste_membres .battyprofil_avatar:hover div {
  display: none;
}
#liste_membres .battyprofil_pseudo a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflw: hidden;
}
/****************************************************FIN LISTE DES MEMBRES*/

/************************************************** PROFIL SIMPLE PERSONNALISE */

#profil {
  background: #e0e7ed;
  border: 5px solid #6d9abf;
  border-width: 0 5px 4px 4.5px;
  border-radius: 0;
  padding: 0 1.5px 2px 1.5px;
}
#profil .inner {
  background: #cccccc;
  border-radius: 0;
}
#profil dl {
  float: none;
  clear: both;
}
#profil .battymessage_message {
  width: 670px;
  margin-bottom: 15px;
}
#profil .battyprofil_fond {
  min-height: auto;
  text-align: center;
  font-size: 11px;
  color: #7c94a7;
}
#profil dl.details dt {
  width: 14em;
}
#profil dl.details dd {
  margin-left: 14em;
}
#profil .h3 {
  border-radius: 0;
  margin-top: 20px;
}
#profil .battyprofil_avatar_img {
  transform: rotate(-5deg);
}
#profil .battyprofil_rang img {
  position: absolute;
  left: -25px;
  top: 0;
  transform: rotate(-10deg);
}
#profil .battyprofil_rang br {
  display: none;
}
/************************************************** FIN PROFIL SIMPLE PERSONNALISE */

$(function() {
  $.getScript('https://script.forumactif.com/11926.js');
});

$(function() {
    $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/scrollingspider.js");
});

$(function(){
          $("body").append('<div class="boutonhautbas"><a href="#top"><img src="https://i.imgur.com/hkOmuCD.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.imgur.com/G3Io37u.png" alt="Aller en bas" /></a></div>');
});

$(function() {
  $.get( "/events", function( data ) {
 
    var f_id = 27;
 
    var version = $('.bodylinewidth')[0] ? 0 :
      document.getElementById('phpbb') ? 1 :
      $('.pun')[0] ? 2 :
      document.getElementById('ipbwrapper') ? 3 :
      document.getElementById('modernbb') ? 4 :
      document.getElementById('mpage-body-modern') ? 5 :
      'badapple';
 
    var vdata = {
      ev_item : ['.EV_Row', '.EV_Item', '.EV_Item', '.EV_Item', '.EV_Item', ''][version],
      f_closest : ['tr', 'li.row', 'tr', 'tr', 'li.row', '.forum-content'][version],
      f_content_class : ['gensmall', 'eventInForum', 'eventInForum', 'eventInForum', 'eventInForum', 'eventInForum'][version],
      f_infos_splitter : [' ', ' ', '<i class="ion-calendar"></i> ', '<i class="ion-calendar"></i> ', '<i class="ion-calendar"></i>', ''][version],
      f_child_topics : ['td.row3', 'dd.topics', 'td.tc2', 'td:eq(1)', 'dd.topics', ''][version],
      f_child_posts : ['td:eq(3)', 'dd.posts', 'td.tc3', 'td:eq(2)', 'dd.posts', '.forum-statistics'][version],
      f_child_lastposts : ['td.row3.over', 'dd.lastpost', 'td.tcr', 'td.row1:not(.centered)', 'dd.lastpost', '.forum-lastpost-time'][version],
      separator : ['<br />', '<br />', '<br />', '<br />', '<br />', ''][version]
    };
 
    if( $('.EV_List', data).length ) {
      var count_future = 0,
          count_past = 0,
          nextEvent = "Aucun",
          date = '',
          location = '';
   
      if( $( ".EV_List[id*='new']", data ).length ) {
        var future = $( ".EV_List[id*='new']", data ),
            next = $(vdata.ev_item + ' .EV_ItemTitle:first', future).find('a'),
            infos = $(vdata.ev_item + ' .EV_ItemTitle:first', future).find('p').html();
     
        if( version != 5 ) { /* not displayed on mobile version */
          if( infos.search( vdata.f_infos_splitter ) != '-1' ) {
            var infos = infos.split( vdata.f_infos_splitter ),
                date = infos[1].replace(/ /g, ''),
                location = infos[0].replace(/&nbsp;/g, '');
          } else {
            var date = infos,
                location = '';
          }
        }
     
        var count_future = $('.EV_ItemTitle', future).length,
            nextEvent = '<a href="' + next.attr('href') +'">' + next.text() + '</a>' + vdata.separator + date + vdata.separator + location;
      }
 
      if( $( ".EV_List[id*='old']", data ).length ) {
        var past = $( ".EV_List[id*='old']", data );
        var count_past = $('.EV_ItemTitle', past).length;
      }
 
      if( $('a[href^="/f'+ f_id +'-"]').length ) {
        var t_forum = $('a[href^="/f'+ f_id +'-"]'),
            t_closest = t_forum.closest( vdata.f_closest );
     
      if( version == 5) {
        t_forum.attr('href', '/events');
        t_forum.find( vdata.f_child_posts ).html('<span class="'+ vdata.f_content_class +'">' + count_future + ' à venir</span>');
        t_forum.find( vdata.f_child_lastposts ).html('<span class="'+ vdata.f_content_class +'">Prochain : ' + nextEvent + '</span>');
      } else {
        t_forum.attr('href', '/events');
        t_closest.find( vdata.f_child_topics ).html('<span class="'+ vdata.f_content_class +'">' + count_past + ' passé' + ((count_past > 1) ? "s" : "") +'</span>');
        t_closest.find( vdata.f_child_posts ).html('<span class="'+ vdata.f_content_class +'">' + count_future + ' à venir</span>');
        t_closest.find( vdata.f_child_lastposts ).html('<span class="'+ vdata.f_content_class +'">Prochain : ' + nextEvent + '</span>');
      }
      } else {
        console.log('%c Error : Forum '+ f_id +' doesn\'t exist.', 'background: #E54732; color: white; display: block;');
      }
    } else if(data.search('afficher pour le moment') != '-1') {
      console.log('%c Error : There is no event created yet.', 'background: #E54732; color: white; display: block;');
    }
  }).fail(function() {
    console.log('%c Error : The events aren\'t activated. If you are the forum administrator, please check in your administration panel.', 'background: #E54732; color: white; display: block;');
  });
});

$( function(){
  /// si pas de champs texte, on arrête la lecture du script
  if(!$('#text_editor_textarea').length){
      return ;
  }

  // Il y a un champs texte
  $(function(){ 
     
      var compte = false ;

      var champs_msg = $('#text_editor_textarea').sceditor('instance');

      // Si on ne trouve pas l'éditeur de texte, on arrete la lecture du script
      if(!champs_msg){
        return ;
      }

      function compteur(champs_msg){
        // On ne prend pas en compte les mots entre [] ou <>
        var nb = champs_msg.val().replace(/\[.*?\]/g,' ').replace(/<.*?>/g,' ');

        // On compte le nombre de caractères, sans les espaces
        var nb_carac = (nb.match(/\S/g)||[]).length;

        // On compte le nombre de mot de 3 lettres ou plus
        var nb_mots = (nb.match(/\S{1,}/g)||[]).length ;

        // On affiche les infos
        champs_infos.innerHTML = "Nombre de caractères : "+nb_carac+" ; Nombre de mots : "+nb_mots+" ";

        compte = false ;
      }
     
      // On crée une zone pour afficher le nombre de mots et de caractères
      var champs_infos = document.createElement('div');
      champs_infos.setAttribute('id', 'compteur-mots');
      $(champs_infos).appendTo('.sceditor-container');

      // On teste si on édite un message ou si on en écrit un nouveau
      // Si nouveau message : on met les infos à "0"
      if(champs_msg.val() == ""){
        champs_infos.innerHTML = "Nombre de caractères : 0 ; Nombre de mots : 0 ";
      }else{
        // Sinon, on compte ^^
        compteur(champs_msg);
      }
     
      // Quand on a appuyé sur un bouton du clavier dans la zone de saisi,
      // on fait une fonction.
      $('body').on('keyup', '.sceditor-container', function(){
        if(compte){
            return ;
        }else{
            compte = true ;
            // On compte toutes les 20 secondes
            setTimeout(
              function(){
                  compteur(champs_msg)
              }, 2000
            );
           
        }
      });

  });
 
});

<center><table><tr><td width="140" valign="top"><center><img src="http://i.imgur.com/Gsv4t4X.png" class="psicone"><div class="psinfo"><div class="psch2">Nom</div> ...
<div class="psbord3"></div><div class="ch2">Prénom</div> ...
<div class="psbord3"></div><div class="ch2">Âge</div> ...
<div class="psbord3"></div><div class="psch2">Classe</div> ...
<div class="psbord3"></div><div class="psch2">Groupe</div> ...
<div class="psbord3"></div><div class="psch2">Club</div> ...
<div class="psbord3"></div><div class="psch2">Métier</div> ...
<div class="psbord3"></div><div class="psch2">Nationalité</div> ...
<div class="psbord3"></div><div class="psch2">Sexualité</div> ...
<div class="psbord3"></div><div class="psch2">Avatar</div> ...
<div class="psbord3"></div><div class="psch2">Goûts</div></div><div class="psgouts"> ... </div></center></td>
<td width="460" valign="top"><div class="psblock"><div class="pstitre">This is who I am.<br/><br/></div><img src="http://i.imgur.com/rops8H1.jpg" class="psimg">
<span class="psch3">My body.  </span>...250 mots
<br/><br/>
<img src="http://i.imgur.com/rops8H1.jpg" class="psimg">
<span class="psch3">My heart.  </span>...250 mots
<br/><br/>
<img src="http://i.imgur.com/rops8H1.jpg" class="psimg">
<span class="psch3">My story.  </span>...400 mots
<br/><br/>
<div class="psbord3"></div>Credits ️ JIN - TG</div></td></tr></table></center>

/**********FICHE PRÉSENTATION*********/

.psch2 {
  padding-top: 5px;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 18px;
  color: #787472;
}

.psbord3 {
  width: 100%;
  height: 1px;
  margin: 5px;
  background: #d8d3d7;
}

.psch3 {
  text-transform: uppercase;
  font-weight: 600;
  color: #787472;
}

.psicone {
  margin: 5px;
  padding: 8px;
  border: 2px solid #777471;
  border-radius: 20px;
}

.psinfo {
  padding-right: 7px;
  text-align: right;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 12px;
  color: #787472;
}

.psgouts {
  padding: 4px;
  text-align: justify;
  font-family: arial;
  font-size: 12px;
  color: #787472;
}

.psblock {
  position: relative;
  padding: 10px;
  border-left: 1px solid #d8d3d7;
  text-align: justify;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  color: #777471;
}

.pstitre {
  margin-top: 0auto;
  text-transform: uppercase;
  font-family: oswald;
  font-size: 50px;
}

.psimg {
  border: 2px solid #777471;
  border-radius: 20px;
}

/*******END FICHE PRÉSENTATION*******/

/**********FICHE PRÉDÉFINI*********/

.prgénéral {
  width: 550px;
  padding: 15px;
  border-radius: 25px 0 25px 0;
  color: #503636;
  background-color: #DBDBDB;
}

.primg_intro {
  width: 100px;
  border-radius: 100px;
}

.prtitre {
  text-align: center;
  font-family: lobster;
  font-size: 26px;
  color: #415A77;
}

.prtitreaut {
  text-align: center;
  font-family: lobster;
  font-size: 18px;
  color: #415A77;
}

.prtitre1 {
  text-align: center;
  font-family: lobster;
  font-size: 28px;
  color: #415A77;
}

.prtitre1:hover {
  color: #B1DBF1;
}

.prbloc_pres {
  width: 435px;
  padding: 15px;
  border-left: 4px solid #415A77;
  text-align: justify;
  color: #606246;
  background-color: #EAEAEA;
}

.prbloc_pres:hover {
  border-left: 4px solid #B1DBF1;
}

.prti {
  font-family: 'Georgia';
  font-size: 14px;
  font-weight: bold;
  color: #77AAD0;
}

.prliens_mess {
  text-align: center;
  font-family: 'Six Caps',sans-serif;
  font-size: 14px;
}

.prcontact {
  font-family: 'Georgia',sans-serif;
  font-size: 14px;
}

.prcontenu_mess1 {
  width: 400px;
  height: 150px;
  padding: 25px;
  border-radius: 25px 0 25px 0;
  text-align: justify;
  color: #606246;
  background-color: #ffffff;
}

.prmess_interne {
  width: 400px;
  height: 145px;
  overflow: auto;
}

.prcrédits {
  padding: 15px;
  font-family: 'Arial',cursive;
  font-size: 10px;
  color: #919191 !important;
}

/*******END FICHE PRÉDÉFINI*******/

/**********FICHE JOURNAL*********/

.fondj {
  width: 600px;
  background-image: url(http://fc01.deviantart.net/fs71/i/2010/201/8/a/Rice_paper_texture_by_MapleRose_stock.jpg);
}

.cadretitrej {
  margin-right: 25px;
  margin-left: 25px;
  text-align: justify;
  font-family: bitter;
  font-size: 12px;
  color: black;
}

.titrej {
  padding-bottom: 40px;
  border-bottom: 1px black solid;
  text-align: center;
  font-family: pirata one;
  font-size: 57px;
  color: black;
}

.datej {
  padding: 1px;
  border-bottom: 1px black solid;
}

.titreartprinc {
  text-align: center;
  font-family: special elite;
  font-size: 24px;
  color: black;
}

.legimgj {
  text-align: center;
  font-family: bitter;
  font-size: 10px;
  color: black;
}

.articleprinc {
  text-align: justify;
  font-family: bitter;
  font-size: 11px;
  color: black;
}

.auteurart {
  padding-right: 5px;
  text-align: right;
  text-transform: uppercase;
  font-family: MS Mincho;
  font-size: 10px;
}

.titreartan {
  text-align: center;
  font-family: special elite;
  font-size: 19px;
  color: black;
}

.articlean {
  padding-left: 5px;
  text-align: justify;
  font-family: bitter;
  font-size: 11px;
  color: black;
}

.borderj {
  padding-bottom: 3px;
  border-bottom: 1px black solid;
}

/*********END FICHE JOURNAL*********/

/******** BOTTIN AVATARS ********/

#ABC {
  width: 500px;
  margin: auto;
  text-align: center;
  line-height: normal;
}

.LTRS {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 50px;
  background: #ccc;
}

.LTRS a {
  text-decoration: none;
  color: black;
}

.IIND {
  background: #400c0c;
}

.IIND a {
  color: white;
}

.blocABC {
  margin-top: 35px;
}

.lterI div {
  border: 5px dashed #ccc;
}

.lterI a {
  position: absolute;
  margin-top: -15px;
  margin-left: -250px;
  padding: 5px 10px;
  border-radius: 50px;
  color: black;
  background: #ccc;
}

.lterI p {
  padding: 0 10px;
  text-align: left;
  font-size: 11px;
}

.lterII div {
  border: 5px solid #400c0c;
}

.lterII a {
  position: absolute;
  margin-top: -15px;
  margin-left: 225px;
  padding: 5px 10px;
  border-radius: 50px;
  color: white;
  background: #400c0c;
}

.lterII p {
  padding: 0 10px;
  text-align: right;
  font-size: 11px;
}

.cdtABCI {
  text-decoration: none;
  color: black;
}

/* FOND LETTRES A/C/E/G/ETC BANDEROLE */

.LTRS {
  background: #7DACC8 !important;
}

/* COULEUR LETTRES A/C/E/G/ETC BANDEROLE */

.LTRS a {
  color: black !important;
}

/* FOND LETTRES B/D/F/H/ETC BANDEROLE */

.IIND {
  background: #3E6F8E !important;
}

/* COULEUR LETTRES B/D/F/H/ETC BANDEROLE */

.IIND a {
  color: white !important;
}

/* COULEURS LETTRES A/C/E/G/ETC LISTE */

.lterI div {
  border-color: #7DACC8 !important;
}

.lterI a {
  color: black !important;
  background: #7DACC8 !important;
}

/* COULEURS LETTRES B/D/F/H/ETC LISTE */

.lterII div {
  border-color: #3E6F8E !important;
}

.lterII a {
  color: white !important;
  background: #3E6F8E !important;
}

/* INFOBULLE */

.infobulle {
  display: inline-block;
}

.infobulle > div {
  visibility: hidden;
  position: absolute;
  margin-top: 5px;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);
}

.infobulle:hover > div {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 100px;
  height: 100px;
  margin: 150px;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px #212121;
  -moz-box-shadow: 0 0 5px #212121;
  box-shadow: 0 0 5px #212121;
  -o-box-shadow: 0 0 5px #212121;
}

/******** END BOTTIN AVATARS ********/

/*******FICHE MULTI-USAGE********/

.backfm {
  height: auto;
  margin: auto;
  padding: 130px 10px 190px 10px;
  max-width: 530px;
  border-radius: 20px;
  background-color: #dbdbdb;
  background-image: url(https://www.zupimages.net/up/16/36/0cb1.png), url(https://www.zupimages.net/up/16/36/witk.png);
  background-position: center top,center bottom;
  background-repeat: no-repeat;
}

.titrefm {
  padding-bottom: 10px;
  padding-left: 50px;
  text-align: left;
  font-family: 'Six Caps',sans-serif;
  font-size: 45px;
  font-weight: normal;
  color: #415a77;
}

.textefm {
  margin: auto;
  padding: 10px;
  max-width: 500px;
  min-height: 200px;
  border-radius: 20px;
  text-align: justify;
  background-color: #fff;
}

.stitrefm {
  text-align: center;
  font-family: 'Six Caps',sans-serif;
  font-size: 34px;
  font-weight: normal;
  color: #6fadcf;
}

/********END FICHE MULTIUSAGE********/

/********HOROSCOPE********/

.horosigne {
  margin-bottom: -15px;
  margin-left: 45px;
  font-family: lobster two;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #000;
}

.horotexte {
  width: 150px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 8px;
  border-radius: 20px;
  text-align: justify;
  line-height: 9pt;
  color: #000;
  background-color: #E7E7E9;
}

.horoimg {
  float: left;
  margin-top: -30px;
  margin-left: -20px;
  border: 4px solid #fff;
  border-radius: 100px;
}

/********EVENEMENTS********/

.AD_ListInline.EV_ListOptions {
  display: none;
}

/********END EVENEMENTS********/