Retirer le fond du cadre de la PA

Bien le bonjour!
C'est très rare qu'on me voit ici, mais j'ai besoin de votre aide. Ça fait un bon 35-40 minutes que je parcours le forum mais j'ai rien trouvé pour m'aider (bien que j'aie l'impression qu'on ait déjà donné l'astuce auparavant).

J'ai un forum en phpBB2 qui a ouvert ses portes dernièrement sous le nom de FireLake ( http://firelake.bbfr.net/ ). Trouvant que la PA ne concordait pas avec le reste, j'en ai créé une nouvelle grâce à un code offert par notre bien-aimé Sparrow-style.

Tout va bien sur mon forum de test, je finalises et pose ça sur mon forum. Tout est génial, sauf un truc.

L'élément de la PA contient un fond de couleur, que j'aimerais retirer puisqu'il est plus pâle que le fond du forum (qui forme le cadre). Seulement, si je veux retirer la couleur de fond de la PA, j'influence en même temps le fond de couleur des messages, et c'est précisément ce que je veux éviter.

Malgré mes nombreux test dans les templates et le CSS, pas moyen de retirer cette fichue "bordure" qui entourne mon image de PA, et donc pas moyen d'uniformiser le tout.

D'ailleurs, en même temps, pas moyen de minimiser le cadre des annonces en haut de page, qui dépassent donc et qui sont loin d'être glorieuses. J'ai beau rajouter des div dans les templates, j'ai pu me débrouiller pour la PA et le QEEL, mais pas pour les annonces. (J'ai tenté de régler le cadre du forum au plus petit possible, ça ne change absolument rien ><)

Je répète que le "cadre" visible gris du forum est en réalité le fond (simplement une image). Je suis avec Firefox et Chrome.

Spoiler:

Donc un petit récapitulatif

• Retirer le cadre gris clair autour de l'image de la PA
  
• Resserrer le cadre des annonces
  

Techniquement, le cadre du forum fait 1000px de large.

Merci à qui pourra m'éclairer, je suis à cours d'idées.
Ravener

PS : N'hésitez pas, si vous avez des questions ou absolument besoin de mon CSS et/ou HTML. Je ne les ai pas fourni parce que je ne jugeais pas ça pertinent (puisque c'était comme ça avant que je commence à jouer avec les codes)

Bonjour!
Tout ce qui figure dans la section "Les contours" est vide, puisqu'elles ne me sont pas nécessaires. Dans la section "Les couleurs de fond", j'ai "Couleur intérieur du cadre du forum" et  "Couleur de fond d'un message remercié" qui sont vides également.

Sinon, pour faire simple, rien de mieux qu'une image. Voici donc mon image de fond : https://2img.net/r/ihimizer/img845/9246/background3fz.png .

