[15] Liste sujets

<!-- 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" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <td width="100%"><div class="blocSBJ">
 <!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><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="statSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div>{topics_list_box.row.REPLIES}<br/>―<br/>{topics_list_box.row.VIEWS}</div></div>
 <div id="boxSBJ"><div class="tleSBJ">{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></div>
 <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
 <div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong> | dernier message {topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}<div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div>
 </td>
 
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
.blocSBJ {
width:800px; margin:10px auto 0; font-family:Arial;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:55px; margin-top:5px;
}
/* BLOC ICÔNES & STATISTIQUES SUJET */
.statSBJ {
position:relative; z-index:5;
display:inline-block; vertical-align:top;
}
/* ICÔNES SUJET */
.statSBJ img{
width:45px; height:55px;
}
/* VUES & REPONSES SUJET */
.statSBJ div {
position:absolute; z-index:3; margin-top:-55px;
width:45px; height:45px; padding-top:10px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:center; line-height:12px;
opacity:0; transition:opacity 0.55s ease; -webkit-transition:opacity 0.55s ease;
}
.blocSBJ:hover .statSBJ div {
opacity:1;
}
/* BLOC TITRE / DESCRIPTION / AUTEUR / DERNIER MESSAGE SUJET */
#boxSBJ {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE SUJET */
.tleSBJ {
width:745px; min-height:20px; max-height:45px; padding:5px 10px 5px 0;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3);  background:#778188; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
margin-left:-45px; min-height:15px; padding:5px; padding-left:55px;
background:#191919; color:white; /* MODIFIABLE */
font-size:9px;
}
/* BLOC AUTEUR & DERNIER MESSAGE SUJET */
.nameSBJ {
margin-left:-45px;
height:15px; padding:5px 5px 5px 55px; border-radius:0 0 10px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:10px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
float:right; margin-top:1px; margin-right:5px;
text-align:right; font-size:9px;
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}

