Remplacez la totalité de votre template topics_list_box par :

Code:

<!-- 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}()
 {
 alert('MAIN');

 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}()
 {
 alert('ALL');

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

 <div class="forumbg announcement">
 
 <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->

<!-- END header_row -->

<!-- BEGIN topic -->

 <!-- BEGIN table_sticky -->
 </ul>
 </div>
 <div class="forumbg">
 <ul class="topiclist topics">
 
 </ul>
 <ul class="topiclist topics bg_none">
 <!-- END table_sticky -->

<div class="fond_liste_sujets">

  <div class="iconnn" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');"></div>
  
  <div class="firsty_blok">
<div class="titretopic"><a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div> <div class="againimg">{topics_list_box.row.LAST_POST_IMG}</div>
    <div class="descriptionsujet"><!-- BEGIN switch_description -->{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}<!-- END switch_description --></div>
<div class="entoureimg"><div class="imgmess" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}></div></div>
  </div>
  
  <div class="secondblok">
<span>dernier post :</span> {topics_list_box.row.LAST_POST_AUTHOR}<br/>
<span>posté par</span> : {topics_list_box.row.TOPIC_AUTHOR}<br/>
    <span>le :</span> {topics_list_box.row.LAST_POST_TIME}
  </div>
  
  <div class="thirdblok">
    <div class="statssujets"><span>{topics_list_box.row.REPLIES}</span> <br/><em>{L_REPLIES}</em></div>
    <div class="statssujets"><span>{topics_list_box.row.VIEWS} </span> <br/><em>{L_VIEWS}</em></div>
  </div>
  
  

</div>


<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
 <dl>
 <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
 </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Puis remplacez la totalité de votre template viewforum_body par :

Code:

{BOARD_INDEX}

<div class="sub-header">

  <div class="sousnavsujets"><div class="zut"><a href="{U_INDEX}">{L_INDEX}</a></div> {NAV_CAT_DESC}</div>


 <div class="sub-header-buttons">
 <div class="search-box">
 <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
 <input class="inputbox search tiny" type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
 <button type="submit"><i class="ion-android-search"></i></button>
 <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
 </form>
 </div>

 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
 <!-- END switch_user_authpost -->
 </div>
</div>

<div class="topic-actions">
 <div class="pagination">
 {PAGINATION}
 </div>

 <div class="topic-actions-buttons">
 <!-- BEGIN show_plus_menu -->
 <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>
 <script type="text/javascript">//<![CDATA[
 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}';
 insert_plus_menu_new('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END show_plus_menu -->
 </div>
</div>

{TOPICS_LIST_BOX}

<div class="topic-actions bottom">
 <div class="pagination">
 {PAGINATION}
 </div>

 <div class="topic-actions-buttons">
 {S_WATCH_FORUM}
 <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
 <!-- END switch_user_authpost -->
 </div>
</div>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
 <fieldset class="vf_jumpbox">
 <label>{L_JUMP_TO}:</label>
 {S_JUMPBOX_SELECT}
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
</form>

{LOGGED_IN_USER_LIST}
<br>

<div id="info_open" style="display: block; clear: both;">
 <div class="block">
 <div class="modomisenepage"><i class="ion-university"></i>{L_MODERATOR}</div>
 <p>{MODERATORS}</p>
 </div>

 <div class="block">
 <div class="perishmisenepage"><i class="ion-lock-combination"></i>{L_TABS_PERMISSIONS}</div>
 <p>{S_AUTH_LIST}</p>
 </div>
</div>

<!-- BEGIN switch_legend -->

<!-- END switch_legend -->

Puis ajoutez votre CSS : Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS :

Code:

.fond_liste_sujets {
    background: #e8e8e8;
    padding: 5px;
    margin-bottom: 15px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.15);
  display:flex;
  flex-wrap:wrap;
}
.iconnn {
    width: 92px;
    height: 85px;
}
.firsty_blok {
    width: 480px;
    padding-left: 20px;
}
.titretopic {
    width: 380px;
    border-bottom: #cdb65c solid 1px;
    padding-top: 20px;
}
.titretopic a {
    font: 13px calibri;
    color: black;
    text-transform: uppercase;
}
.againimg {
    position: absolute;
    margin: -18px 0px 0px 380px;
}
.descriptionsujet {
    text-align: justify;
    padding-top: 4px;
    font: 10px calibri;
    color: #565656;
    width: 330px;
    display: inline-block;
}
.entoureimg {
    margin: 4px 0px 0px 10px;
    position: absolute;
    vertical-align: top;
    height: 24px;
    display: inline-block;
}
.imgmess {
    width: 60px;
    height: 24px;
}
.secondblok {
    width: 160px;
    font: 10px calibri;
    text-transform: uppercase;
    padding: 20px 00px 0px 20px;
}
.secondblok span {
    color: #cdb65c;
}
.thirdblok {
    width: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.statssujets {
    text-align: center;
    font: 13px calibri;
    text-transform: uppercase;
    padding: 20px 20px 0px 0px;
    line-height: 22px;
}
.statssujets span {
    color: #cdb65c;
    text-shadow: 1px 1px 0px #888888;
}
.statssujets em {
    border-top: solid 1px #cdb65c;
}
.modomisenepage {
    width: 100%;
    background-image: url(https://imgur.com/T12cuzT.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 5px;
    color: #cdb65c;
    text-transform: uppercase;
    font: 11px calibri;
    letter-spacing: 2px;
}
.perishmisenepage {
    width: 100%;
    background-image: url(https://imgur.com/T12cuzT.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 5px;
    color: #cdb65c;
    text-transform: uppercase;
    text-align: center;
    font: 11px calibri;
    letter-spacing: 2px;
}
.sousnavsujets br {
  display:none;
}
.sousnavsujets {
    width: 100%;
    background-image: url(https://imgur.com/T12cuzT.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 5px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    color: #cdb65c;
}
.sousnavsujets a {
    color: #cdb65c;
    padding-top: 3px;
    text-shadow: 1px 1px 2px black;
    text-transform: uppercase;
    font: 12px calibri;
    font-weight: bold;
}
.zut {
    padding-top: 3px;
}
]