.conteneurcate {
    position: relative;
}
.nomduforum a {
    text-decoration: none;
    color: #BECBDB;
}
.grostitre h2 {
    font-size: 18px;
}
.grostitre {
    text-align: right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: -160px;
    transform: rotate(-90deg);
    width: 300px;
    font-size: 18px;
    margin-top: 200px;
}
.nomduforum {
    background: #131824;
    text-align: center;
    color: #BECBDB;
}
.categorie {
    height: 150px;
    background: #131824;
    color: #BECBDB;
    text-align: center;
    position: relative;
}
.nonewnewslock {
    height: 150px;
    width: 90px;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 15;
}
.survolcategorie {
    position: absolute;
    top: 0px;
    right: -90px;
    height: 150px;
    width: 180px;
    bottom: 0px;
    overflow: hidden;
    color: black;
    text-align: center;
    font-size: 11px;
    color: #131824;
}
.sousforums {
    position: absolute;
    bottom: 0px;
    height: 20px;
    right: 90px;
    left: 0px;
    overflow: auto;
    background: #B1C2D6;
}
.description {
    overflow: auto;
    height: 130px;
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 90px;
}
.infoscategories {
    overflow: auto;
    height: 150px;
    width: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 1s;
    background: #B1C2D6;
    z-index: 1;
}
.survolcategorie:hover .infoscategories {
    transition: 1s;
    left: 90px;
}
.sousforum a {
    text-decoration: none !important;
    color: #131824 !important;
}

<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="conteneurcate">
  <div class="grostitre">  {catrow.tablehead.L_FORUM}&nbsp;</div>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <h3 class="nomduforum"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
  <div class="categorie">
      <div class="description">
        {catrow.forumrow.FORUM_DESC}
      </div>
      <div class="sousforums">
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </div>
      <div class="survolcategorie">
        <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="nonewnewslock"/>
        <div class="infoscategories">
            {catrow.forumrow.LAST_POST}<br/>{catrow.forumrow.TOPICS} sujets <br/>{catrow.forumrow.POSTS} messages
        </div>
      </div>
  </div>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->