<!-- 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" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <td width="100%"><div class="blocSBJ">
 <!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><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="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:50px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div><br/>
 <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
 <div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div>
 </td>
 
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="750px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
.blocSBJ {
margin:10px auto 0; width:750px; height:auto;
text-align:center; font-family:Arial;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:15px; margin-top:15px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:560px; height:50px; padding-right:10px; overflow:hidden;
background:#778188; /* MODIFIABLE */
font-family:Arial; text-align:right; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
text-align:right; font-size:8px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a {
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:50px;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:50px; height:33px; padding-top:17px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top;
width:50px; height:33px; padding-top:17px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DESCRIPTION SUJET */
.descSBJ {
margin:10px 0 0; width:740px; padding:5px;
font-size:9px; text-align:justify;
background:#191919; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin:10px 10px 0 0;
width:380px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin-top:10px;
width:340px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px;
}

<!-- 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" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <div class="blocLSBJ"><div class="LSBJ"><!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div><!-- END single_selection -->
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:50px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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/><div class="descSBJ"><!-- BEGIN switch_description -->{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}<!-- END switch_description --></div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
<div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree -->
 </div></div>
 
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="800px" style="margin:auto;"  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 -->

/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:800px; margin:auto; text-align:center; font-family:Arial;
}
/* BLOC SUJET */
.LSBJ {
float:left; margin:10px 5px 0; width:390px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; margin-left:13px; margin-top:10px;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top;
width:50px; height:80px;
}
/* BLOC POSITIONNEMENT */
.boxSBJ {
display:inline-block; vertical-align:top; margin-left:5px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
width:325px; height:50px; padding-right:10px; overflow:hidden;
background:#778188; /* MODIFIABLE */
text-align:right; text-transform:uppercase; font-family:Arial;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle;
color:black; /* MODIFIABLE */
font-size:10px; text-align:right;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:5px;
font-size:9px; text-align:right;
color:black; /* MODIFIABLE */
}
.gotoSBJ a {
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* AUTEUR SUJET */
.nameSBJ {
margin-top:5px; width:325px; height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:50px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin:5px 0 0 5px;
width:50px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-left:5px;
width:270px; height:15px; padding:10px 5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}

<!-- 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" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <div class="blocLSBJ"><div class="LSBJ">
  <!-- 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="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div></div>
 <div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:50px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div>
 <div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
 <div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
 </div></div>
 
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:800px; margin:auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:13px; margin-top:15px;
}
/* BLOC SUJET */
.LSBJ {
width:390px; height:auto; margin:5px;
float:left;
}
/* BLOC ICÔNES / VUES / REPONSES SUJET */
.ivrSBJ {
display:inline-block; vertical-align:middle;
width:50px;
}
/* ICÔNES SUJET */
.imgSBJ {
width:50px; height:35px;
}
/* VUES SUJET */
.vuesSBJ {
width:50px; height:20px; padding-top:5px; margin:5px 0;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
width:50px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* BLOC TITRE / DERNIER MESSAGE / AUTEUR SUJET */
.boxSBJ {
display:inline-block; vertical-align:middle; margin-left:5px;
text-align:center; font-family:Arial;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BLOC TITRE SUJET */
.tleSBJ {
width:335px;
background:teal; color:black; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
font-size:9px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
margin:5px auto; width:300px; padding:5px; overflow:hidden;
color:black; /* MODIFIABLE */
font-size:11px;
}
/* BLOC AUTEUR SUJET */
.nameSBJ {
margin:5px auto 0 auto;
width:250px; padding:5px; overflow:hidden; border-radius:15px 15px 0 0;
background:teal; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ a strong {
color:white;
}

<!-- 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" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- END header_table --><!-- BEGIN header_row -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"><b>{topics_list_box.row.L_TITLE}</b></span></td>
    </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr>
      <div class="blocLSBJ"><div class="LSBJ">
  <!-- BEGIN single_selection -->
    <div class="modSBJ" width="20"><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="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:75px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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><!-- 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><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="boxSBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="vuesSBJ">{topics_list_box.row.VIEWS} vues</div><div class="repSBJ">{topics_list_box.row.REPLIES} réponses</div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
    </div></div>
   
    <!-- BEGIN multi_selection -->
    <td 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>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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> </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 -->

/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:800px; margin:auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:25px;
}
/* BLOC SUJET */
.LSBJ {
float:left; margin:5px;
width:390px; min-height:115px; font-family:Arial;
}
/* BLOC TITRE SUJET */
.tleSBJ {
margin-bottom:5px; width:390px;
background:#191818; color:white; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:white; /* MODIFIABLE */
font-size:10px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
font-size:8px;
color:white; /* MODIFIABLE */
}
.gotoSBJ a{
color:white !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top;
width:50px; height:55px;
}
/* DERNIER MESSAGE / VUES & REPONSES / AUTEUR SUJET */
.boxSBJ {
display:inline-block; vertical-align:top; margin-left:5px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
 margin-bottom:5px; width:325px; height:15px; padding:5px; overflow:hidden;
box-shadow:0 0 3px rgba(0,0,0,0.2); background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:70px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top;
width:160px; height:15px; padding:5px; overflow:hidden;
background:#F7B73B; color:white; /* MODIFIABLE */
font-size:11px; text-align:center;
}
.nameSBJ a span {
color:white !important; /* MODIFIABLE */
}

    <!-- 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 width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- END header_table --><!-- BEGIN header_row -->
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr>
    <!-- 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="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="triTSBJ"></div><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:40px;"></div><div style="display:inline-block; vertical-align:middle; width:70%; line-height:15px;">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div><div style="display:inline-block; vertical-align:middle; width:29%; text-align:right;"><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div></div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="boxSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" 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 class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div>

    <!-- BEGIN multi_selection -->
    <td 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>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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> </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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
width:800px; margin:10px auto 0; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:150px; height:30px; padding:5px 0 5px 5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:left; line-height:15px;
}
/* TRIANGLE TITRE SUJET */
.triTSBJ {
position:absolute; margin-left:155px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:40px 15px 0 0; border-color:transparent;
border-top-color:#DEDEDE; /* MODIFIABLE */
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:620px; height:40px; padding-left:25px; overflow:hidden;
background:grey; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
float:right; margin-right:2px; margin-left:5px; padding:5px;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DESCRIPTION SUJET */
.descSBJ {
margin-top:5px; width:790px; padding:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* ICÔNES / STATISTIQUES / LISTE DES PAGES SUJET */
.boxSBJ {
margin:5px 0;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
width:75px; height:25px;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:middle;
width:75px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:middle; margin:0 5px;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle;
width:550px; font-size:10px; text-align:right;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}

<!-- 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" 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>
 <!-- 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="LSBJ">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
 <div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:60px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div></div><div class="boxIISBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><br/><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
    </div>
   
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:5px auto; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:90px;
}
/* TITRE / STATISTIQUES / DERNIER MESSAGE / AUTEUR SUJET */
.boxSBJ {
display:inline-block; vertical-align:top; width:720px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:60px; padding:0 5px 0 10px; overflow:hidden; border-bottom:5px solid;
background:#CECCDE; border-color:#F1F0F4; color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & AUTEUR SUJET */
.boxIISBJ {
display:inline-block; width:250px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:8px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ {
height:20px; padding:13px 5px 7px 5px; overflow:hidden;
background:#F1F0F4; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:95px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:530px; font-size:10px; text-align:right;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}

<!-- 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" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- 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="LSBJ">
 <!-- BEGIN avatar --><div class="avSBJ">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div><!-- END avatar --><div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:55px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div><div class="nameSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:75px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="stsSBJ"><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div>
     </div>
    
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
     <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; text-align:center; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:30px;
}
/* AVATAR DERNIER POSTEUR */
.avSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:75px; overflow:hidden;
}
.avSBJ img{
width:85px;
}
/* BLOC TITRE & DESCRIPTION / ICÔNES / DERNIER MESSAGE SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:465px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:55px; padding:0 5px; overflow:hidden;
background:#4A3C7F; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
color:#CCC; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; font-size:9px;
color:#CCC; /* MODIFIABLE */
}
.gotoSBJ a{
color:#CCC !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:5px;
width:150px; height:15px;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:310px; height:15px; overflow:hidden;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:135px; height:75px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px; line-height:15px;
background:#BCB4F5; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}

<!-- 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" 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>
 <!-- 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="LSBJ">
 <div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:55px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div></div><div class="triSBJ"></div><div class="nameSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:55px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="stsSBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
    </div>
   
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto; width:800px; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-20px; margin-top:15px;
}
/* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:740px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:510px; height:55px; padding:0 10px; overflow:hidden;
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:#DEDEDE; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TRIANGLE AUTEUR SUJET */
.triSBJ {
display:inline-block; vertical-align:middle;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:middle;
width:195px; height:55px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* BLOC DERNIER MESSAGE / VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:730px; height:25px; padding:5px; line-height:15px;
background:#191919; /* MODIFIABLE */
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
width:305px; height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:19px; padding-top:6px;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:middle; margin:0 5px;
width:85px; height:19px; padding-top:6px;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle;
width:230px; font-size:10px; text-align:center;
color:white; /* MODIFIABLE */
}
.gotoSBJ a{
color:white !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:100px;
}

<!-- 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" 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>
 <!-- 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="LSBJ"><div id="ivrSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" 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><div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:55px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
    </div>
   
<!-- BEGIN multi_selection -->
 <td 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>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto; width:800px; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:25px;
}
/* BLOC ICÔNES / VUES & REPONSES SUJET */
#ivrSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:150px; height:100px;
}
.ivrSBJ {
position:relative;
width:150px; height:100px; overflow:hidden;
}
/* ICÔNES SUJET */
.imgSBJ {
width:150px; height:100px;
}
/* VUES SUJET */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.LSBJ:hover .vuesSBJ {
margin-top:-100px; opacity:1;
}
/* REPONSES SUJET */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.LSBJ:hover .repSBJ {
margin-top:-50px; opacity:1;
}
/* BLOC TITRE & DESCRIPTION / DERNIER MESSAGE / AUTEUR SUJET  */
.boxSBJ {
display:inline-block; vertical-align:top;
width:640px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:620px; height:55px; padding:0 10px; overflow:hidden;
background:grey; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
color:#DEDEDE; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; font-size:9px;
color:#DEDEDE; /* MODIFIABLE */
}
.gotoSBJ a{
color:#DEDEDE !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:340px; height:23px; padding:12px 0 0 10px; overflow:hidden;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top;
width:280px; height:23px; padding:12px 0 0; overflow:hidden;
background:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; text-transform:uppercase;
}

<!-- 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" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- 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 id="ivrSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" 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><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle;">{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="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div style="display:inline-block; vertical-align:middle; width:1px; height:60px;"></div></div><div class="lmsgSBJ">Dernier message {topics_list_box.row.LAST_POST_IMG}<br/>{topics_list_box.row.LAST_POST_TIME}<br/>{topics_list_box.row.LAST_POST_AUTHOR}</div></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td 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 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
width:800px; margin:10px auto 0; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:45px;
}
/* BLOC ICÔNES / VUES & REPONSES SUJET */
#ivrSBJ {
display:inline-block; vertical-align:top;
width:75px; height:90px;
}
.ivrSBJ {
position:relative;
width:75px; height:90px; overflow:hidden;
}
/* ICÔNES SUJET */
.imgSBJ {
width:75px; height:90px;
}
/* VUES SUJET */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:75px; height:30px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.SBJ:hover .vuesSBJ {
margin-top:-90px; opacity:1;
}
/* REPONSES SUJET */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:75px; height:30px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.SBJ:hover .repSBJ {
margin-top:-45px; opacity:1;
}
/* BLOC TITRE / DESCRIPTION / AUTEUR SUJET */
.tleSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:405px; height:75px; padding:15px 5px 0; overflow:hidden;
background:black; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:20px;
}
/* TITRE SUJET */
.tleSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
margin-bottom:2px; font-size:14px;
color:#C1BFB7; /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:middle; font-size:12px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:5px; font-size:9px;
color:#C1BFB7; /* MODIFIABLE */
}
.gotoSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:300px; height:75px; padding:15px 0 0; overflow:hidden;
background:#242424; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* AUTEUR DERNIER MESSAGE SUJET */
.lmsgSBJ .gensmall {
font-size:20px;
}

