<ul id="conteneur">
          <li>
              <div class="block_tfa">
                  <img src="http://i177.photobucket.com/albums/w205/louha/mentaux_zpsa5f55469.png" alt="" border="0" />
                  <span class="lien_bas">
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#13">Apprentissage</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#18">Empathie</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#14">Illusions</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#12">Linguisme</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#16">Perception</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#15">Resistance</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#11">Télékinésie</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#17">Vision</a><br />
                    <a href="http://last-chronicle.forumactif.org/t8-les-pouvoirs-communs#19">What Stars Do</a><br />
                  </span></div></li>
            <li>
            <div class="block_tfa">
                <img src="http://i177.photobucket.com/albums/w205/louha/psy_zps45bf525d.png" alt="" border="0" />
                  <span class="lien_bas">
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#23">Guérison</a><br />
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#24">Magnétisme</a><br />
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#22">Medium</a><br />
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#25">Métamorphose</a><br />
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#26">Spiritisme</a><br />
                    <a href="http://last-chronicle.forumactif.org/t9-les-pouvoirs-psychiques-aussi-appeles-mentaux#21">Télépathie</a><br />
                  </span>
              </div>
            </li>
            <li>
              <div class="block_tfa">
                  <img src="http://i177.photobucket.com/albums/w205/louha/elems_zpsc27c41f8.png" />           
                <span class="lien_bas">
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#30">Aérokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#34">Chronokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#31">Géokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#28">Hydrokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#33">Metallokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#32">Meteokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#35">Phytokinésie</a><br />
                  <a href="http://last-chronicle.forumactif.org/t10-les-pouvoirs-elementaires#29">Pyrokinésie</a><br />
                </span>
              </div>
            </li>        </ul>
<script type="text/javascript">
jQuery(function() {
jQuery('#conteneur .block_tfa').stop().animate({'marginLeft':'75px'},1000);
jQuery('#conteneur>li').hover(
function () {                      jQuery('.block_tfa',jQuery(this)).stop().animate({'marginLeft':'2px'},200);
},
function () {                    jQuery('.block_tfa',jQuery(this)).stop().animate({'marginLeft':'75px'},200);
}
);
});
</script>        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="cathead"><div style="text-align:center; background-position:bottom center;"><span class="secondarytitle"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></span></div></div><div class="catbody"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
           
               
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
         

          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                       
         
                      </span>
                    </h{catrow.forumrow.LEVEL}>
                      <span class="genmed"><div class="desccolonne"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomcat">{catrow.forumrow.FORUM_NAME}</div></a>
                        <table><tbody><tr><td><div class="boutcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
                          <td><table><tbody><tr><td><br /><div class="description">{catrow.forumrow.FORUM_DESC}</div><br/><div class="sousfocat">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div></td></tr></tbody></table></td>
                          <td><br /><br /><div class="colonneinfo">{catrow.forumrow.POSTS} M. dans {catrow.forumrow.TOPICS} S.<br>{catrow.forumrow.LAST_POST}</br></div></td></tr></tbody></table></div></span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                           
            </span>
          </td>
         
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table></div></div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

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

<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <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"><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="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
 <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 </span>
 <!-- END switch_twitter_btn -->
 
