<link href='https://fonts.googleapis.com/css?family=Great+Vibes|Lato' rel='stylesheet' type='text/css'>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center" class="firstbegincat">
  <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><div class="catrow_container">
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
      <caption colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}&nbsp;</caption>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <td class="{catrow.cathead.CLASS_CAT}" colspan="3" 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>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <td class="newpost clearfix" align="center" valign="middle">
        <div class="infonewpost infopost">
        <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          <div id="lastpost" class="gensmall clickinfopost">{catrow.forumrow.LAST_POST}</div>
        </div>
        <div class="lastpost-avatar-container infopost">
          <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
        </div>
      </td>
      <td valign="top" width="100%" class="descriptions">
        <div class="forumlink">
          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />                  <span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span>
        </div>
        <div class="description">
          <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        </div>
      </td>
      <td class="sousforums_container">
        <div id="details" class="sousforums gensmall">
          <div id="lienssousforums" class="sousforums_details">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          <script text="javascript">
            jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,'  ')).removeAttr('id');
          </script>
        </div>
      </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><!-- END tablefoot --><!-- END catrow --></div><div style="color: #000, opacity: .4; font-weight: 800; font-size: 9px; margin-top: -20px; padding: 25px; text-align: center;">Catégorie © < NyxBanana ></div>

.newpost, .descriptions {
   font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
   font-size: 12px !important;
}

.forumlink {
  font-family: 'Great Vibes', cursive;
  font-size: 24px;
  font-weight: 400 !important;
}

.forumlink a {
   width: 100%;
   border-bottom: 1px solid #363A3D;
   padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
   background-color: #E6E2E2;
    display: inline-block;
}

.newpost {
    width: 250px;
}

.descriptions {
   width: 366px;
   margin: 0 8px;
    height: 122px;
    overflow: hidden;
}

.description {
   height: 70px;
   margin-top: 10px;
   padding: 0 10px 0 0;
   text-align: justify;
   overflow: auto;
}

.infopost {
   float: left;
}

.lastpost-avatar-container {
   height: 120px;
   width: 72px;
}

.lastpost-avatar img {
   height: 120px;
   width: 72px;
   border-radius: 0;
}

.clickinfopost {
   margin-top: 5px;
}

.clickinfopost .gensmall {
   letter-spacing: -.5px;
   font-size: 11px !important;
}

.infonewpost {
   width: 170px;
   height: 120px;
   margin: 2px 5px 0 0;

   background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
   text-transform: uppercase;
   font-family: Georgia;
}

.infonewpost a {
   font-size: 11px;
}

.forumlink .gensmall {
   margin-top: -4px;
   display: block;
   font-size: 9px !important;
}

.sousforums_container {
   width: 100px;
   height: 120px;
   overflow: auto;
}

.sousforums_details a {
   display: block;
   margin: 2px;
   padding: 2px;
   background-color: #EFEEEE;
   font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
    color: #363A3D;
    margin: 30px 0 0 0;
    padding: 10px;
    background-color: #E6E2E2;
    font-family: 'Great Vibes', cursive;
    font-size: 39px;
    font-weight: 400!important;
}

.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }