Casse tête: Catégorie

Code:

<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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
       <div class="mdlCAT"><br clear="all" />
       <!-- END tablehead -->

       <!-- BEGIN cathead -->
       <div class="topCAT"></div>
       <!-- END cathead -->
       
       <!-- BEGIN forumrow -->
       <div class="blocFRM"><div id="tlmFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div>
<div id="descFRM">{catrow.forumrow.FORUM_DESC}</div>
<div class="boxFRM"><div class="sfFRM">sous-forums<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</div></div>
   </div>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->

       <!-- BEGIN inc -->
       <!-- END inc -->
   
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
         <br clear="all" />
       </div>
       <!-- END tablefoot --><!-- END catrow -->

/* BLOC DESCRIPTION FORUMS */
#descFRM {
width:390px; height:190px; padding:5px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUMS */
#descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-5px;
width:400px; height:200px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}  
#descFRM:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}  
/* DESCRIPTION FORUMS */
.descFRM {
position:absolute; z-index:3; margin-left:5px; margin-top:3px;
width:175px; height:175px; padding:5px; overflow:auto;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#descFRM:hover .descFRM {
opacity:1;
}
/* BLOC ICÔNES/TITRE & DERNIER MESSAGE FORUMS */
#tlmFRM {
position:absolute; z-index:3; margin-left:210px;
width:180px; height:200px; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM{
margin:10px auto;
height:70px; width:70px; border-radius:70px;
}
/* TITRE FORUMS */
.tleFRM {
padding:0 5px;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
padding:5px;
font-size:11px; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS/NOMBRE SUJETS & MESSAGES */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:5px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin:5px;
height:15px; padding:5px 10px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:center;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div{
position:absolute; margin-top:-24px; margin-left:-15px;
width:0px; height:25px; padding:5px; overflow:hidden;
text-align:justify;
background:#2f4759; /* MODIFIABLE */
opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div{
width:390px; overflow:auto;
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS */
.nbFRM{
display:inline-block; vertical-align:top; margin:5px;
width:70px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#101e29; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES */
.nbIIFRM{
display:inline-block; vertical-align:top; margin:5px;
width:70px; height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:#294154; color:white; /* MODIFIABLE */
}