Bonjour/Bonsoir

J'ai réussi à afficher mes catégories sous forme d'onglets. Le problème, c'est que je n'arrive pas à régler la taille du cadre de l'onglet. J'ai trouvé comment augmenter la police d'écriture, mais étrangement, le cadre reste toujours aussi petit. Comment faire pour augmenter la taille de mes onglets ?
J'ai aussi un problème pour la couleur des onglets. Alors certes, c'est en accord avec mon design, mais le problème, c'est que je n'arrive pas à changer la couleur de mes onglets. Comment faire ?
Merci d'avance^^

Voici mon template index_box complet :

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <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}

    {CURRENT_TIME}

    </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>

    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>


    <!-- DEBUT MODIF ONGLETS -->

    <script type="text/javascript">
    <!--

    document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
    <ul class="conteneur_onglets">

    <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Partie administrative</div>          </li>
    <li onClick="change_cat(2)" class="onglet" id="onglet_2"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Secrétariat</div>    </li>
    <li onClick="change_cat(3)" class="onglet" id="onglet_3"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Miwashi School</div>          </li>
    <li onClick="change_cat(4)" class="onglet" id="onglet_4"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Ville de Miwashi</div>          </li>
    <li onClick="change_cat(5)" class="onglet" id="onglet_5"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Hors RPG</div>          </li>
    <li onClick="change_cat(6)" class="onglet" id="onglet_6"><div style="font-size: 20pt ; width: 500px ; color: #000000;">Archives</div></li>

    </ul></div>');

    var compteur_cat = 1;

    function change_cat(numero)
    {
      if(document.getElementById('categorie_'+numero))
      {
          /* affichage de la bonne categorie */
          $('table[id^=categorie_]').css('display','none');
          $('table[id=categorie_'+numero+']').fadeIn();
     
          /* affichage du bon onglet */
          $('.actif').removeClass("actif");
          $('.onglet[id=onglet_'+numero+']').addClass("actif");
      }
    }

    function capture_cat()
    {
      if(compteur_cat == 1)
      {
          document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
      }
      else
      {
          $('#conteneur_barre_onglet').css("display","inline-block");
          document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
      }
 
      compteur_cat++;
    }

    //-->
    </script>

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

    <script type="text/javascript">
    <!--
      capture_cat();
    //-->
    </script>

    <!-- FIN MODIF ONGLETS -->


    <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}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="{catrow.cathead.CLASS_CAT}" 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}" colspan="3" align="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    <!-- END inc -->
    <td class="{catrow.forumrow.INC_CLASS}" 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" 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>

    </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_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
    <!-- END switch_moderators_links -->
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.TOPICS}</span>
    </td>
    <td class="row2" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.POSTS}</span>
    </td>
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>
    <!-- END forum_link_no -->
    <!-- BEGIN forum_link -->
    <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
    <!-- END forum_link -->
    </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 -->
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Voici la partie CSS correspondant à l'affichage des catégories en onglets :

Code:

.text {
color:#000000 ; /*Couleur du texte de vos onglets*/
cursor:default;
}
 
Partie_administrative_1,Secrétariat_2,Miwashi_School_3,Ville_de_Miwashi_4,Hors_RPG_5,Archives_6 /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
padding-left:4px;
padding-right:4px;
}
 
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
 
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:40px;
width:1000px;
}
 
.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none; !important
cursor:pointer;
margin-left:10px;
margin-right:10px;
margin-bottom:-30px;
background-color: #000000 ;
border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; border-radius-topleft: 10px;
border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-radius-topright: 10px;
}
 
.onglet li {
float:center;
list-style-type:none;
margin-bottom:-40px;
text-decoration:none; !important
cursor:default;
}
 
.onglet li:hover {
text-decoration:none; !important
cursor:default;
}
 
.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:default;
}
 
.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:default;
}
 
.onglet_actif {
background: url('http://static.skynetblogs.be/media/107260/1203220225.jpg') no-repeat; /*URL de l'onglet étant actif*/
width:400px; /*Largeur de l'onglet étant actif*/
height:400px; /*Hauteur de l'onglet étant actif*/
cursor:default;
}
 
.actif {    background-color:#ffc44f !important;}
 
.onglet_nactif {
background: url('http://static.skynetblogs.be/media/107260/1203220225.jpg') no-repeat; /*URL de l'onglet étant actif*/
width:400px; /*Largeur de l'onglet étant inactif*/
height:400px; /*Hauteur de l'onglet étant inactif*/
cursor:default;
}

PS : j'ai testé tout ce que je pouvais sur le CSS, mais ça ne semble pas avoir la moindre incidence sur les onglets... Je pense donc que le problème vient du template.
Merci pour votre aide^^