<!-- 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"><div style="display:inline-block; vertical-align:middle; width:1px; height:45px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{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><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 --></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td 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 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
     <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC SUJET */
.SBJ {
width:800px; margin:10px auto 0; padding:10px 0;
text-align:center; font-family:Arial;
background:#D9D9D9; /* MODIFIABLE */
}
/* BLOC ICÔNES / VUES & REPONSES SUJET */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:90px; height:90px; border-radius:90px; overflow:hidden;
}
/* ICÔNES SUJET */
.imgSBJ {
width:90px; height:90px; border-radius:90px;
}
/* VUES SUJET */
.vuesSBJ {
position:absolute; z-index:3; margin-top:-83px; margin-left:7px;
width:76px; height:24px; padding-top:14px; 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;
}
.SBJ:hover .vuesSBJ {
opacity:1;
}
/* REPONSES SUJET */
.repSBJ {
position:absolute; z-index:3; margin-top:-40px; margin-left:7px;
width:76px; height:23px; 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;
}
.SBJ:hover .repSBJ {
opacity:1;
}
/* BLOC POSITIONNEMENT SUJET */
.boxSBJ {
display:inline-block; vertical-align:top; text-align:center;
}
/* BLOC TITRE / DESCRIPTION / LISTE DES PAGES SUJET */
.tleSBJ {
width:690px; height:45px; border-bottom:5px solid;
color:black; border-color:black; /* MODIFIABLE */
text-align:right; text-transform:uppercase; font-size:16px;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; font-size:11px;
color:black; /* MODIFIABLE */
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:10px; font-size:9px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a {
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:10px 10px 0 0;
width:285px; padding:5px 0; border-radius:10px;
background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:10px;
width:385px; padding:5px 0; border-radius:10px;
background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME DERNIER MESSAGE SUJET */
.lmsgSBJ a.gensmall {
font-size:12px;
}

<!-- 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" 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"><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div style="display:inline-block; vertical-align:middle; width:1px; height:65px;"></div><div style="display:inline-block; vertical-align:middle; width:485px;">{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></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG} <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div><div class="triRSBJ"></div></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td 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 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
margin:15px auto 0; width:800px; text-align:center; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:50px;
}
/* BLOC ICÔNES / VUES & REPONSES SUJET */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:80px; height:90px;
}
/* ICÔNES SUJET */
.imgSBJ {
width:80px; height:90px;
}
/* VUES SUJET */
.vuesSBJ {
position:absolute; z-index:3; margin-top:-85px; margin-left:5px;
width:70px; height:25px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.55s ease; -webkit-transition:opacity 0.55s ease;
}
.SBJ:hover .vuesSBJ {
opacity:1;
}
/* REPONSES SUJET */
.repSBJ {
position:absolute; z-index:3; margin-top:-40px; margin-left:5px;
width:70px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.55s ease; -webkit-transition:opacity 0.55s ease;
}
.SBJ:hover .repSBJ {
opacity:1;
}
/* BLOC POSITIONNEMENT SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
}
/* BLOC AUTEUR / TITRE / DESCRIPTION SUJET */
.tleSBJ {
width:670px; height:65px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-align:right; text-transform:uppercase; font-size:16px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:middle; margin-left:20px;
width:160px; padding:5px 0;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:12px; text-align:center; text-transform:uppercase; line-height:14px;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
font-size:12px;
color:black; /* MODIFIABLE */
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
width:655px; height:19px; padding:6px 0 0 15px;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME AUTEUR DERNIER MESSAGE SUJET */
.lmsgSBJ a.gensmall {
font-size:12px;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; margin-left:15px; margin-top:-9px; font-size:9px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
/* POINTE SUJET */
.triRSBJ {
display:inline-block; vertical-align:top; width:0; height:0; border-style:solid; border-width:45px 0 45px 50px; border-color:transparent;
border-left-color:#DEDEDE; /* MODIFIABLE */
}

<!-- 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" width="100%" border="0" cellspacing="0" cellpadding="0">
   <!-- 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 -->
      <fieldset class="SBJ"><legend class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></legend><div class="tleSBJ">{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="boxSBJ"><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 class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div></fieldset>
      <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></td></tr>
    <!-- BEGIN multi_selection -->
<tr><td 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 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 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
margin:15px auto; text-align:center; font-family:Arial;
border:1px solid black;  /* MODIFIABLE */
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:35px;
}
/* AUTEUR SUJET */
.nameSBJ {
margin-left:45px; padding:0 10px;
color:black; /* MODIFIABLE */
font-size:12px; text-align:left; text-transform:uppercase;
}
/* BLOC TITRE / DESCRIPTION SUJET */
.tleSBJ {
margin-bottom:3px;
text-align:right; text-transform:uppercase; font-size:18px;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; font-size:11px;
color:black; /* MODIFIABLE */
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:10px; font-size:9px;
color:black; /* MODIFIABLE */
}
.gotoSBJ a{
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* BLOC ICÔNES / VUES & REPONSES / DERNIER MESSAGE SUJET */
.boxSBJ {
position:absolute;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top;
width:75px; height:25px; border-radius:10px;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:19px; padding-top:6px; border-radius:10px;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:75px; height:19px; padding-top:6px; border-radius:10px;
background:#EFEFEF; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:top;
height:20px; padding:5px 10px 0; border-radius:10px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME AUTEUR DERNIER MESSAGE SUJET */
.lmsgSBJ a.gensmall {
font-size:12px;
}

<!-- 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" 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>
      <!-- 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="LSBJ"><div class="stsSBJ"><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div></div><div class="boxSBJ"><div class="tleSBJ"><div style="display:inline-block; vertical-align:middle; width:1px; height:53px;"></div><div style="display:inline-block; vertical-align:middle; width:99%;">{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ">par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div></div><div class="lmsgSBJ"><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div>{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div><!-- BEGIN avatar --><div class="lavSBJ"><div>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div></div><!-- END avatar --><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    </div>
   
<!-- BEGIN multi_selection -->
      <td 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>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td 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 colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="800px" style="margin:auto;" 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 -->

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; font-family:Arial;
}
/* BLOC STATISTIQUES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top; margin-right:7px;
width:75px; padding-top:15px;
}
/* VUES SUJET */
.vuesSBJ {
color:rgb(84,140,120); /* MODIFIABLE */
font-size:30px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
color:black; /* MODIFIABLE */
font-size:16px; text-align:center;
}
/* BLOC TITRE & DESCRIPTION / DERNIER MESSAGE SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:610px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:590px; height:53px; padding:0 10px; overflow:hidden; border:1px solid;
border-color:black; color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; margin-left:10px;
font-size:11px; text-align:center;
color:black; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:#191919; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
margin-top:5px;
width:602px; height:19px; padding:6px 5px 0; overflow:hidden;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:left;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
float:right; margin-right:5px;
font-size:10px; text-align:right;
color:black; /* MODIFIABLE */
}
.gotoSBJ a {
color:black !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
/* AVATAR DERNIER POSTEUR SUJET */
.lavSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:73px; overflow:hidden; padding:5px; border:1px solid;
border-color:black; /* MODIFIABLE */
}
.lavSBJ div{
width:50px; height:73px; overflow:hidden;
}
.lavSBJ img{
width:50px;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:8px;
width:25px; height:85px;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:795px; margin-top:30px;
}