<!-- BEGIN switch_fb_likebtn -->
<script>(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/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->
 
<span class="gensmall bold">
 <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  |
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
 insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title">
 <h1 class="cattitle"> {TOPIC_TITLE}</h1>
 </td>
 <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- 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 -->
      <link href='http://fonts.googleapis.com/css?family=Finger+Paint|Miniver|Zeyada' rel='stylesheet' type='text/css'>
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="profil" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                   
                    <br /><div class="rang">{postrow.displayed.POSTER_RANK}</div>
                      <br /><center><div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div></center>
                      <span class="bloc_pseudo"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a></span><div class="pseudo_profil">{postrow.displayed.POSTER_NAME}</div><div id="rankabs">{postrow.displayed.RANK_IMAGE}</div>
            <div id="iconpro"><center>{postrow.displayed.ONLINE_IMG} {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center> </div><div class="details_profil"><!-- BEGIN profile_field -->
              {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field --></div><br />
            <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Ouvrir')?'Fermer':'Ouvrir';this.lastChild.style.display=(this.firstChild.value=='Ouvrir')?'none':'block';" style="text-align: center;"><input type="button" value="Ouvrir" class="profil1"/><div style="display: none;  text-align:left;">
                {postrow.displayed.POSTER_RPG}
      </div></div> 
                    <br />
            <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 
                <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="postdetails"><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></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {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}
 </td>
 </tr>
 <tr>
 <td colspan="2" class="hr">
 <hr />
 </td>
 </tr>
 <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="postbody">

<div><div class="wrapmsg">{postrow.displayed.MESSAGE}</div></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">{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">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle">
 <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- 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">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
 </tr>
 </table>
 </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}">{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}&nbsp;<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>

/*--------------------------------------------------
              FLECHES DE NAVIGATION
---------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  right:50px;
}
.bas{
  position:fixed;     
  bottom:10px;
  right:50;
}

/****** ------------------------------
      ANNONCE EN HAUT DU FORUM
---------------------------********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #111C24;
  border-top: 3px solid #2C5D63;
  border-bottom: 3px solid #2C5D63;
  box-shadow: 0px 0px 5px #BBDBF0;
  -moz-box-shadow: 0px 0px 5px #BBDBF0;
  -o-box-shadow: 0px 0px 5px #BBDBF0;
  -htm-box-shadow: 0px 0px 5px #BBDBF0;
  -webkit-box-shadow: 0px 0px 5px #BBDBF0;
}
.annoncetitre
{
  color: #5DA6A2;
  font-size: 25px;
  text-shadow: 1px 1px 1px #BBDBF0;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #BBDBF0;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}

/*==================================
          * CATEGORIES *
====================================*/
.ban1 { background-image: url('http://image.noelshack.com/fichiers/2014/52/1419526585-janv02.png'); }
.ban2 { background-image: url('http://image.noelshack.com/fichiers/2014/52/1419526683-jan03.png'); }
.ban3 { background-image: url('http://image.noelshack.com/fichiers/2014/52/1419526789-janv04.png'); }

body{
  background-image: url('http://image.noelshack.com/fichiers/2014/52/1419526585-janv02.png');
background-color: #111C24;
background-position:top;
background-repeat:no-repeat;
}

.bodyline{
border-left: 10px solid #2C5D63;
  border-right: 10px solid #2C5D63;
  box-shadow: 0px 0px 5px #9C9289;
  -moz-box-shadow: 0px 0px 5px #9C9289;
  -o-box-shadow: 0px 0px 5px #9C9289;
  -htm-box-shadow: 0px 0px 5px #9C9289;
  -webkit-box-shadow: 0px 0px 5px #9C9289;
  border-top: none;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.cathead{
  background: url('http://image.noelshack.com/fichiers/2014/52/1419516030-hautcate.png') top center no-repeat;
  width: 750px;
  height: 155px;
  margin: auto; /*Permet de centrer la partie du corps*/
  margin-bottom: -5px;
}
.catbody{
  background-color: #111C24;
  width: 750px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.catfoot{
  background: url('http://image.noelshack.com/fichiers/2014/52/1419516029-bascate.png') bottom center no-repeat;
  width: 750px;
  height: 150px;
  margin: auto;
  margin-top: -5px;
}
.catetitre{
  text-align: center;
  margin-left: -10px;
  padding-top: 70px;
}
.catetitre h2{
  font-size: 50px;
  color: #5DA6A2;
  font-family: 'Ruthie';
  text-shadow: 0px 0px 5px #BBDBF0;
}

.boutcat img{
  width: 70px;
  height: 70px;
  margin-right: 10px;
  margin-top: 20px;
}
.colonneinfo {
  width: 120px;
  height: 55px;
  font-family: 'Metrophobic';
  font-size: 10px;
  font-style: normal;
  position: absolute;
  margin-left: 20px;
  padding: 5px;
  margin-top: -50px;
  text-align: center;
  z-index: 1;
}
.nomcat{
  font-size: 18px;
  text-align: left;
  padding-left: 30px;
  margin-bottom: -20px;
  font-family: 'Snippet', cursive;
  color: #5DA6A2;
  margin-left: 50px;
  text-shadow: 0px 0px 5px #BBDBF0;
  border-bottom: 1px solid #2C5D63;
}

.description{
  width: 400px;
  height : 70px;
  margin-top: 10px;
  margin-bottom: -10px;
  color: #BBDBF0;
  overflow: auto;
  font-size: 10px;
  padding: 5px;
  font-family: 'Arial';
  font-style: normal;
  text-align: justify;
  border-right: 1px solid #2C5D63;
}
.sousforums {
 margin-bottom:10px;
}
.desccolonne{
  width: 690px;
  height: 140px;
  background-color: #;
  margin : auto;
  margin-bottom: 10px;
  padding: 10px;
 border: 1px solid #2C5D63;
  border-bottom: 4px solid #2C5D63;
}
.sousfocat{
  width: 380px;
  height: 30px;
  overflow: auto;
  margin: auto;
  margin-top: -5px;
}


/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets{
  width: 700px;
  margin: auto;
  background: #111C24;
  border: 1px solid #2C5D63;
  box-shadow: 0px 0px 3px #300101;
  -o-box-shadow: 0px 0px 3px #300101;
  -moz-box-shadow: 0px 0px 3px #300101;
  -webkit-box-shadow: 0px 0px 3px #300101;
  -htm-box-shadow: 0px 0px 3px #300101;
  padding: 5px;
}
.sujets{
  background: #111C24;
  border: 1px dotted #2C5D63;
  padding: 3px;
}
.topictitle{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last{
  display: block;
  width: 180px;
  height: 40px;
  background: #00080F;
  border-left: 3px solid #BBDBF0;
  border-right: 3px solid #BBDBF0;
  padding-top: 10px;
  font-size: 11px;
}
a:sujet_last {
  text-decoration: none!important; }
.sujets_stats {
  width: 650px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu{
  font-size: 10px;
}

/*============================================================
                      * CODES POSTS *
===============================================================*/

.wrapmsg{
  background-color : #00080F;
  border-left : 2px solid #43c4be;
  border-right : 2px solid #43c4be;
  border-top : 5px solid #43c4be;
  border-bottom : 5px solid #43c4be;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
}


/*feuille de style post */
.mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;}
.image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;}
.mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;}
.notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;}
.notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;}
.credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}

