Catégorie #1

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" style="background:transparent !important;" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>
 <th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN forumrow -->
 <tr>
 <td>
 <table class="catego">
 <tr>
 <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="50%" height="50">
 <div class="colonne1">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <div class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
 </h{catrow.forumrow.LEVEL}>
 <div class="forum_desc">{catrow.forumrow.FORUM_DESC}</div>
 
 <table width="100%" border="0" cellspacing="0" cellpadding="1">
 <tr>
 <td width="50%">
 <div class="stat">{catrow.forumrow.POSTS} messages</div>
 </td>
 <td width="50%">
 <div class="stat">{catrow.forumrow.TOPICS} sujets</div>
 </td>
 </tr>
 </table>
                    </div>
 </td>

 <td valign="middle" border="0" cellspacing="0" cellpadding="0">
 <div class="colonne2">
 <table cellspacing="1" cellpadding="0">
 <tr>
 <td width="60%" align="center" class="img_folder" valign="middle">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td width="40%" rowspan="2" valign="top">
 <div class="sous_forum" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 </td>
 <td rowspan="2">
 <!-- BEGIN avatar -->
 <div class="lastpost-vava">
 <div class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
 </div>
 <!-- END avatar -->
 </td>
 </tr>
 <tr>
 <td><div class="last_post">
 {catrow.forumrow.LAST_POST}
 <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /><hr />')).removeAttr('id');</script>
                                                                  </div>
 </td>
 </tr>
 </table>
 </div>
 </td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</table><img src="https://i.imgur.com/aDMC5t4.jpg" width="100%" /><img src="{SPACER}" alt="" height="5" width="1" /><br /><br /><!-- END tablefoot --><!-- END catrow -->

