.rankp{
  padding-top:4px;
  padding-bottom:6px;
  margin-bottom:5px;
  border-bottom:1px solid #F5F5F5;
}


.dname{
color:#9DB7BF;
font-family:'oswald';
font-size:15px;
}

.chattt{
font-family: 'Pacifico', sans-serif;
  margin-top:12px;
  font-size:16px;
}

        #chatbox {
                    background-color: #D4C4B8;
                }
        #chatbox_footer {
                    background-color: #D4C4B8;
                }
        #chatbox_members {
                    background-color: #D4C4B8;
                }

        p.chatbox_row_1 {
          background-color:#DACDC1;
        }
        p.chatbox_row_2 {
          background-color:#D1C2B7;
        }

#chatbox_header .catBottom .cattitle {
   width:450px!important;
  background:none!important;
  font-size:14px;
  color:#A28C7C;
}

.bubinfo{
background-color:#FCFCFC;
  text-align:center;
  font-size:16px;
  font-family: 'PT Sans Narrow', sans-serif;
  color:#A3A3A3;
  padding-top:4px;
  padding-bottom:4px;
  margin-top:4px;
}

.hugeline{
background-color:#E8F184;
  margin-top:-3px;
  margin-bottom:3px;
}

.woopsd{
width:550px;
padding-bottom:3px;
}

/* bouton profil dérouler*/
.butt{
width:200px;
  font-size:18px;
  font-family: calibri;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  overflow:visible;
  border:none!important;
  color:#666666;
}