/*------------------------------------------------------
          PV/SCENARIOS/BIOGRAPHIES
-------------------------------------------------------*/

#infopv {
      height:320px;
      background-color:#00080F;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #43C4BE;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #00080F;
    font-size:11px; padding:5px;
    margin-left:15px;}


    .cs {
      color:#2C5D63; font-weight:800;
   
    }

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #43C4BE ;
    border-right: 4px solid #43C4BE ;
    background-color:#00080F;
      color: #BBDBF0  ;
      text-align:justify;
}
    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #CBE0FE ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #BBDBF0 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #7D3138;
    filter: dropshadow(color=#7D3138, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #BBDBF0  ;
      background-color:#2C5D63 ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:10px;
      padding:4px;
      background-color:#00080F ;
  }

    #infopr {
      height:360px;
      background-color:#00080F ;
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #4D2C28 ;
    }
    #caract {
      height:105px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#111C24 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:10px;
      padding:4px;
    margin:auto;
 background-color:#111C24 ;
    }

/*------------------------------------------------------
          Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#2C5D63;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#111C24;
  padding:10px;
  marging-left:-30px;
  border:1px solid #5DA6A2;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #43C4BE;
}
.titrepost01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#2C5D63;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#BBDBF0;
}
.biov7 {
  color:#BBDBF0; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }

.surligne {color:#DB304C;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-style:italic;
  color:#C92C5B;
}
.sexe01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#e60e0e;
  font-style:bold;
}
.sexe02{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#0c7307;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#2C5D63;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#111C24;
  padding:10px;
  marging-left:-30px;
  border:1px solid #5DA6A2;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#2C5D63;
}
.imgliens03{
  width:400px;
  border-radius:10px;
  border:solid 1px black;
}
#iconsujet, .icoliens{
  width:100px;
  border:solid 1px #43C4BE;
}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28;
}

.sstit02{
  font-family:'Orbitron';
  color:#5ae8e1;
  text-transform:capitalize;
  font-size:12px;
  text-align:left;
}
.corps02 {
  background-color:#00080F;
  color:#BBDBF0;
  border-left: 5px solid #2C5D63;
  border-right:5px solid #2C5D63;
  border-top: 1px solid #2C5D63;
  border-bottom: 1px solid #2C5D63;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
i {
  color:#43C4BE;
}
/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color: #111C24;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  -moz-border-radius: none; /* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  border-radius: none;/* bien entendu vous pouvez lui donner une courbure si vous le désirez */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */}
.code{
    background-color: #111C24;
    text-align : justify; /* alignement standart d'un spoiler */
  border-color: #5DA6A2; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;}
.quote{
  background-color: #111C24;
    text-align : justify; /* alignement standart d'un spoiler */
  border-color: #5DA6A2; /* c'est ceci qui fera disparaître votre cadre */
display:block;
height:auto;
max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
padding:5px;
overflow:auto;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
}
::selection{ 
  background: #43C4BE;
  color: #00080F;
}
::-moz-selection{ 
  background: #43C4BE;
  color: #00080F;
}
::-webkit-selection{
  background: #43C4BE;
  color: #00080F;
}
::-htm-selection{
  background: #43C4BE;
  color: #00080F;
}
::-o-selection{
  background: #43C4BE;
  color: #00080F;
}



/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/
/*CSS crédits postes + QEEL */
.mes-credits{
  font-weight:normal;
  color: #BBDBF0;
  font-size:11px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
}
/*fond de la feuille de personnage */
textarea, input, select {
  background-color: #00080F;
}
/* pas de soulignement de liens */
a:link {text-decoration: none!important; font-style:"Vibur";}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}


