Modifier l'apparence du règlement

[whovian]

Bonjour,

j'aimerais modifier l'apparence du règlement de mon forum qui s'affiche lorsque l'on s'inscrit (pas son contenu, uniquement la manière dont il s'affiche).

Voilà à quoi il ressemble :

Spoiler:

Vous voyez que "conditions d'utilisation..." est écrit beaucoup trop gros (je ne sais pas pourquoi), et le texte est beaucoup trop collé du bord. J'aimerais plus l'éloigner de ce bord et le mettre en justify, si possible. Egalement, changer sa couleur ou encore sa police d'écriture.

Voilà mon template agreement:

Code:

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
   </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thHead" valign="middle" height="25">{SITENAME} - {REGISTRATION}</th>
   </tr>
   <!-- BEGIN switch_fb_explain -->
   <tr>
      <td class="row1" align="center>">
         <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" id="fb_explain">
            <tr>
               <td align="center" width="10%"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning.png" alt="" /></td>
               <td class="genmed align_gauche" width="90%">{switch_fb_explain.FB_EXPLAIN}</td>
                          </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_fb_explain -->
   <tr>
      <td class="row1" align="center">
         <table width="80%" border="0" cellspacing="2" cellpadding="0" align="center">
            <tr>
                                  <td>
                  <div class="genmed align_gauche">
                     <br />{AGREEMENT}<br />{MY_RULES}
                     <br />
                     <br />
                     <div align="center">
                        <a class="genmed" href="{U_AGREE_OVER13}">{AGREE_OVER_13}</a><br />
                        <br />
                        <a class="genmed" href="{U_INDEX}">{DO_NOT_AGREE}</a>
                     </div>
                     <br />
                  </div>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

Merci à celui/celle qui pourra m'aider!!
Bon vendredi.

[whovian]

Up s'il vous plait!

[MasDan]

Bonjour,

Remplacer la ligne 27 (template agreement)

Code:

<div class="genmed align_gauche">

par

Code:

<div class="genmed alignCondUtil">

et ajouter à votre CSS

Code:

.gemmed.alignCondUtil {
  text-align: justify;
  margin: 0 5px;
}

.gemmed.alignCondUtil h2{
  font-size: 15px;
}

[whovian]

Ça ne fonctionnait pas, mais j'ai changé le nom de class sur le css et le template, du coup ça fonctionne.

Merci énormément!