Problème trait séparation forum

[Yalou']

Bonjour !

Voilà voulant mettre a jour l'apparence de mon forum je me retrouve avec un léger problème au niveau des trait de séparation des forums :
1 - j'ai des couleurs qui sortent de je ne sais où et que je ne peux pas modifier (violet)
2 - J'ai un côté arrondi, l'autre non et j'aimerais que tout soit arrondi (bleu)
3 : des cadres qui apparaissent et que je voudrait supprimer (en vert)

voici un petit screen pour m'expliquer :

Spoiler:

Voici mon template index-box :

Code:

 <table width="100%" border="1" cellspacing="1"

cellpadding="1" 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="haut_cate"><tr valign="center"><td>

{catrow.tablehead.L_FORUM}</td></tr></table><div

class="milieu_cate"><table class="forumline"

width="685px" align="center" border="1" cellspacing="1"

cellpadding="1">
   <tr>
      <th

colspan="{catrow.tablehead.INC_SPAN}"

nowrap="nowrap" width="100%"

class="secondarytitle"> 

{catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">

{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">

{L_POSTS}</th>
      <th nowrap="nowrap"

width="150"><div style="width:150px;">{L_LASTPOST}

</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td

class="{catrow.cathead.inc.INC_CLASS} index_cate"

width="46"><img src="{SPACER}" height="0" width="46"

/></td>
      <!-- END inc -->
      <td

class="{catrow.cathead.CLASS_CAT} index_cate"

colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <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}>
      </td>
      <td

class="{catrow.cathead.CLASS_ROWPIC} index_cate"

colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td

class="{catrow.forumrow.inc.INC_CLASS} index_cate"

width="46"><img src="{SPACER}" height="0" width="46"

alt="." /></td>
      <!-- END inc -->
      <td

class="{catrow.forumrow.INC_CLASS} index_cate"

align="center" 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 class="row1 over index_cate"

colspan="{catrow.forumrow.INC_SPAN}" valign="top"

width="100%" height="50">
         <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}>
         <span class="genmed">

{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN

switch_moderators_links -->
            

{catrow.forumrow.switch_moderators_links.L_MODERATO

R}

{catrow.forumrow.switch_moderators_links.MODERATOR

S}
            <!-- END

switch_moderators_links -->
            

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3 index_cate"

align="center" valign="middle" height="50">
         <span class="gensmall">

{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2 index_cate"

align="center" valign="middle" height="50">
         <span class="gensmall">

{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over index_cate"

align="center" valign="middle" height="50">
         <span class="gensmall">

{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td

class="{catrow.catfoot.inc.INC_CLASS} index_cate"

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></div><table class="bas_cate"><tr

valign="center"><td> </td></tr></table><img

src="{SPACER}" alt="" height="5" width="1" /><!-- END

tablefoot --><!-- END catrow -->

et mon CSS :

Code:

 table.haut_cate{
  width:717px;
  height:177px;
  background-image:url('http://imageshack.us/a/img33/899/haute.png');
  background-repeat:no-repeat;
  margin:auto;
  }
 
table.haut_cate h2{
  width:600px;
  margin-left:95px;
  margin-right:auto;
  font-variant:small-caps;
  font-size:14px;
  color:#fff;
  text-shadow: 1px 1px 2px #8f8175;
  }
 
div.milieu_cate{
  background-image:url('http://imageshack.us/a/img687/4136/milieuxf.png');
  background-repeat:repeat-y;
  width:717px;
  margin:auto;
  }
 
table.forumline{
  background-color:transparent !important;
  border:0!important;
  }
 
table.forumline td.index_cate{ 
  background-color:transparent !important;
  border-bottom:1px solid grey;
  }
 
table.bas_cate{
  width:717px;
  height:177px;
  background-image:url('http://imageshack.us/a/img811/8779/basug.png');
  background-repeat:no-repeat;
  margin:auto;
  }





td.row1, td.row3Right, th{
 
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px  ;
        }
 
 .catHead{
       
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px  ;}
       
        .catBottom{
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}

.case  {
   
        border: 1px dashed #184d5e ;
  width:320px;height:250px;
  border-radius: 8px
        }


Mon forum est en PHPBB2
et je tourne sous mozilla la plus part du tant (car chrome ne veut pas appliquer mes modification allez savoir pourquoi...)

Ca fait presque 3h que je suis dessus et je ne trouve aucunes solutions c'est pour ça que je demande votre aide ! ^^

Ah oui et pour les couleurs je tiens a préciser que j'ai été dans PA> Affichage> Couleurs> Couleur de cadre des cellules mais ça ne change rien du tout j'ai beau mettre du orange, la ligne reste bleu turquoise....

Merci d'avance pour votre aide ! ^^

[Yalou']

EDIT : Bon finalement j'ai trouvé c'était dans le CSS que ça allait pas et pour les couleurs c'était écrit en toute lettres et non sous la forme #xxxxxx c'est pour ça que je trouvé pas !

je met en résolu ! ^^