/*-----------------------------------------------------
            MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #00080F !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #00080F !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #00080F !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #00080F !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #BBDBF0 !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #00080F !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #111C24 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

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


.postdetails.poster-profile img {
  max-width:200px;
  border : 1px solid #BBDBF0 ;
}
.details_profil img{
  max-width:190px;
  border : 1px solid #BBDBF0 ;
}
.avatar_profil {
  max-height: 320px !important;
}
.profilmasque {
      background-color: #00080F;
      width: 200px;
      padding: 10px;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }
.profil1 {
      width: 200px;
      font-size: 20px;
      font-family: 'Miniver', cursive;
      background-color: #111C24;
      border: none;
      color: #4D2C28;
    }
.profil {
      background-color: #111C24;
      padding: 10px;
      border-radius: 25px;
    }
.rang {
      background-color: #00080F;
      padding: 10px;
      width: 200px;
      text-align: center;
      color: #6B7369 !important;
      font-size: 25px;
  font-family: 'Vibur',;
 font-size: 15px;
    }
#rankabs {
  text-align:center;
}
    .avatar_profil:hover {
      opacity: 1;
    }

    .bloc_pseudo {
      padding: 10px;
      width: 200px;
      position: relative;
      left: 1em;
    top:-10px;
      text-align: center;
      font-size: 12px;
      font-family: 'Miniver', cursive;
    }

    .pseudo_profil {
      font-family: 'Finger Paint', cursive;
      font-size: 20px !important;
      text-align: center;
    }

    .details_profil {
      background-color: #00080F;
      padding: 1px;
      width: 210px;
      height: 350px;
      overflow: auto;
      text-align: justify;
      color: #BBDBF0 !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
    }

/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {
            color: #BBDBF0;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
  color: #5DA6A2;
} 
#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #5DA6A2;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a  {
  color: #5DA6A2;
}
body.chatbox {
  background-image: none;
  background-color: #111C24;
}
#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "La cours de récréation"; }


/*===========================
        QEEL
=============================*/

.qeel
{
  width: 750px;
  height: 400px;
  background: url('http://image.noelshack.com/fichiers/2014/52/1419519013-qeel.png');
}
.qeel_table
{
  width: 750px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 40px;
  margin-left: 0px;
  border: 1px solid #2C5D63;
  box-shadow: 0px 0px 0px #4D2C28;
  -moz-box-shadow: 0px 0px 0px #4D2C28;
  -o-box-shadow: 0px 0px 0px #4D2C28;
  -htm-box-shadow: 0px 0px 0px #4D2C28;
  -webkit-box-shadow: 0px 0px 0px #4D2C28;
  font-size: 11px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -25px;
  margin-left: -50px;
  background: #111C24;
  border: 1px solid #2C5D63;
  box-shadow: 0px 0px 5px #4D2C28;
  -moz-box-shadow: 0px 0px 5px #4D2C28;
  -o-box-shadow: 0px 0px 5px #4D2C28;
  -htm-box-shadow: 0px 0px 5px #4D2C28;
  -webkit-box-shadow: 0px 0px 5px #4D2C28;
  font-size: 12px;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}


