[BLUE AND GREY]

Code:

<div class="stpentour">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>

 <!-- END tablehead -->
     <!-- BEGIN cathead -->
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
     <div class="mdlCAT">
       <div class="blocFRM">
          <div class="newsmessages">
            <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" />
          </div>
          <div class="tleFRM">
             <a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME}</a>
             <div class="descFRM">{catrow.forumrow.FORUM_DESC}</div>
          </div>
         <div class="separation"><img src="https://imgur.com/qBGk54Z.png"/></div>
          <div class="right">
             <div class="sjtFRM">
             {catrow.forumrow.TOPICS} sujets - {catrow.forumrow.POSTS} messages
             </div>
             <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
          </div>
          <div class="ava-dernier">
            <!-- BEGIN avatar -->
            {catrow.forumrow.avatar.LAST_POST_AVATAR}
            <!-- END avatar -->
          </div>
        <div class="sousforumFRM">
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </div>
          <script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
      </div>
   </div>
</div>
<!-- END forumrow -->
<!-- END catrow -->

Code:

/********CATEGORIES*********/
.stpentour {
  width:100%;
}
  .tleCAT {
    text-align:center;
    position:relative;
    height:50px;
    margin-left:-520px;
  }
.tleCAT h2 {
    text-transform: uppercase;
    font-style: italic;
    margin-left: 500px;
    font-size: 45px;
    color: #eaeaea;
    text-shadow: 0px 1px 2px #000;
    font-family: 'Roboto Condensed';
}
.mdlCAT {
    width: 900px;
    min-height: 226px;
    margin: 0 auto;
    background-color: rgba(250, 250, 250, 0.7);
    box-shadow: 1px 1px 8px #454545;
    margin-bottom: 20px;
}
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
  .newsmessages .imgFRM{
    margin:10px;
    position: absolute;
    width:200px;
    height:200px;
  }
  .tleFRM {
    position: absolute;
    height: 50px;
  text-decoration:none;
  }
  .tleFRM a{
    text-decoration: none !important;
    color:#454545;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid #9fc5c1;
    margin-left: 214px;
    position: relative;
    top: 15px;
    text-transform: uppercase;
  }
.descFRM {
    position: relative;
    width: 400px;
    height: 120px;
    margin-left: 205px;
    top: 29px;
    padding: 5px;
    font-family: 'Roboto Condensed';
    font-size: 12px;
    overflow: auto;
    color: #454545;
    line-height: 18px;
}
.separation {
    text-align: center;
    position: relative;
    left: 640px;
    top: 34px;
    width: 20px;
}
  .right {
    float:right;
    margin:5px;
  }
  .sjtFRM {
     font-family: 'Roboto Condensed';
    text-transform: lowercase;
    font-size: 10px;
    margin-top: -100px;
    text-align: center;
    margin-right: 46px;
    width: 150px;
    border-bottom: 1px solid #9fc5c1;
  }
  .lastpost {
    font-family:'Roboto condensed';
    font-size:10px;
    color:#454545;
    margin-top:50px;
  }
.lastpost a {
    font-family: 'Roboto condensed';
    font-size: 12px;
    color: #454545 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: italic;
}
.ava-dernier {
    float: right;
    margin-right: -251px;
    margin-top: -80px;
    background: #eaeaea;
    border: 5px solid #9fc5c1;
    height: 80px;
    overflow: hidden;
    right: 0;
    transition: 0.8s all;
    filter: grayscale(50%);
    transform: rotate(45deg);
    width: 80px;
    z-index: 9;
}
  .ava-dernier:hover {
    transition: 0.8s all;
    filter:grayscale(0%);
    opacity:1;
  }
  .ava-dernier img {
width: 178%;
    position: relative;
    left: -20px;
    top: -83px;
    transform: rotate(-45deg);
}
.sousforumFRM {
  width:880px;
  margin-top:60px;
  margin-left:10px;
}
.sousforumFRM a {
    border-top: 1px solid #9fc5c1;
    text-decoration: none !important;
    color: #454545 !important;
    font-size: 11px;
    text-transform: uppercase;
}

Code:

https://imgur.com/kHId6j8.png

Code:

https://imgur.com/t2SJbEX.png