Mais j'avoue que j'y avais pas pensé, de mettre la PA dans un template. Je l'avais déjà fait avec un ancien forum. Je vais voir ce que j'peux faire avec ça! Merci beaucoup. (Mais c'est certain que si il y a une solution hors-templates, je préfèrerais XD)

Merci!

Et si tu tentes ceci dans le CSS :

Code:

.forumline {
  border: none;}

? On peut avoir ton code sinon s'il te plait ?

J'ai ajouté le .forumline mais ça n'a rien changé vraiment.

Sinon, pour le code, tu veux mon CSS en entier ou seulement certaine(s) partie(s) ?

Pour l'instant, voilà le code de ma PA
HTML

Code:

<div id="f1_accueil">
<table style="width: 100%;">
<tr><td class="f1_col1"><div class="f1_contexte">
Nous sommes en 1992. Depuis maintenant 15 ans, le Centre de Détention FireLake accueille les plus dangereux criminels recensés dans le monde. Néanmoins, les dirigeants des grands pays qui ont permis la construction de cette prison internationale, dans le Sud de l'océan Pacifique, ne semblent pas arriver à s'accorder sur qui devrait investir pour rénover les bâtiments vétustes de l'île. <br />
<br />Ce n'est que lorsqu'une série de meurtres en série se déclare parmis les détenus que le G7 se décide à finalement envoyer des agents enquêter et à, peut-être, éventuellement envoyer des équipes pour remettre en état l'établissement. De quel clan ferez-vous partit?
</div></td>
<td style="vertical-align: top;"><div class="f1_bloconglets">
<span class="f1_onglet1"><div class="f1_contenu1">
<span class="f1_liens"><a href="http://firelake.bbfr.net/t1-1-reglement#1">Règlement</a> - <a href="http://firelake.bbfr.net/t11-2-histoire-du-centre#12">Histoire</a> - <a href="http://firelake.bbfr.net/t10-3-liste-des-crimes#11">Liste des Crimes</a> - <a href="http://firelake.bbfr.net/t14-devenir-partenaires#15">Devenir Partenaires</a></span>
<table><tr>
<td><div class="f1_news"><span style="display: block; text-align: justify;"><div class="mozaik_news"><span class="mozaik_datenews">28 mai 2013</span>Ajout de deux nouveaux top-site, et d'un <a href="http://firelake.bbfr.net/t17-4-repertoire-des-gangs#20" target="_blank">répertoire de Gangs</a> et de <a href="http://firelake.bbfr.net/t18-types-de-demandes#24" target="_blank">demandes</a>.</div><div class="mozaik_news"><span class="mozaik_datenews">26 mai 2013</span>Ajout de 3 Top-Sites. N'oubliez pas de voter à toutes les 2 heures!</div><div class="mozaik_news"><span class="mozaik_datenews">25 mai 2013</span>Ouverture du forum</div><div class="mozaik_news"><span class="mozaik_datenews">11 mai 2013</span>Création du forum</div></span></div></td>
<td><div class="f1_credits"><span style="display: block; text-align: justify;">Une étrange série de meurtres parmi les prisonniers sèment la panique dans la prison de FireLake. D'une grande cruauté, des rumeurs courent comme quoi le coupable serait un membre du corps policier. Simples murmures, ou sinistre vérité?</span></div></td>
</tr></table>
</div></span>

<span class="f1_onglet2"><div class="f1_contenu2">
<span class="f1_staff1"><div class="f1_staffcontenu1"><font color="crimson" size="3" face="Georgia">Yoko Harada </font>
<span style="display: block; text-align: justify; width: 120px; margin-left: 175px;"><font color="crimson"><div align="right">Fonda'</div></font> Ne vous fiez pas aux apparences, malgré son sens aigüe de l'ordre et de l'organisation, c'est la première à vouloir délirer avec les membres. Elle est toujours disponible s'il y a quelque problème que ce soit.</span></div></span>
<span class="f1_staff2"><div class="f1_staffcontenu2"><font color="teal" size="3" face="Georgia">Alistair Killian </font>
<span style="display: block; text-align: justify; width: 130px; margin-left: 165px;"><font color="teal"><div align="right">Admin'</div></font>Principal admin à assister Yoko, il apporte de nombreuses idées afin d'élaborer de nouveaux concepts et à aider les membres, comme tout bon policier se doit de faire.</span></div></span>
<span class="f1_staff3"><div class="f1_staffcontenu3"><font color="firebrick" size="3" face="Georgia">Travis Shark </font>
<span style="display: block; text-align: justify; width: 120px; margin-left: 175px;"><font color="firebrick"><div align="right">Modo'</div></font>
Il est le fondement même du forum, celui qui a emmené l'idée. Malgré tout, il reste humble et se contente d'un simple poste de modérateur. Il est disponible à répondre à toutes vos questions s'il le faut. </span></div></span>
</div></span>

<span class="f1_onglet3"><div class="f1_contenu3">
<table><tr>
<td><div class="f1_friends"><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><center><a href="http://ciclospecchio.forumperso.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/2244327logo78831.png" alt="Ciclo Specchio" /></a><a href="#" target="_blank"><img src="#" alt="Nom du forum" /></a><a href="#" target="_blank"><img src="#" alt="Nom du forum" /></a></center></marquee></div></td>
<td><div class="f1_topsites">
<span style="display: block; text-align: justify; margin-top: -25px;">Le contexte a été élaboré et rédigé par Ravener, Bloody Funeral et Cristal Knight<br />
Le graphisme du forum a été réalisé par Ravener <br />
Le codage a pu être mis en place grâce à <a href="http://www.never-utopia.com">Never-Utopia</a> et <a href="http://css-actif.com/">CSS-Actif</a>, et personnalisé par Ravener <br />
Cette page d'accueil a été réalisée par Sparrow-style, prise sur <a href="http://www.never-utopia.com">Never-Utopia</a>.<br /><br />
Copyright 2013 © FireLake est une création de Ravener, Bloody Funeral & Cristal Knight, tous droits réservés </span>
</div></td>
</tr></table>
</div></span>

</div>
</td>
</tr></table><div class="box_topsites"><a href="http://www.root-top.com/topsite/everutopia/in.php?ID=338" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/miya/in.php?ID=1741" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=3710" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/cda/in.php?ID=31" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=13146" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a><a href="http://www.root-top.com/topsite/lulu06/in.php?ID=2638" target="_blank"><img src="http://img46.imageshack.us/img46/876/handcuffsmini.png" alt="Top" /></a></div>
</div>

Partie CSS

Code:

/* ------------------------------------------ PA ------------------------------------------ */

#f1_accueil
{
  width: 990px;
  height: 533px;
  margin: auto;
  background: url(http://img571.imageshack.us/img571/7069/paback3.png);
  text-shadow: none !important;
  border: 2px solid #bdbdbd;
}
#f1_accueil a
{
  color: #825151 !important;
  text-shadow: none !important;
  text-decoration: none; transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#f1_accueil a:hover
{
  color: #F00943 !important;
  text-shadow: none !important;
  text-decoration: none !important;cursor:crosshair;font-size: 10 px; transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 320px;
  overflow: auto;
  margin-top: 90px;
  margin-left: 165px;
  text-align: justify;
  color: #585659;
  /*text-shadow: 1px 1px 0px #000;*/
}
.f1_bloconglets
{
  margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 55px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 270px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #585659;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 16px;
  /*font-weight: bold;*/
  font-family: Times New Roman;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #888888;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}
.f1_staff1
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://img109.imageshack.us/img109/8874/iconyoko.png) #585659;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #585659;
}

.f1_staff2
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://img41.imageshack.us/img41/8012/iconalistair.png) #585659;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #585659;
}

.f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://img818.imageshack.us/img818/4840/icontravis.png) #585659;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #585659;
}

.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
{
  position: absolute;
  width: 0px;
  height: 180px;
  background: url(http://imageshack.us/a/img607/6025/pastaffyoko.png) #bcbcbc;
  margin-left: 80px;
  overflow: hidden;
  text-align: right;
}
.f1_staffcontenu2
{
  margin-top: -72px;
  background: url(http://imageshack.us/a/img545/6725/pastaffalistair.png) #bcbcbc;
}
.f1_staffcontenu3
{
  margin-top: -144px;
  background: url(http://imageshack.us/a/img23/8923/pastafftravis.png) #bcbcbc;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
{
  width: 300px;
  border: 1px solid #828282;
    box-shadow: 0px 0px 3px #828282;
  -moz-box-shadow: 0px 0px 3px #828282;
  -o-box-shadow: 0px 0px 3px #828282;
  -htm-box-shadow: 0px 0px 3px #828282;
  -webkit-box-shadow: 0px 0px 3px #828282;
}
.mozaik_news
{
  margin: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #a14b4b;
}
.mozaik_datenews
{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #a14b4b;
  margin-right: 20px;
}
/*.mozaik_illu
{
  width: 100px;
  float: right;
  border: 1px solid #ffffff;
  margin: 5px;
}*/
.box_topsites
{display: inline-block;
align: center;
margin-top: 60px;}


Salut,

Va dans ton template index_body et tu as cette ligne en haut :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Retire le class="forumline" car c'est lui qui lui donne cette couleur de fond :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0">

Hey,

Tu as vu mon message ? Ca a changé quelque chose ?

Hey,

Pas de nouvelles ?
Deuxième relance

Salut,

Cela fait une troisième semaine qu'on a pas de nouvelles. Je fais donc une dernière relance mais si on a rien d'ici une semaine supplémentaire je devrai archiver.