/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/
/*------------------------------------------------------
              CSS pour la liste de la PA
-------------------------------------------------------*/

/* LISTE */
ul#conteneur {
position: fixed;
margin: 0;
padding: 0;
top: 20px;
right: 0px;
list-style: none;
z-index: 999;
}
/* ÉLÉMENT DE LA LISTE */
ul#conteneur li {
width: 98px;
margin: 6px 0;
      padding: 0;
}
/* BLOC DE CHAQUE MENU */
.block_tfa {
background: #111C24;
      display: block;
width: 98px;
border: 1px solid #000;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
      padding: 5px;
}
/* SPAN CONTENANT LE LIEN DU BAS */
.lien_bas {
      display: block;
padding: 2px;
background: #111C24;
border: 1px solid #000;
font: 10px Arial;
font-style: italic;
}
/* LIEN DU BAS */
.lien_bas a {
text-decoration: none;
color: #5DA6A2 !important;
outline: none;
}
/* LIEN DU BAS AU SURVOL */
.lien_bas a:hover {
color: #BBDBF0 !important;
}

/* ------------------------------------
        ONGLET DEVOILE EN CLIC
------------------------------------*/

    #target_onglet, #target_onglet2
    {
      position: fixed;
    }
    #onglet_clic
    {
      position: fixed;
      z-index: 999;
      width: 342px;
      height: 200px;
      margin-left: -310px;
      margin-top: 20px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #onglet_contenu
    {
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      height: 190px;
      color: #BBDBF0;
      font-size: 15px;
    }
    .onglet_clic_navigation
    {
      display: block;
      float: right;
      width: 40px;
      height: 120px;
      overflow: hidden;
      margin-top: 40px;
    }
    .onglet_ouvrir
    {
      position: absolute;
      z-index: 3;
    }
    .onglet_fermer
    {
      position: absolute;
      z-index: 2;
    }
    #onglet_clic_contenu
    {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background: #111C24;
      border: 1px solid #2C5D63;
    }
    #target_onglet:target #onglet_clic
    {
      margin-left: -10px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
    #target_onglet:target .onglet_ouvrir
    {
      z-index: 1;
    }
    #target_onglet2:target #onglet_clic
    {
      margin-left: -310px;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

/* ---------------------------------
    Page d'Accueil par louha
------------------------------------ */

.soustitrePA01{
  font-family:'Nothing You Could Do';
  color:#AFCDE1;
  text-transform:capitalize;
  font-size:18px;
}
/* images pour le staff */

.imgPA{
  border:2px solid #2C5D63;
  padding: 5px;
  width:100px;
}
    /*Ce qui encadre l'infobulle*/
    .Infobulle {                       
      position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      width: 120px;
      height: 120px;
    }
    /*Contenu de l'infobulle quand on n'est pas sur l'image*/
    .Infobulle .Infobulle_contenu {                       
      position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      top : 0px; /*Position par rapport au haut*/
      left : 0px; /*Position par rapport à gauche*/
      width : 103px;
  height:103px;
      font-size: 12px;
      font-family: "Snippet";
      background-color: #00080F;
      padding: 5px;
      color: #0C999B;
      text-align: justify;
      border: 1px #2C5D63 solid;
      display : none; /*Cache l'infobulle*/
    }

    /*Contenu de l'infobulle quand on passe sur l'image*/
    .Infobulle:hover .Infobulle_contenu {
      display : block; /*Fait apparaître l'infobulle*/
    }

/*** IMAGES DES membres du mois ***/

.imgwidget {
  height: 80px;
}
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}
d.info:hover {  z-index: 25;}
d.info span {display: none;    }

d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
      width: 150px;
      height: 70px;
      overflow: auto;
      background-color: #00080F;
      text-align: center;
      font-weight: none;
}
    .img_partenaires {
      opacity: 0.5;
    }

    .img_partenaires:hover {
      opacity: 1;
    }