/********** CATÉGORIES by anouk **********/
.secondarytitle { /***Bloc du titre de la catégorie***/
  background-image: url(https://zupimages.net/up/18/15/ljkv.jpg); /*Image de fond du titre de la catégorie*/
  background-position:center bottom; /*Position de l'image de fond*/
  width:90%; /*Largeur du titre de la catégorie*/
  height: 128px; /*Image de fond du titre de la catégorie*/
  text-shadow: 1px 0px 0px #90765f,-3px 0px 0px #90765f,1px 1px 2px #90765f; /*Couleur d'ombre du texte*/}


.secondarytitle h2 { /***Titre de la catégorie***/
  font-variant:small-caps; /*Le texte en petites majuscules*/
  font-family: Bodoni Mt; /*Police d'écriture du texte*/
  font-size: 52px; /*Grosseur de la police d'écriture*/
  color:#140F0B; /*Couleur du texte*/}

.secondarytitle a { /***Lien du titre de la catégorie***/
  font-variant:small-caps; /*Le texte en petites majuscules*/
  font-family: Bodoni Mt; /*Police d'écriture du texte*/
  font-size: 52px; /*Grosseur de la police d'écriture*/
  color:#140F0B; /*Couleur du texte*/ }

.catego { /***Catégorie en entier***/
  background: url(https://i.servimg.com/u/f81/18/06/01/05/fond_c10.png); /*Image de fond de la catégorie*/
  padding:5px; /*Marges intérieures (Haut, bas, droit, gauche)*/
  width:100%; /*Largeur de la catégorie*/
  text-align:center; /*On centre les tableaux dans la catégorie*/ }

.colonne1, .colonne2 { /***Chaque colonne du tableau de chaque forum***/
  padding:5px; /*Marges intérieures du forum (Haut, bas, droit, gauche)*/
  border:1px solid #1C1C1C; /*Couleurs de la bordure de la colonne du forum*/
  width:355px; /*Largeur de la colonne*/
  height: 100px; /*Hauteur de la colonne*/
  background: url(https://zupimages.net/up/18/15/ndly.png); /*Image de fond de la colonne*/
  background-position:center bottom; /*Position de l'image de fond*/
  margin:auto; /*Marges extérieures automatiques (pour centrer)*/
  -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;
  -o-border-radius: 10px; border-radius: 10px;  /*Arrondissement des coins de la colonne*/}

.forumlink { /***Bloc du lien du titre du forum***/
  margin-bottom: -10px; /*Marge du bas dans le négatif pour que le lien se superpose à la description*/
  text-align: center; /*On centre le texte*/
  width: 100%; /*On défini la largeur du lien à la même largeur que la colonne*/
  margin-top:-5px; /*Marge du haut, pour éviter un trop gros espace au-dessus du lien*/
  z-index:1; /*On met le lien au premier plan*/
  position:relative; /*Position du lien*/
  text-shadow: 1px 0px 0px #000,-3px 0px 0px #000,1px 1px 2px #000; /*Ombrage sous le lien*/}

.forumlink a { /***Lien du titre du forum***/
  z-index:0; /*On met le lien au premier plan*/
  font-family: Kaushan Script; /*Police d'écriture du lien du forum*/
  font-size: 27px; /*Grosseur de la police d'écriture*/
  font-weight: lighter; /*Largeur du trait de l'écriture*/
  letter-spacing: -2px; /*Espacement entre chaque lettres*/
  margin-bottom: -10px; /*Marge du bas dans le négatif pour que le lien se superpose à la description*/
  text-align: center; /*On centre le texte*/
  width: 100%; /*On défini la largeur du lien à la même largeur que la colonne*/
  -webkit-transition: all 1.5s; -moz-transition: all 1.5s;
  transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; /*On défini la transition et et le temps de transition au survol*/ }

.forumlink a:hover { /***Lien du titre du forum au survol de la souris***/
  letter-spacing: 0; /*Espacement entre chaque lettres*/
  -webkit-transition: all 1.5s; -moz-transition: all 1.5s;
  transition: all 1.5s ; -o-transition: all 1.5s; -ms-transition: all 1.5s; /*On défini la transition et et le temps de transition au survol*/ }

.forumlink:before { /***Symbole avant le titre du forum***/
  color: #fff; /*Couleur du symbole*/
  content:""; /*Le symbole lui-même(si modifié, s'assurer que la police est bonne)*/
  font-family:Wingdings; /*Police d'écriture du symbole*/
  display: inline-block; /*Comportement de l'affichage du symbole*/
  margin: auto; /*Marges automatiques autour du symbole*/
  margin-right: 20px; /*Marge de droite pour éloigner le symbole du lien*/
  text-shadow: none; /*Ombre sous le symbole*/
  transition: width .5s ease, background-color .5s ease; /*Transition et délai de transition du symbole*/
  width: 30px; /*Largeur du bloc du symbole*/
  font-size: 20px; /*Grosseur du symbole*/}

.forumlink:after { /***Symbole après le titre du forum***/
  color: #fff; /*Couleur du symbole*/
  content:""; /*Le symbole lui-même(si modifié, s'assurer que la police est bonne)*/
  font-family:Wingdings; /*Police d'écriture du symbole*/
  display: inline-block; /*Comportement de l'affichage du symbole*/
  margin: auto; /*Marges automatiques autour du symbole*/
  margin-left: 20px; /*Marge de gauche pour éloigner le symbole du lien*/
  text-shadow: none; /*Ombre sous le symbole*/
  transition: width .5s ease, background-color .5s ease; /*Transition et délai de transition du symbole*/
  width: 30px; /*Largeur du bloc du symbole*/
  font-size: 20px; /*Grosseur du symbole*/}

.forum_desc { /***Description du forum***/
  background:#000; /*Couleur de fond*/
  height:45px; /*Hauteur du bloc*/
  margin:auto; /*Marges automatiques pour centrer le bloc*/
  font-size:10px; /*Grosseur de la police d'écriture*/
  overflow:auto; /*Autorisation de la barre de défilement*/
  padding:5px; /*Marges internes du rectangle*/
  text-align:justify; /*On justifie le texte*/
  padding-left:15px; padding-right:15px; /*Marges internes de gauche et droite*/
  opacity: 0.8; /*Transparence du bloc et du texte*/
  z-index:0px; /*On met le bloc en premier plan avec le fond de la colonne*/
  position:relative; /*Position du bloc*/
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*Arrondissement des coins*/}

.stat { /***Statistiques messages et sujets***/
  text-align: center; /*Positionnement du texte*/
  font-size:11px; /*Grosseur de la police d'écriture*/
  background:#000; /*Couleur de fond*/
  margin-top:1px; /*On décolle les deux blocs du bloc de la description*/
  padding:3px; /*Marges internes des deux blocs*/
  opacity: 0.8; /*Opacité du bloc et du texte*/
  -webkit-border-radius: 3px; -moz-border-radius: 3px;
  -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /*Arrondissement des coins*/}

.sous_forum { /***Bloc des sous-forums***/
  text-align:center; /*Positionnement du texte*/
  background:#000; /*Couleur du fond*/
  height:85px; /*Hauteur du bloc*/
  width:120px; /*Largeur du bloc*/
  margin-top:2px; /*Marge au-dessus du bloc*/
  padding:5px; /*Marges internes du bloc*/
  border:1px solid #1C1C1C; /*Bordure du bloc (largeur du trait, style du trait, couleur)*/
  font-size:11px; /*Grosseur de la police d'écriture*/
  overflow:auto; /*Autorisation de la barre de défilement*/
  opacity: 0.8; /*Opacité du bloc et du texte*/
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*Arrondissement des coins*/}

.sous_forum hr { /***Ligne qui sépare les liens des sous-forums***/
  border-color: #1c1c1c; /*Couleur de la ligne*/
  margin:2px; /*Marges autour de la ligne*/ }

.last_post { /***Bloc du dernier message posté***/
  background:#000; /*Couleur du fond*/
  font-size: 11px; /*Grosseur de la police d'écriture*/
  padding:5px; /*Marges internes du bloc*/
  height:35px; /*Hauteur du bloc*/
  width:145px; /*Largeur du bloc*/
  border:1px solid #1C1C1C; /*Bordure du bloc (largeur du trait, style du trait, couleur)*/
  opacity: 0.8; /*Opacité du bloc et du texte*/
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*Arrondissement des coins*/}

.lastpost-vava { /***Bloc Avatar du dernier posteur***/
  width:60px !important; /*Largeur du bloc*/
  height: 96px; /*Hauteur du bloc*/}

.lastpost-avatar img { /***Image de l'avatar du dernier posteur***/
  width:60px; /*Largeur du bloc*/
  height: 96px; /*Hauteur du bloc*/
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*Arrondissement des coins*/ }

.img_folder { /***Bloc Image Nouveau message, pas de nouveau message, verrouillé***/
  padding:0 !important; /*Marges internes du bloc*/
  margin:0 !important; /*Marges externes du bloc*/}

.img_folder img { /***Image Nouveau message, pas de nouveau message, verrouillé***/
  width:155px; /*Largeur du bloc*/
  height: 50px; /*Hauteur du bloc*/
  webkit-border-radius: 5px; -moz-border-radius: 5px;
  -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; /*Arrondissement des coins*/}
/********** FIN CATÉGORIES by anouk **********/