.infotitle{background-color:#ffffff; }

.mjob{
padding-left:45px;
}

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #889e9e;}

::-webkit-scrollbar-track {
  background-color: #889e9e; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #b8bfc3 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;}

.phonebody {
  height: 281px;
  overflow: auto;
  width: 200px;
  margin-top: -35px;
  margin-left: -3px;
}

/*modifier la scrollbar du phone*/
.phonebody::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #FFFFFF;}

.phonebody::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

.phonebody::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #FFFFFF /*couleur de l'ascenseur*/;}

.spoiler_closed{
  background-color:#E8EBEC;
  color:#A4A4A4;
  padding-left:4px;
  padding-right:4px;
  border:none!important;
}

.spoiler_content{
  background-color:#E8EBEC;
  color:#A4A4A4;
  padding-left:4px;
  padding-right:4px;
  border:none!important;
}

.code{
  border:none!important;
  background-color:#E8EBEC!important;;
  color:#A4A4A4;
  padding-left:4px;
  padding-right:4px;
}

.quote{
border:#B8C4CA 1px solid;
  background-color:#DEE3E5!important;
  color:#BEC6CA;
  text-shadow:#ECECEC 1px 1px 1px;
  padding-left:4px;
  padding-right:4px;
  width:430px;
}



/* FICHES & AUTRES */

.pred{
height:80px;overflow:auto;  
  font-family:calibri;
 font-size:12px;
 line-height:11px;
  text-align:justify;
}

.gim2{
  width:110px;
  border:#D8D8D8 3px solid;
}

.gil{
  width:210px;
  border:#D8D8D8 3px solid;
  margin-top:5px;
}

.nfl{
  font-family: 'Orbitron', sans-serif;
  font-size:14px;
  color:#547474;
}

.nbl{
  width:209px;
  height:120px;
  overflow:auto;
  text-align:justify;
  padding-left:3px;
  padding-right:3px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.tit{
  font-size:20px;
  color:#DCDCDC;
}

.giff{
  width:150px;
  border:#F0F0F0 3px solid;
  margin-right:10px;
}

.giff2{
  width:430px;
  border:#F0F0F0 3px solid;
}

.ted{
  text-align:justify;
  font-family:calibri;
  font-size:11px;
  line-height:10px;
}

.ted2{
  text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:12px;
}

.ted3{
  text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:12px;
  height:122px;
  overflow:auto;
}

.tep{
  text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
  height:76px;
  overflow:auto;
}

.tep2{
  text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.pcn{
  width:209px;
  height:120px;
  overflow:auto;
  text-align:justify;
  padding-left:3px;
  padding-right:3px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.pcn2{
  width:210px;
  height:120px;
  overflow:auto;
  text-align:justify;
  padding-left:3px;
  padding-right:3px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.gim{
  width:210px;
  border:#D8D8D8 3px solid;
}

.boxf{
  width:428px;
  height:124px;
  overflow:auto;
  text-align:justify;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.tef{
  font-family: 'Orbitron', sans-serif;
  font-size:14px;
  color:#F12D77;
}

.boxc{
  width:428px;
  height:124px;
  overflow:auto;
  text-align:justify;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
  border-bottom:#8D9EA6 2px solid;
}

.boxc2{
  width:428px;
  text-align:justify;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.gip{
  border:#D8D8D8 3px solid;
  width:160px;
  margin-left:7px;
  margin-bottom:5px;float:right;
}

.tpx{
  text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
}

.gep{
  width:180px;
  border:#D8D8D8 3px solid;
  float:left;
  margin-right:5px;
}

.boxi{
  width:428px;
  height:144px;
  overflow:auto;
  text-align:justify;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  font-family:calibri;
  font-size:12px;
  line-height:11px;
  border-top:#F5F5F5 2px dashed;
  border-bottom:#F5F5F5 2px dashed;
}

.stan{
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:15px;
  color:#B2B2B2;
}

.pin{
  border-radius:100px;
}

.boxnd{
  font-family:calibri;
  font-size:11px;
  line-height:10px;
  height:50px;
  overflow:auto;
}

.usnm{
font-family: 'redressed', serif;
  font-size:25px;
  color:#373737;
  text-transform:lowercase;
}

.usnm2{
  text-shadow:1px 1px 1px #ffffff;
font-family: 'redressed', serif;
  font-size:22px;
  line-height:10px;
  color:#373737;
  text-transform:lowercase;
}

.usnm3{
  text-shadow:1px 1px 1px #ffffff;
font-family: 'redressed', serif;
  font-size:15px;
  color:#373737;
  text-transform:lowercase;
}


.fnm{
font-family: 'PT Sans Narrow', sans-serif;
  font-size:14px;
  color:#C7CCCE;
  text-transform:lowercase;
}

.boxn{
  height:255px;
  overflow:Auto;
}

.stn{
  background-color:#F9F9F9;
  width:260px;
  margin-left:5px;
  padding:3px;
  font-family:calibri;
  font-size:11px;
  line-height:10px;
  padding-left:5px;
  padding-right:5px;
  text-align:justify;
}

.botbac{
background-color:#ffffff;
  border-top:10px solid #E8F184;
  border-bottom:4px solid #E8F184;
  width:438px;
  padding-right:6px;
  padding-left:6px;
  text-align:justify;
}

.botl{
padding-left:25px;
  font-family: 'Orbitron', sans-serif;
  color:#C54D4F;
  font-size:18px;
}

.botl2{
padding-left:20px;
  font-family: 'Orbitron', sans-serif;
  color:#C54D4F;
  font-size:18px;
}


/* PROFIL & SUJET */

.linebt{
  border-top:#ffffff 3px solid;
border-bottom:#ffffff 3px solid;
    padding-bottom:2px;
  padding-top:3px;
  margin-top:-15px;
}


.postbody{
text-align:justify;
  font-family:calibri;
  font-size:12px;
  line-height:13px;
}


.topsu{
background-color:none;
padding:3px;
  font-size:10px;
  height:20px;
}

.postdetails2{  
  color:#CCCCCC;
text-shadow:1px 1px 1px none;
font-size:9px;
  line-height:11px;
      position: relative;
}



.namep{
font-family: 'orbitron', serif;
  letter-spacing:1px;
  text-align:center;
  font-size:15px;
  line-height:16px;
}

.backp{
background-color:#FFFFFF;
  border-top:#E8F184 3px solid;
  border-bottom:#E8F184 3px solid;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  text-align:justify;
  font-size:10px;
  line-height:9px;
}

.quotecontent img {max-width: 200px;}

/* QEEL */

.gifqe{
  margin-right:15px;
width:100px;
border:#CCCCCC 2px solid;
opacity:0.8;}

.groupbox{
  border-top:#E8F184 6px solid;
    border-bottom:#E8F184 2px dashed;
  text-align:center;
  font-family: 'Redressed', cursive;
  font-size:28px;
  letter-spacing:3px;
  padding-bottom:5px;
}

.groupboxdes{
  color:#CACACA;
width:183px;
  font-size:11px;
  text-align:justify;
  padding-right:10px;
}

.qeel1{
width:310px;
background-color:none;
text-align:justify;
  padding:5px;
  border-bottom:2px solid #E8F184;
  height:135px;
  overflow:auto;
  margin-left:20px;
}

.qeel2{
    height:145px;
  overflow:auto;
  margin-right:20px;
width:310px;
background-color:none;
text-align:justify;
    padding:5px;
  border-bottom: 2px solid #E8F184;
}

.qeelbdick{
background-color:#FCFCFC;
}

/* random */
co{color:#A6DE5C;}
cv{color:#D84A4A;}
nt{color:#4687D7;}
ds{color:#22C96D;}
ad{color:#E3A73F;}
il{color:#F1A417;}
cf{color:#3B6E75;}
ce{color:#9DB7BF;font-weight:bold;}
rd{color:#F12F76;}
re{color:#AFE45E;font-weight:bold;}
pp{color:#C8AE99;}
bmd{color:#A1A1A1;}
pl{font-size:12px;color:#C5C5C5;}
da{color:#8D9EA6;font-weight:bold;}

/* CATEGORIE */

.imgc{
width:60px;
}

.descate{
text-transform:lowercase;
  font-family:calibri;
  font-size:11px;
  line-height:11px;
  color:#8C8C8C;
    overflow:auto;
  text-align:justify;
}

/*modifier la scrollbar de descate*/
.descate::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #ececec;}

.descate::-webkit-scrollbar-track {
  background-color: #ececec; /*couleur du fond de la scrollbar*/}

.descate::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #ececec /*couleur de l'ascenseur*/;}

.boxcate{
width:425px !important;
padding:3px;
  height:97px;
}

 
a.cattitle {
display:block;
text-align:center;
  width:820px;
  margin-right:-3px;
  margin-left:-2px;
  color:#7A7A7A;
font-family: 'Redressed', cursive;
  font-weight:100;
  font-size:20px;
  background-color:#E8F184;
  padding-top:1px;
  padding-bottom:1px;
  text-shadow:#ffffff  1px 1px 1px;
}

.forumlink{
font-family: 'oswald';
font-size:14px;
  font-weight:100;
text-align:justify;
  text-align:center;
}

.cate1{
width:110px !important;
font-size:8px;
  text-transform:uppercase;
font-family: calibri;
padding:0px;
  height:80px;
  background-color: ##F5F5F5;
}

.foborder {
border-left:2px dashed #ECECEC;
  border-right:2px dashed #ECECEC;
}
.cate2 {
width: 100px;
  font-size:12px;
font-family: arial;
  height: 70px;
  max-height: 70px;
  margin-top: 30px;
}

.cate3{
  overflow:Auto;
  margin-left:-120px;
width:105px;
  font-weight:normal;
font-size:8px;
line-height:9px;
font-family:arial;
  text-transform:uppercase;
  height:18px;
  padding-top:1px;
  margin-top:10px;
  TEXT-ALIGN:justify;
  text-transform:lowercase;
padding:3px;
  padding-top:20px;
  height:60px;
}

/*modifier la scrollbar de descate*/
.cate3::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #ececec;}

.cate3::-webkit-scrollbar-track {
  background-color: #ececec; /*couleur du fond de la scrollbar*/}

.cate3::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #ececec /*couleur de l'ascenseur*/;}

/* B  O  D  Y     B-B-B-BODY */

.navbarti{
background-color:#ffffff;
width:750px;
    text-align:center;
  margin-top:-10px;
padding-top:3px;
  padding-bottom:3px;
}

a.mainmenu{
  color:#909090;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:15px;
  letter-spacing:-1px;
  margin-right:-5px;
  text-transform:lowercase;
   -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

a.mainmenu:hover{
  color:#B0EA64;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:15px;
  text-transform:lowercase;
   -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.bodyline {
padding-left:0px;
padding-right:0px;
padding-top:0px;
border:none;
}
        
#i_logo {
        margin-top:-1px;}
        
.forumline {
        margin:auto;
        width:98%;
  text-align: justify;
  border:none !important;
}

a:hover{text-decoration: none !important;  -webkit-transition-duration: 1s;
    transition-duration: 1s;}
a {text-decoration: none !important;  -webkit-transition-duration: 1s;
    transition-duration: 1s;}
a:link {text-decoration: none;  -webkit-transition-duration: 1s;
    transition-duration: 1s;}
a:visited {text-decoration: none;  -webkit-transition-duration: 1s;
    transition-duration: 1s;}

  
        
        td.catBottom {
           border-width:0 0px 0px !important;
        }
        
        td.catHead {
           border-width:0px 0px 0 !important;
           font-size:12px;
        }
th, p {
border-width:0 0 0 0px !important;
}
 
    tr.post span.gensmall { display: none; }

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border: none">
   
   <!-- END tablehead -->
<!-- BEGIN cathead -->
   <tr>
      
      <td colspan="3" width="100%">
         <div class="catetitle"><h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                          </span>
         </h{catrow.cathead.LEVEL}></div>
      </td>
         </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   
<tr>
      
      
  <td align="center" valign="middle">
      <div class="cate1">   <span class="gensmall">{catrow.forumrow.TOPICS}</span> sujets and <span class="gensmall">{catrow.forumrow.POSTS}</span> messages <br><br>
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div></td>
      <td class="foborder" align="center" valign="middle"><div class="cate2">
            <!-- BEGIN avatar -->
     
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </div></td>
      <td valign="top" width="100%" height="50">
         <div class="boxcate"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
                          <center><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></center>
         </div>
               
      </td>
                  <td><div class="cate3">
            
            <span class="gensmall" id="sousForums">
  {catrow.forumrow.L_LINKS}+ {catrow.forumrow.LINKS}
                    </span>

<script type="text/javascript">
  <!--
 
  jQuery('#sousForums').html(jQuery('#sousForums').html().replace(/, /g,'<br /> + ')).removeAttr('id');
 
  //-->
  </script>
                  </div></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="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->