Probleme avec la présentation des sujets

Bonjour !

Tout d'abord un grand merci pour ce LS qui facilite grandement bien des vies aux codeurs néophytes et peu doués tels que ma pomme.

Etant actuellement en train de travailler sur la refonde de mon forum avec mes co-admins préférés je me suis permise de venir piocher allègrement dans tes superbes créations. Comme tu peux le voir ICI
les crédits ont tous été laissés évidemment

Je me permets cependant de venir quémander un coup de pouce car dans la liste des sujets quand l'un d'entre eux comporte plus d'une page l'image pour indiquer la présence d'un nouveau/ancien message ne s'applique pas au bon endroit. Comme le montre le screen ci-dessous.

Spoiler:

Help please <3

PS : si besoin que je fournisse un Template quelconque ce sera avec plaisir. Et merci d'avance pour la réponse <3 <3 <3

CSS:

Code:

<link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="SBJ"><div class="ivrSBJ"><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div><div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div>
 </div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Code:

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
width:800px; margin:15px auto; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC ICÔNES / VUES & REPONSES LISTE SUJETS */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:90px; height:90px; border-radius:90px; overflow:hidden;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
width:90px; height:90px; border-radius:90px;
}
/* NOMBRE VUES LISTE SUJETS */
.vuesSBJ {
position:absolute; z-index:3; margin-top:-83px; margin-left:7px;
width:75px; height:25px; padding-top:10px; border-radius:90px 90px 0 0;
background:rgba(250,250,250,0.8); color:black /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.ivrSBJ:hover .vuesSBJ {
opacity:1;
}
/* NOMBRE REPONSES LISTE SUJETS */
.repSBJ {
position:absolute; z-index:3; margin-top:-43px; margin-left:7px;
width:75px; height:25px; padding-top:10px; border-radius:0 0 90px 90px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.ivrSBJ:hover .repSBJ {
opacity:1;
}
/* BLOC POSITIONNEMENT LISTE SUJETS */
.boxSBJ {
display:inline-block;
}
/* BLOC TITRE / DESCRIPTION / LISTE DES PAGES LISTE SUJETS */
.tleSBJ {
width:700px; height:45px; border-bottom:3px solid;
color:rgba(250,250,250,0.7); border-color:rgba(250,250,250,0.7); /* MODIFIABLE */
text-align:right; line-height:14px;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
font-family:"bad script", cursive !important;
font-size: 13px !important;
color:#E2E2E2 !important; /* MODIFIABLE */
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
display:inline-block;
font-size:14px; font-style:italic;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; margin-left:10px; margin-top:-7px;
font-size:9px;
}
/* AUTEUR LISTE SUJETS */
.nameSBJ {
display:inline-block; margin:10px;
width:265px; padding:5px; border-radius:10px;
background:rgba(250,250,250,0.7); color:#2E2E2E; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block; margin:10px;
width:375px; padding:5px; border-radius:10px;
background:rgba(250,250,250,0.7); color:#2E2E2E; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ a.gensmall {
font-size:12px;
}
/* FIN */