[SPARROW] Thème complet pour forum Hunger Games (codage négociable)

Pour les codes, tu peux poster ici pour voir si un codeur pourrait pas t'aider éventuellement.
Mais pour l'image va falloir attendre le passage d'okh effectivement ^^

En fait les codes étaient déjà placés le souci c'est que je ne sais pas pourquoi, ils n'ont à ce jour encore plus d'effet...

Les codeurs pourront t'aider à résoudre ce problème-là si tu leur montres ton forum et tes codes :)

Ok je vais voir ^^

up

up

up

yop up

Salut!

Okh a l'air assez occupé, donc je suppose qu'on peut essayer de t'aider nous-même ^^

Premièrement, tu pourrais nous dire ce qu'elle est la version de ton forum?

Pour ce qui est de la CB, tu va dans ton panneau d'administration, dans "Modules", tout en bas dans "gestion des javascripts" et tu trouvera le javascript de la CB. On en aura besoin pour savoir comment corriger le problème ^^

Pour le bouton "sélectionner le code", c'est à la même place que le javascript de la CB normalement. Tu peux nous dire quelles options tu as choisi? Tu as fait sûr de cocher "sur tous les pages" ou "sur les sujets"? Si tu juste coché "sur l'index", cela ne fonctionnera pas.

Sinon, à part l'image de la signature du MJ, la CB et le "sélectionner le code", est-ce qu'il reste d'autres problèmes?

Salut Onyx,

Je te remercie beaucoup ^^ Oui j'avais compris qu'il était très occupé notre cher Capi pour ça que j'attendais ^^

Pour la CB je n'ai pas de javascript mais par contre pour sélectionner le contenu j'en ai un :

Code:

function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
        c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}
       
        $(function(){
            $("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner le contenu</span>');
        });

Il est mis sur toutes les pages.

Oui j'ai un nouveau souci. Les onglets de la PA ont disparus.

Salut!

Est-ce que les boutons réapparaissent si tu met ceci à la place du code de ta PA?

Code:

<div id="onglet1"><div id="onglet2"><div id="onglet3"><div id="onglet4"><div id="onglet5"><div id="v1"><div id="v2"><div id="v3"><div id="v4"><div id="v5"><div id="a1"><div id="a2"><div id="a3"><div id="a4"><div id="s1"><div id="s2"><div id="s3"><div id="pa"><div id="pa_fond"><div id="accueil_titre"></div>
<!-- BLOC 1 CAPITOLE --><div id="pa1"><div id="annonce"><span class="titre_pa">Communiqué officiel</span><span class="pa_contenu">Chers concitoyens,<br><br>Après une année de guerre civile, les rebelles ont enfin été vaincus grâce à la force et au courage du Capitole. De nombreux citoyens ont tout perdu dans les affrontements qui ont eu lieu et à ces personnes je souhaiterai leur dire qu'enfin Panem va de nouveau connaître une ère de paix et de prospérité. <br><br>Du fait de leurs agissements, nous n'avons pas eu d'autre choix que de détruire le District 13, foyer de la résistance, pour faire plier les dissidents et gagner cette guerre qui n'aurait jamais dû avoir lieu. Avec l'aide de nos chers pacificateurs, la reconstruction va pouvoir commencer et nous pourrons assurer la sécurité dans l'ensemble des 12 Districts restants.<br><br> C'est la bravoure et le courage des habitants du Capitole qui nous a permis de tenir et de résister contre les rebelles qui souhaitaient imposer leurs règles afin de prendre le pouvoir et de détruire l'ordre établi que nous héritons nous-mêmes de nos ancêtres. C'est ce même élan qui nous permettra de nous reconstruire ensemble et qui redorera le blason que Panem avait perdu durant cette année sans aucun sens.<br><br> Dorénavant, ils savent combien nous sommes forts et combien nous sommes prêts à défendre nos convictions, nos foyers et nos familles. Ils savent également combien ils sont faibles face à cette force du Capitole.<br><br> L'heure est maintenant à célébrer ! </span></div><div id="contexte"><span class="titre_pa">Pendant ce temps, dans Panem...</span><span class="pa_contenu"><img src="http://gerristerne.com/wp-content/uploads/2012/02/PanemDetail21-e1330577185413.jpg" class="pa_illu"> Le District 13 et les rebelles des autres Districts ont dû capituler face à la puissance de feu développée par le Capitole et qui a totalement mis en pièce le District 13 qui a été rayé de la carte. On ne compte plus les pertes du côté rebelle. Ainsi il est apparu au reste des dirigeants du mouvement qu'il était préférable de saisir la main tendue par le Capitole et son président Aaron Dashburn. <br><br>Il fut décidé que dorénavant, les accès aux Districts seraient parfaitement cloisonnés et que seule une poignée de personnes auraient maintenant accès aux Districts. Des pacificateurs seront mobilisés dans les Districts de manière temporaire afin de maintenir la paix et de débuter la reconstruction de Panem. Les éventuels derniers dissidents qui tenteraient des actions contre le Capitole seront sévèrement punis. <br><br>Afin de punir les Districts ayant fait la guerre au Capitole, le traité de capitulation prévoit que chaque année soient désormais organisés des Hunger Games ou jeux de la faim dans lesquels un jeune garçon et une jeune fille de chaque District seraient désignés pour s'affronter à mort dans une arène dont seulement un en ressortira gagnant et se verra couvert de fortune afin de montrer à tous combien le Capitole sait être généreux. <a href="#">Lire la suite</a></span></div><div id="staff">
<span class="titre_pa">Dirigeants</span>
<!-- DEBUT BLOC STAFF --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://img15.hostingpics.net/pics/128473presamjpa2.png">
<!-- NOM --><span class="id_nom">Panem</span>
<!-- TITRE --><span class="id_titre">Maître du Jeu</span>
<!-- TEXTE --><span class="pa_contenu">On ne dirait pas comme ça mais je n'ai jamais mangé personne (enfin... pour l'instant ^^') par contre j'aime beaucoup surprendre les joueurs en intervenant parfois pour bousculer leurs Rps ^^ Méfiez-vous ! :D</span>
<!-- LIENS --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR MINI --><img src="http://img15.hostingpics.net/pics/604320presamjpa.png"></span>
<!--  FIN BLOC STAFF -->
<!-- DEBUT BLOC STAFF --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>
<!-- AVATAR MINI --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png">
<!-- NOM --><span class="id_nom">Blablablablabla</span>
<!-- TITRE  --><span class="id_titre">Administrateur</span>
<!-- TEXTE --><span class="pa_contenu">Recrutement en cours</span>
<!-- LIENS --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR NORMAL --><img src="http://img15.hostingpics.net/pics/248493inconnu.png"></span>
<!-- FIN BLOC STAFF -->
<!-- DEBUT BLOC STAFF --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>
<!-- AVATAR MINI --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png">
<!-- NOM --><span class="id_nom">Blablablablablabla</span>
<!-- TITRE --><span class="id_titre">Modérateur</span>
<!-- TEXTE --><span class="pa_contenu">Recrutement en cours</span>
<!-- LIENS --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR NORMAL --><img src="http://img15.hostingpics.net/pics/248493inconnu.png"></span>
<!-- FIN BLOC STAFF -->
<!-- DEBUT BLOC STAFF --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>
<!-- AVATAR MINI  --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png">
<!-- NOM --><span class="id_nom">Blablablablablabla</span>
<!-- TITRE --><span class="id_titre">Modérateur</span>
<!-- TEXTE --><span class="pa_contenu">Recrutement en cours</span>
<!-- LIENS --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR NORMAL --><img src="http://img15.hostingpics.net/pics/248493inconnu.png"></span>
<!-- FIN BLOC STAFF -->
<!-- DEBUT BLOC STAFF --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>
<!-- AVATAR MINI --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png">
<!-- NOM --><span class="id_nom">Blablablablablabla</span>
<!-- TITRE --><span class="id_titre">Modérateur</span>
<!-- TEXTE --><span class="pa_contenu">Recrutement en cours</span>
<!-- LIENS --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR NORMAL --><img src="http://img15.hostingpics.net/pics/248493inconnu.png"></span>
<!-- FIN BLOC STAFF -->                                                                                                                                                               
</div><div id="derniers_mess"><span class="titre_pa">Derniers mouvements</span><span class="pa_contenu"><span class="recent-topics"><div class="marquee" data-direction="up" data-duration="8000" data-pauseonhover="true" style="overflow:hidden;height:200px;">» <a href="/t18p15-capitole-0-15#661" title="Capitole [0/15]">Capitole [0/15]</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Sam 23 Mai - 16:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br><br>» <a href="/t102-episode-1-les-hunger-games#642" title="Episode 1 : Les Hunger Games">Episode 1 : Les Hunger Games</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Dim 19 Avr - 20:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br><br>» <a href="/t34-upset-world-en-attente-de-reponse#596" title="Upset World [En attente de réponse]">Upset World [En attente de réponse]</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Dim 8 Juin - 9:36 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br><br>» <a href="/t64-eden-s-garden#593" title="Eden's Garden">Eden's Garden</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Dim 6 Avr - 9:55 par Invité<br><br>» <a href="/t30-formulaire-de-candidature#588" title="Formulaire de candidature">Formulaire de candidature</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Mer 29 Jan - 21:29 par Invité<br><br>» <a href="/t38-le-flood#587" title="Le Flood !">Le Flood !</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Ven 24 Jan - 14:43 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br><br>» <a href="/t39-catching-fire-sorti-au-cinema#484" title="Catching Fire sorti au cinéma !">Catching Fire sorti au cinéma !</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Mar 17 Déc - 2:07 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br><br>» <a href="/t75-love-delicious#440" title="Love Delicious">Love Delicious</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Lun 16 Déc - 9:50 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br><br>» <a href="/t43-vos-screens-ou-videos-humoristiques-trouvees-sur-le-web#399" title="Vos screens ou vidéos humoristiques, trouvées sur le web">Vos screens ou vidéos humoristiques, trouvées sur le web</a><br><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="">Jeu 12 Déc - 12:01 par&nbsp;<a href="/u2"><span style="color:#81B38A"><strong>Katniss Everdeen</strong></span></a><br><br></div></span> <script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('.recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></span></div><div id="credits"><span class="pa_contenu">Crédits (c) • Pizi mais surtout un grand merci à Sparrow de Never Utopia pour ce magnifique design</span></div></div>
<!-- BLOC 2 VACANTS -->                                                                                                                    <div id="pa2"><div class="vac_onglets"><a href="#v1">Capitole</a><a href="#v2">Districts</a><a href="#v3">Rebelles</a><a href="#v4">Pro-Snow</a><a href="#v5">Tributs</a></div><div class="vac1"><span class="titre_pa">Postes vacants - Capitole</span>
<!-- DEBUT VACANTS CAPITOLE -->
<!-- DEBUT BLOC VACANT --><span class="vacant_bloc"><span class="vacant_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://i.imgur.com/sfOpS.jpg">
<!-- NOM --><span class="id_nom">Prénom Nom</span>
<!-- TITRE --><span class="id_titre">Titre, Métier, Poste</span>                                                                           
<!-- TEXTE --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>
<!-- LIENS --><span class="id_liens"><a href="#">Fiche</a></span></span>
<!-- AVATAR MINI --><img src="http://youbentmywookie.com/wookie/gallery/1211_entertainment/ad-image-of-elizabeth-banks-as-effie-trinket-in-the-hunger-games_t.jpg"></span>
<!-- FIN BLOC VACANT -->
<!-- FIN VACANTS CAPITOLE -->                                                                       
</div><div class="vac2"><span class="titre_pa">Postes vacants - Districts</span>
<!-- DEBUT VACANTS DISTRICTS -->
<!-- DEBUT BLOC VACANT --><span class="vacant_bloc"><span class="vacant_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://37.media.tumblr.com/ca0744071d7bccf8a37ef7306beaa5ee/tumblr_mzrr8g5QRR1sllbxko8_250.png">
<!-- NOM --><span class="id_nom">Prénom Nom</span>
<!-- TITRE --><span class="id_titre">Titre, Métier, Poste</span>
<!-- TEXTE --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>
<!-- LIENS --><span class="id_liens"><a href="#">Fiche</a></span></span>
<!-- AVATAR MINI --><img src="http://l-userpic.livejournal.com/120653710/24252040"></span>
<!-- FIN BLOC VACANT -->
<!-- FIN VACANTS DISTRICTS -->
</div><div class="vac3"><span class="titre_pa">Postes vacants - Rebelles</span>
<!-- DEBUT VACANTS REBELLES -->
<!-- FIN VACANTS REBELLES -->
</div><div class="vac4"><span class="titre_pa">Postes vacants - A Venir</span>
<!-- DEBUT VACANTS PROSNOW -->
<!-- FIN VACANTS PROSNOW -->
</div><div class="vac5"><span class="titre_pa">Postes vacants - Tributs</span>
<!-- DEBUT VACANTS TRIBUTS -->
<!-- FIN VACANTS TRIBUTS -->
</div></div>
<!-- BLOC 3 ACTUALITES --><div id="pa3"><div class="actu_onglets">
<a href="#a1">Capitole</a><a href="#a2">Districts</a><a href="#a3">Rebelles</a><a href="#a4">Pro-Snow</a></div><div class="actu1">
<span class="titre_pa">Actualités - Capitole</span>
<!-- DEBUT ACTUALITES CAPITOLE --><span class="pa_contenu"><img src="http://3.bp.blogspot.com/-d60g-pU0X28/T2qYYyqblxI/AAAAAAAAHxg/UvtRgS3Xq1c/s400/eyelashes.jpg" class="pa_illu">Un an de guerre civile... un an de pertes, de bombardements, d'attaques et de restrictions en tous genres. Les enfants n'allaient plus à l'école, la plupart des administrations fonctionnaient au ralenti voire certaines plus du tout. La nourriture se faisait parfois rare, des tickets de rationnement avaient même dus être mis en place. Jamais le Capitole n'avait connu ça depuis sa création. <br><br> Néanmoins malgré les privations le Capitole avait tenu bon, se raccrochant aux espoirs que son Président lui donnaient. C'est ainsi que peu avant la nuit tombée, il fut annoncé sur les hauts-parleurs une attaque de grande ampleur qui avec un peu de chance, allait mettre fin à la guerre. Tous les habitants du Capitole étaient alors sortis de chez eux pour courir vers la grande place où un écran géant avait été installé pour l'occasion. <br><br> Après une longue attente, apparu sur les écrans le Président, expliquant qu'ils allaient bombarder le District 13 avec une force de frappe jamais vue encore dans Panem afin de tenter d'obtenir la reddition des rebelles. Il expliqua alors que des cameras avaient été installées sur des hovercraft à l'intérieur desquels se trouvaient également des équipes de tournage pour filmer cet évènement afin de pouvoir les diffuser non seulement à la population mais surtout que ce moment puisse rester à jamais gravé dans les mémoires. <br><br> Sur la place les regards de chacun était alors accroché à l'écran comme si leur vie en dépendait et à vrai dire c'était en quelque sorte le cas puisque la tournure de la guerre allait s'opérer là. Apparu alors sur l'écran une vision des diverses équipes présents dans les hovercrafts. Si l'opération réussissait, demain ces personnes seraient traitées dans tout Panem comme de véritables héros. <br><br> Lorsque les premiers bombardements retentirent la joie fit battre les cœurs du Capitole. Tous virent le District 13 tomber en morceau pierre après pierre. Certains habitants tentaient de se réfugier en courant partout. Cette nuit là beaucoup moururent sous les bombes incendiaires d'un Capitole qu'ils avaient menacé et même qu'ils avaient terrorisé avec leurs attentats. C'était la <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=vengeance&linkCode=ur2" rel="nofollow"><span>vengeance</span></a> de la capitale contre ses districts dissidents, contre les rebelles. L'unité de l'Etat allait pouvoir être enfin restaurée.<br><br> Le drapeau blanc hissé par les rebelles encore en vie fut pour tous un soulagement. La liesse s'empara alors de la place. Les gens criaient victoire, pleuraient s'embrassaient. Peu importe si on connaissait son voisin ou non, le Capitole ne faisait plus qu'un en cet instant. La guerre était finie, les privations et cette vie monotone qui s'était installée durant l'année allait toucher à sa fin. Panem allait pouvoir être reconstruit et la vie allait pouvoir reprendre son cours. <br><br> Jamais le Président ne fut autant applaudit qu'en ce moment précis. Jamais il n'avait autant été aimé et adoré. S'il y a quelques heures, certains critiquaient sa manière de gouverner, aujourd'hui personne ne doutait plus de lui et tous étaient reconnaissants qu'enfin toute cette abomination se termine. Après un discours pour le moins galvaniseur, il annonça que les hovercraft allaient ramener avec eux les chefs rebelles pour signature d'un traité de paix. Les responsables de ces horreurs allaient être jugés et punis selon les lois du Capitole. C'était un soulagement pour tous. C'était la fin du calvaire et chacun avait hâte de pleurer ses morts, de faire leur deuil, de pouvoir de nouveau sortir dans la rue sans avoir peur.<br><br> Mais en ces instants de bonheur, une volonté était figée sur les lèvres de chacun des habitants du Capitole : Les Districts devaient payer l'affront et la terreur dans laquelle ils avaient dû vivre pendant 1 an. Certes l'Etat devait être de nouveau unis mais les cœurs eux n'oublieraient pas les sacrifiés et le sang versé par le Capitole à cause des Districts.</span>
<!-- FIN ACTUALITES CAPITOLE -->
</div><div class="actu2"><span class="titre_pa">Actualités - Districts</span>
<!-- DEBUT ACTUALITES DISTRICTS --><span class="pa_contenu"><img src="http://img4.hostingpics.net/pics/460324actusdistricts.png" class="pa_illu">Ce soir il allait se passer quelque chose c'était certain. A la nuit tombée, une horde de pacificateurs avaient été dépêchés dans les Districts qui leur étaient encore soumis pour installer des écrans géants. Quoi qu'il se passe, le Capitole voulait que ce soit vu de tous... Cela ne présageait rien de bon. Les pro-rebelles coururent alors prévenir le commandement que quelque chose de grande ampleur se préparait c'était sûr. <br><br>Une fois les écrans installés et la population réunie sur les places sous bonne garde, le Président apparu sur l'écran géant pour son élocution. Une grande bataille allait être jouée ce soir, une bataille qui allait pouvoir mettre fin à la guerre si elle réussissait. Dans les Districts tout le monde se regardait sans comprendre. Certains, joyeux que tout ça se finisse, d'autres le visage fermé, inquiets pour leurs amis, leurs proches qui étaient parvenus à s'enfuit et qui étaient sur le terrain, qui combattaient.<br><br>Lorsque les hovercraft dépassèrent le District 12 tout le monde comprit alors que leur destination finale était le District 13 qu'ils allaient bombarder sans ménagement. Plus les bombes incendiaires s'abattaient sur le District 13 plus certains pâlissaient à vue d’œil. Certaines femmes tombèrent dans les pommes d'inquiétude pour leur mari, leurs enfants qui étaient partis. Elles étaient alors le plus souvent prises en charge par des amis, des voisins, des proches qui les portaient chez elles et s'occupaient de ces pauvres femmes. Sur d'autres, des larmes coulaient sur leurs joues avec ce sentiment d'avoir tout perdu. Ils voyaient des gens fuir, tenter de se cacher pour éviter les bombes mais comment pouvait-on réellement éviter ce genre de bombes ? D'autres avaient les yeux écarquillés, le sourire aux lèvres, trop heureux de voir la puissance de leur cher protecteur le Capitole faire son œuvre et mater ces fichus rebelles qui avaient jeté l’opprobre sur les Districts  et rendu leur vie bien plus triste qu'elles ne l'étaient. <br><br>Après ce qui avait paru être des heures (ou peut être que ça l'était) de bombardements acharnés, un drapeau blanc fut hissé et les réactions au sein des Districts furent alors partagées. Entre beaucoup qui étaient sincèrement heureux de la fin de la guerre et ceux qui pleuraient ceux qu'ils avaient sans doute perdu ce soir, sans compter les personnes qui sentaient que les choses allaient être plus dures maintenant et qu'allait s'ouvrir une ère de tristesse et de difficultés pour les Districts. Une chose en tout cas était certaine pour beaucoup : L'avenir n'était pas glorieux ni très joyeux pour eux. <br><br>Beaucoup repartirent chez eux et très peu restèrent faire la fête dans les Districts ce soir là. Les chefs rebelles ou en tout cas ceux qui avaient décidé de se rendre au nom des rebelles, allaient sans doute être châtiés en place publique pour cette année d'enfer que tout le monde avait dû supporter entre les attentats les prises d'emplacements stratégiques que le Capitole avait été loin de laisser prendre sans les défendre. Toutes ces vies perdues, sacrifiées gâchées pour... rien à part un Capitole toujours plus fort. Et encore ce n'était rien comparé à ce que les Districts allaient bientôt devoir supporter...</span>
<!-- FIN ACTUALITES DISTRICTS -->
</div><div class="actu3"><span class="titre_pa">Actualités - Rebelles</span>
<!-- DEBUT ACTUALITES REBELLES --><span class="pa_contenu"><img src="http://img4.hostingpics.net/pics/400362actualitesrebelles.png" class="pa_illu">Peu avant la tombée de la nuit, le réseau de la rébellion se mit à marcher. Quelque chose se préparait, une grosse action du Capitole allait avoir lieu ce soir. Le District 13 se mit alors immédiatement en état d'alerte. Malheureusement s'ils devaient essuyer une attaque, les rebelles ne pourraient pas protéger grand monde au District 13, les installations souterraines n'étant pas équipées pour servir de refuge à des victimes de bombardements. Fallait-il en parler aux autres, à ceux qui ne pourraient pas être sauvés ? Bien sûr que non... Il fallait avant tout permettre à la cause de perdurer et éviter le District 13 d'être totalement détruit. <br><br>Ainsi le District 13 se mit en alerte générale en cas d'attaque. Chacun était requis à son poste et dans la salle de commandement, tout le monde savait que peu d'entre eux survivraient à une éventuelle attaque massive du Capitole. Tout ce qu'ils espéraient c'était que le bâtiment souterrain tiendrait le coup. Par sécurité, les portes blindées de la forteresse souterraine furent fermées, rendant le bâtiment totalement inaccessible en espérant que ça suffise.<br><br>Sur les coups de 22h les rebelles virent alors arriver sur eux une nuée d'hovercraft qui larguèrent alors leurs bombes incendiaires. Ce fut le chaos le plus total. Certains continuèrent jusqu'au bout à se battre, d'autres abandonnèrent leurs postes pour tenter d'aller se réfugier dans la forteresse souterraine sans pour autant y parvenir. Quelques hovercraft tombèrent sous les défenses anti aériennes dont le District 13 avait pris possession mais trop peu malheureusement. Il y eut beaucoup de pertes cette nuit là.<br><br>Suite à un bombardement la salle de commandement a perdu tout contrôle sur l'extérieur. Les techniciens parvinrent seulement à accéder au réseau d'informations du Capitole et donc aux images retransmises. Au milieu de la nuit, il devait être 00h30 un petit groupe de survivants dressèrent un drapeau blanc en signe de reddition. A l'intérieur de la salle de commandement les chefs de la rébellion étaient perplexes. Que devaient-ils faire ? Vu le peu de survivants et de ressources dont ils disposaient et connaissant le sort qu'on allait leur réserver s'ils étaient pris, il fut décidé de laisser faire et de laisser le Capitole croire qu'ils avaient détruit le District 13. Ils penseraient certainement que l'endroit est trop instable voir radioactif et le laisserait à l'abandon avec un peu de chance, permettant au District 13 de se reconstruire en attendant le jour où son tour viendrait. Ainsi il fut décidé que le District 13 tomberait dans l'oubli pour devenir plus fort encore mais laisserait tout de même sa porte ouverte à ceux qui seraient désireux d'échapper au joug du Capitole à la seule condition qu'ils ne puissent pas le quitter et qu'ils se soumettent à leurs règles.</span>
<!-- FIN ACTUALITES REBELLES -->
</div><div class="actu4">
<span class="titre_pa">Actualités - A Venir</span>
<!-- DEBUT ACTUALITES A venir --><span class="pa_contenu">Actualités "A Venir".</span>
<!-- FIN ACTUALITES A venir -->
</div></div>
<!-- BLOC 4 HUNGER GAMES --><div id="pa4"><span class="titre_pa">Hunger Games N° XX</span><div id="hg_tributs"><span class="titre_pa">Tributs</span>
<!-- DEBUT TRIBUTS -->
<!-- DEBUT BLOC TRIBUT --><span class="tribut_bloc"> <span class="tribut_mort" style="display: none;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg">
<!-- NOM --><span class="id_nom">Finnick Odair</span>
<!-- DISTRICT --><span class="id_titre">DISCTRICT X</span>
<!-- TEXTE --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>
<!-- LIENS --><span class="id_liens"><a href="#">Sponsoriser</a><br><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR MINI --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg"></span>
<!-- FIN BLOC TRIBUT -->
<!-- DEBUT BLOC TRIBUT --><span class="tribut_bloc"><span class="tribut_mort" style="display: none;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg">
<!-- NOM --><span class="id_nom">Finnick Odair</span>
<!-- DISTRICT  --><span class="id_titre">DISCTRICT X</span>
<!-- TEXTE --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>
<!-- LIENS --><span class="id_liens"><a href="#">Sponsoriser</a><br><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR MINI --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg"></span>
<!-- FIN BLOC TRIBUT -->
<!-- DEBUT BLOC TRIBUT --><span class="tribut_bloc"><span class="tribut_mort" style="display: block;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>
<!-- AVATAR NORMAL --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg">
<!-- NOM --><span class="id_nom">Finnick Odair</span>
<!-- DISTRICT  --><span class="id_titre">DISCTRICT X</span>
<!-- TEXTE --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>
<!-- LIENS --><span class="id_liens"><a href="#">Sponsoriser</a><br><a href="#">MP</a> - <a href="#">Profil</a></span></span>
<!-- AVATAR MINI --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg"></span>
<!-- FIN BLOC TRIBUT -->
<!-- FIN TRIBUTS -->
</div><div id="hg_infos"><span class="titre_pa">Informations</span><div class="infos_texte">Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.</div><div class="infos_meteo">
<img src="http://www.icone-png.com/png/36/35642.png"><br>Temps gris et pluvieux - Température XX°</div></div><div id="hg_actu"><span class="titre_pa">Actualités</span><span class="pa_contenu">Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti. <br><br><span style="font-size: 18px;">Titre</span> - Description des événements... <a href="#">[Revoir cette action]</a><br><span style="font-size: 18px;">Titre</span> - Description des événements... <a href="#">[Revoir cette action]</a> </span></div></div>
<!-- BLOC 5 SPONSORS --><div id="pa5"><div class="sponsors_onglets"><a href="#s1">RP</a><a href="#s2">Autres</a><a href="#s3">Top Sites</a></div><div class="sponsors1"><span class="titre_pa">Forum RPG</span> <span class="pa_contenu"></span></div><div class="sponsors2"><span class="titre_pa">Forum "Autres"</span><span class="pa_contenu"><a href="http://never-utopia.com"><img src="http://img15.hostingpics.net/pics/819292bouton1.jpg"></a></span></div>
<div id="pa_boutons">
<a href="#onglet1"><img src="http://img11.hostingpics.net/pics/742045pabouton5.png"></a><a href="#onglet2"><img src="http://img11.hostingpics.net/pics/244072pabouton1.png"></a><a href="#onglet3"><img src="http://img11.hostingpics.net/pics/184663pabouton2.png"></a><a href="#onglet4"><img src="http://img11.hostingpics.net/pics/384529pabouton3.png"></a><a href="#onglet5"><img src="http://img11.hostingpics.net/pics/352816pabouton4.png"></a>                                                               
</div>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>

Pour le "sélectionner le code", c'est bizarre parce que ça marche chez moi Toujours dans ta gestion des javascripts, tu as bien coché "OUI" à "Activer la gestion des codes Javascript"? Si oui, j'aimerais que tu me donne tous les javascripts que tu as, il y a en peut-être un qui interfère avec celui-ci.

Pour le reste, j'aurais normalement downloadé les fichiers de Sparrow, mais vu qu'ils ne sont plus en ligne, est-ce que tu pourrais me donner ton CSS? Et le code de ton template "Overhall header"?

Salut,

Han oui l'histoire des espaces j'avais tout retiré une fois c'était réapparu. Là j'ai eu beau coller ton code il remet automatiquement tous les espaces... du coup je n'arrive pas à les enlever :/

Pour les Javascript je n'en ai pas beaucoup mais j'ai bien oui dans l'activation des pages javascript.

Un javascript pour le règlement :

Code:

<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
jQuery("a[href*='/register']").each(function(){
jQuery(this).attr("href","http://the-girl-on-fire.forumactif.org/h1-reglement");
});
});
//]]>
</script>

Un javascript pour le répertoire google :

Code:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Voici mon CSS :

Code:

body
{
  background-image: url(http://img4.hostingpics.net/pics/902719back.jpg);
  background-repeat: repeat-y;
  background-size: cover auto;
  background-position: top center;
  background-color: #030304;
}
body.chatbox {
    background-image: url(http://img4.hostingpics.net/pics/902719back.jpg);
    }
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1018.cur), progress !important;} /* End http://www.cursors-4u.com */
a:link, a:hover
{
  text-decoration: none !important;
}
#ipbwrapper
{
  margin: 0;
  padding: 0;
}
#head
{
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: url(http://img4.hostingpics.net/pics/834882fondhead.jpg) top center no-repeat #191816;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 200ms;
}
#head:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 200ms;
}
#logo_head
{
  position: absolute;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  background: url(http://img4.hostingpics.net/pics/388773logohead.png);
}
#navigation
{
  position: absolute;
  left: 50%;
  margin-left: -460px;
  width: 450px;
  height: 30px;
}
#navigation img
{
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 200ms;
}
#navigation img:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 200ms;
}
#log
{
  position: absolute;
  left: 50%;
  margin-left: -460px;
  margin-top: 30px;
  width: 400px;
  height: 20px;
  text-align: center;
  color: #818181;
  font-family: 'Electrolize', sans-serif;
}
#recherche_rapide
{
  position: absolute;
  left: 50%;
  margin-left: 50px;
  width: 400px;
  height: 50px;
  text-align: center;
  color: #818181;
  font-family: 'Electrolize', sans-serif;
}
.search_titre
{
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.search_champ, input, textarea, select
{
  background: #3d3d3d;
  border: none !important;
  color: #818181;
  padding: 2px;
  font-family: 'Carme', sans-serif !important;
  margin: 2px;
}
.search_button, .button
{
  background-image: linear-gradient(bottom, #c7bdbe, #f8f8f8);
  background-image: -o-linear-gradient(bottom, #c7bdbe, #f8f8f8);
  background-image: -moz-linear-gradient(bottom, #c7bdbe, #f8f8f8);
  background-image: -htm-linear-gradient(bottom, #c7bdbe, #f8f8f8);
  background-image: -webkit-linear-gradient(bottom, #c7bdbe, #f8f8f8);
  background-image: -ms-linear-gradient(bottom, #c7bdbe, #f8f8f8);
  border: 1px solid #f8f8f8;
  box-shadow: 0px 0px 3px #000000;
  -moz-box-shadow: 0px 0px 3px #000000;
  -o-box-shadow: 0px 0px 3px #000000;
  -htm-box-shadow: 0px 0px 3px #000000;
  -webkit-box-shadow: 0px 0px 3px #000000;
  border-radius: 2px;
  color: #171614;
  font-family: 'Coda', cursive;
  cursor: pointer;
}
.search_button:hover, .button:hover
{
  box-shadow: 0px 0px 5px #e4ce9a;
  -moz-box-shadow: 0px 0px 5px #e4ce9a;
  -o-box-shadow: 0px 0px 5px #e4ce9a;
  -htm-box-shadow: 0px 0px 5px #e4ce9a;
  -webkit-box-shadow: 0px 0px 5px #e4ce9a;
  transition: 200ms;
}
.search_button:focus, .button:focus
{
  background-image: linear-gradient(bottom, #f8f8f8, #c7bdbe);
  background-image: -o-linear-gradient(bottom, #f8f8f8, #c7bdbe);
  background-image: -moz-linear-gradient(bottom, #f8f8f8, #c7bdbe);
  background-image: -htm-linear-gradient(bottom, #f8f8f8, #c7bdbe);
  background-image: -webkit-linear-gradient(bottom, #f8f8f8, #c7bdbe);
  background-image: -ms-linear-gradient(bottom, #f8f8f8, #c7bdbe);
}
#ban
{
  width: 100%;
  height: 500px;
  overflow: hidden;
  background-image: url(http://img4.hostingpics.net/pics/591199ban4.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover auto;
}
#connectes
{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 300px;
  margin-left: 100px;
  width: 250px;
  background: #171614;
  border: 1px solid #2b2822;
  font-size: 11px;
  padding: 10px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 500ms;
}
#non_connectes
{
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 300px;
  margin-left: 100px;
  width: 250px;
  background: #171614;
  border: 1px solid #2b2822;
  font-size: 11px;
  padding: 10px;
}
#connectes:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 500ms;
}
#connectes a
{
  display: block;
  font-variant: small-caps;
  font-size: 10px;
}
.non_co_titre
{
  display: block;
  font-size: 16px;
  text-align: center;
  font-family: 'Electrolize', sans-serif;
  font-weight: bold;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/* PAGE ACCUEIL */
#left, .module .box-content
{
  display: none;
}
#pa
{
  position: relative;
  width: 99%;
  margin: auto;
  height: 500px;
  margin-top: -3px;
  background-image:-moz-linear-gradient(#171614, #000000, #171614);
  background-image:-webkit-linear-gradient(#171614, #000000, #171614);
  background-image:-o-linear-gradient(#171614, #000000, #171614);
  background-image:linear-gradient(#171614, #000000, #171614);
  border: 1px solid #2b2822;
  overflow: hidden;
}
#pa_fond
{
  position: absolute;
  width: 100%;
  height: 500px;
  background: url(http://img4.hostingpics.net/pics/209860pa2fond.png) center center no-repeat transparent;
}
#accueil_titre
{
  position: relative;
  width: 600px;
  height: 40px;
  margin: auto;
  background: url(http://img4.hostingpics.net/pics/726829accueiltitre.png);
}
#pa_boutons
{
  position: absolute;
  z-index: 900;
  width: 900px;
  height: 40px;
  bottom: 0;
  left: 50%;
  margin-left: -450px;
  text-align: center;
}
#pa1,
#onglet1:target #pa1, #onglet2:target #pa2, #onglet3:target #pa3, #onglet4:target #pa4, #onglet5:target #pa5,
#v1:target #pa2, #v2:target #pa2, #v3:target #pa2, #v4:target #pa2, #v5:target #pa2,
#a1:target #pa3, #a2:target #pa3, #a3:target #pa3, #a4:target #pa3,
#s1:target #pa5, #s2:target #pa5, #s3:target #pa5
{
  position: absolute;
  z-index: 990;
  width: 900px;
  height: 400px;
  left: 50%;
  top: 10%;
  margin-left: -450px;
  background: url(http://img4.hostingpics.net/pics/227389fondcadrepa.png);
  border: 1px solid #2b2822;
  box-shadow: 0px 0px 5px #000000;
  transform: rotate(0deg);
  overflow: visible;
  transition: 500ms;
}
#pa2, #pa3, #pa4, #pa5,
#onglet1:target #pa2, #onglet1:target #pa3, #onglet1:target #pa4, #onglet1:target #pa5,
#onglet2:target #pa1, #onglet2:target #pa3, #onglet2:target #pa4, #onglet2:target #pa5,
#onglet3:target #pa1, #onglet3:target #pa2, #onglet3:target #pa4, #onglet3:target #pa5,
#onglet4:target #pa1, #onglet4:target #pa2, #onglet4:target #pa3, #onglet4:target #pa5,
#onglet5:target #pa1, #onglet5:target #pa2, #onglet5:target #pa3, #onglet5:target #pa4,
#v1:target #pa1, #v2:target #pa1, #v3:target #pa1, #v4:target #pa1, #v5:target #pa1,
#a1:target #pa1, #a2:target #pa1, #a3:target #pa1, #a4:target #pa1,
#s1:target #pa1, #s2:target #pa1, #s3:target #pa1
{
  position: absolute;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  margin-left: 0px;
  background: url(http://img4.hostingpics.net/pics/227389fondcadrepa.png);
  transform: rotate(-45deg);
  overflow: hidden;
  transition: 500ms;
}
#annonce, #contexte, #staff, #derniers_mess, #credits, #hg_tributs, #hg_infos, #hg_actu
{
  position: absolute;
  background: url(http://img11.hostingpics.net/pics/974420fondcadrepa2.png);
  border: 1px solid #3d3d3d;
  text-align: justify;
  line-height: 13px;
}
#annonce
{
  width: 220px;
  height: 380px;
  margin-top: 10px;
  margin-left: 10px;
}
#contexte
{
  width: 420px;
  height: 200px;
  margin-top: 10px;
  margin-left: 240px;
}
#staff
{
  width: 420px;
  height: 110px;
  margin-top: 220px;
  margin-left: 240px;
}
#derniers_mess
{
  width: 220px;
  height: 380px;
  margin-top: 10px;
  margin-left: 670px;
}
#credits
{
  width: 420px;
  height: 50px;
  margin-left: 240px;
  margin-top: 340px;
}
#hg_tributs
{
  height: 350px;
  margin-left: 10px;
  margin-top: 10px;
  width: 220px;
}
#hg_infos
{
  height: 130px;
  margin-left: 240px;
  margin-top: 10px;
  width: 650px;
}
#hg_actu
{
  height: 210px;
  margin-left: 240px;
  margin-top: 150px;
  width: 650px;
}
.titre_pa, .titre_qeel
{
  display: block;
  padding: 5px;
  font-family: 'Open Sans Condensed', sans-serif;
  background: #171614;
  font-variant: small-caps;
  font-size: 18px;
  border-bottom: 1px solid #010101;
}
.pa_contenu
{
  display: block;
  padding: 5px;
  overflow: auto;
}
#annonce .pa_contenu, #derniers_mess .pa_contenu, .sponsors1 .pa_contenu, .sponsors2 .pa_contenu, .sponsors3 .pa_contenu
{
  height: 90%;
}
#contexte .pa_contenu, #credits .pa_contenu
{
  height: 82%;
}
#hg_actu .pa_contenu
{
  height: 84%;
}
.staff_description .pa_contenu, .vacant_description .pa_contenu, .tribut_description .pa_contenu
{
  height: 100px;
  font-size: 11px;
}
.actu1 .pa_contenu, .actu2 .pa_contenu, .actu3 .pa_contenu, .actu4 .pa_contenu
{
  height: 345px;
}
.pa_illu
{
  float: left;
  max-width: 150px;
  margin: 2px;
  border: 2px solid #000000;
}
.tribut_bloc
{
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 5px;
}
.staff_bloc img
{
  width: 60px;
  margin: 10px 5px;
  border: 1px solid #000000;
  transition: 200ms;
}
.tribut_bloc img
{
  width: 60px;
  border: 1px solid #000000;
  transition: 200ms;
}
.staff_bloc img:hover, .tribut_bloc img:hover
{
  border: 1px solid #a77e1d;
  transition: 200ms;
}
.staff_description
{
  position: absolute;
  display: none;
  z-index: 999;
  top: 0;
  left: 0;
  width: 300px;
  height: 200px;
  background: #171614;
  border: 1px solid #000000;
  margin-top: -160px;
  margin-left: 50px;
}
.tribut_description
{
  position: absolute;
  display: none;
  z-index: 999;
  width: 300px;
  height: 200px;
  background: #171614;
  border: 1px solid #000000;
  margin-top: 40px;
  margin-left: 55px;
}
.staff_bloc:hover .staff_description, .tribut_bloc:hover .tribut_description
{
  display: block;
}
.staff_description img, .tribut_description img
{
  width: 80px;
  float: left;
}
.id_nom
{
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  background: #3d3d3d;
  padding: 4px;
  text-align: right;
  color: #aa9639;
  font-weight: bold;
  text-shadow: 1px 1px 0px #2b2822;
}
.id_titre
{
  display: block;
  font-family: 'Coda', cursive;
  text-align: right;
  font-size: 14px;
  color: #3d3d3d;
}
.id_liens
{
  clear: both;
  display: block;
  text-align: center;
  font-family: 'Electrolize', sans-serif;
  font-size: 14px;
  letter-spacing: 4px;
}
.vac1, .vac2, .vac3, .vac4, .vac5,
.actu1, .actu2, .actu3, .actu4,
.sponsors1, .sponsors2, .sponsors3
{
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  margin-top: 10px;
  margin-left: 200px;
  width: 680px;
  height: 380px;
  background: url(http://img11.hostingpics.net/pics/974420fondcadrepa2.png);
  border: 1px solid #3d3d3d;
  text-align: justify;
  line-height: 13px;
}
.vac_onglets, .actu_onglets, .sponsors_onglets
{
  position: absolute;
  width: 180px;
  margin-left: 10px;
  margin-top: 50px;
  height: 330px;
}
.vac_onglets a, .actu_onglets a, .sponsors_onglets a
{
  display: block;
  padding: 10px;
  background: #2b2822;
  border: 1px solid #171614;
  margin: 20px 0;
  text-align: center;
  font-size: 18px;
  color: #ab9636;
  text-shadow: 1px 1px 0px #171614;
  font-variant: small-caps;
}
.vac1, #v1:target .vac1, #v2:target .vac2, #v3:target .vac3, #v4:target .vac4, #v5:target .vac5,
.actu1, #a1:target .actu1, #a2:target .actu2, #a3:target .actu3, #a4:target .actu4,
.sponsors1, #s1:target .sponsors1, #s2:target .sponsors2, #s3:target .sponsors3
{
  display: block;
}
#v1:target .vac2, #v1:target .vac3, #v1:target .vac4, #v1:target .vac5,
#v2:target .vac1, #v2:target .vac3, #v2:target .vac4, #v2:target .vac5,
#v3:target .vac1, #v3:target .vac2, #v3:target .vac4, #v3:target .vac5,
#v4:target .vac1, #v4:target .vac2, #v4:target .vac3, #v4:target .vac5,
#v5:target .vac1, #v5:target .vac2, #v5:target .vac3, #v5:target .vac4,
#a1:target .actu2, #a1:target .actu3, #a1:target .actu4,
#a2:target .actu1, #a2:target .actu3, #a2:target .actu4,
#a3:target .actu1, #a3:target .actu2, #a3:target .actu4,
#a4:target .actu1, #a4:target .actu2, #a4:target .actu3,
#s1:target .sponsors2, #s1:target .sponsors3,
#s2:target .sponsors1, #s2:target .sponsors3,
#s3:target .sponsors1, #s3:target .sponsors2
{
  display: none;
}
.vacant_bloc
{
  display: inline-block;
}
.vacant_bloc img
{
  width: 100px;
  margin: 10px 5px;
  border: 1px solid #000000;
  transition: 200ms;
}
.vacant_bloc img:hover
{
  border: 1px solid #a77e1d;
  transition: 200ms;
}
.vacant_description
{
  position: absolute;
  display: none;
  z-index: 999;
  width: 300px;
  height: 200px;
  margin-top: 100px;
  background: #171614;
  border: 1px solid #000000;
}
.vacant_bloc:hover .vacant_description
{
  display: block;
}
.vacant_description img
{
  width: 80px;
  float: left;
}
.tribut_mort
{
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(http://img4.hostingpics.net/pics/141707fondtributmort.png);
  margin: 1px 0px 0px 1px;
}
.infos_texte
{
  position: absolute;
  width: 430px;
  height: 100px;
  overflow: auto;
  padding: 5px;
}
.infos_meteo
{
  position: absolute;
  width: 200px;
  margin-left: 440px;
  height: 100px;
  overflow: auto;
  text-align: center;
}
.infos_meteo img
{
  width: 60px;
}
.sponsors1 img, .sponsors2 img, .sponsors3 img
{
  opacity: 0.6;
  transition: 500ms;
}
.sponsors1 img:hover, .sponsors2 img:hover, .sponsors3 img:hover
{
  opacity: 1;
  transition: 500ms;
}

/* CATEGORIES */
#main, #content-container
{
  width: 950px;
  margin: auto;
}
#content-container div#main
{
  margin-bottom: 0;
}
.borderwrap
{
  background: #171614;
  border: 1px solid #2b2822;
  margin: 10px 0;
}
.box-content
{
  border: none;
}
table.ipbtable tfoot td
{
  display: none;
}
.cate_titre
{
  margin-bottom: -5px;
}
.cate_bloc
{
  background: #171614;
  border: 1px solid #2b2822;
}
.cate_forum
{
  float: left;
  width: 450px;
  height: 200px;
  margin: 10px;
  background: url(http://img11.hostingpics.net/pics/974420fondcadrepa2.png);
  border: 1px solid #3d3d3d;
  text-align: justify;
}
.titre_forum
{
  display: block;
  padding: 5px;
  font-family: 'Open Sans Condensed', sans-serif;
  background: url(http://img4.hostingpics.net/pics/442801fondtitreforum.jpg);
  font-variant: small-caps;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #6e1902;
  letter-spacing: 2px;
  text-align: center;
}
.forumtitle
{
  color: #2b2822 !important;
  text-shadow: 1px solid #b29c2a;
}
.forumtitle:hover
{
  color: #171614 !important;
}
.icone_forum
{
  position: absolute;
  z-index: 9;
  margin-left: 20px;
  margin-top: -20px;
  background: #171614;
  padding: 5px;
  border-radius: 55px;
  border: 2px solid #6e1902;
}
.icone_forum img
{
  width: 50px;
}
.description
{
  position: absolute;
  z-index: 5;
  width: 245px;
  height: 100px;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 195px;
  border: 2px solid #000000;
  background: #171614;
  opacity: 0.6;
  transition: 200ms;
}
.cate_forum:hover .description
{
  opacity: 1;
  transition: 200ms;
}
.description img
{
  position: absolute;
  margin-left: 0px;
  transition: 500ms;
}
.description:hover img
{
  margin-left: 245px;
  transition: 500ms;
}
.description_texte
{
  width: 230px;
  margin: auto;
  height: 95px;
  padding: 5px 5px 0 10px;
  overflow: auto;
  text-align: justify;
  line-height: 11px;
}
.last_and_stats
{
  position: absolute;
  z-index: 5;
  width: 180px;
  height: 100px;
  background: #2b2822;
  box-shadow: 0px 0px 5px #171614;
  border: 1px solid #3d3931;
  margin-top: 5px;
  margin-left: 5px;
}
.stats
{
  text-align: right;
  padding-right: 5px;
  font-size: 10px;
  color: #171614;
  font-family: 'Electrolize', sans-serif;
}
.last_mess
{
  text-align: center;
  padding-top: 10px;
}
.sous_forum
{
  position: absolute;
  width: 440px;
  height: 40px;
  padding: 5px;
  margin-top: 123px;
  background: #171614;
}

/* MESSAGES */
.post
{
  border: none;
}
.postprofile
{
  width: 206px;
}
.post-entry
{
  position: relative;
  z-index: 50;
  background: #262624;
  min-height: 200px;
  border-radius: 20px;
  box-shadow:0px 0px 5px #000000;
  padding: 10px;
  margin-top: -1px;
}
.sep1
{
  position: relative;
  z-index: 51;
  height: 1px;
  background-image: linear-gradient(to right, transparent, #e2cc9a, transparent);
  margin-top: 10px;
}
.sep2
{
  position: relative;
  z-index: 51;
  height: 1px;
  background-image: linear-gradient(to right, transparent, #e2cc9a, transparent);
  margin-top: -7px;
}
#plus_menu
{
  z-index: 999 !important;
  left: 50% !important;
  margin-left: 200px;
  background: #171614;
  border: 1px solid #2b2822;
}
.postprofile-details
{
  margin: 0;
}
.pseudo
{
  width: 206px;
  text-align: center;
  font-size: 24px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-variant: small-caps;
  letter-spacing: 1px;
  text-shadow: 1px 1px 0px #171614;
  padding: 10px 0;
  background: #2b2823;
}
.rang
{
  position: relative;
  z-index: 51;
  width: 206px;
  height: 60px;
  margin-bottom: -29px;
}
.profil_avatar
{
  position: relative;
  z-index: 50;
  height: 320px;
  width: 200px;
  margin: auto;
  overflow: hidden;
  text-align: center;
  border: 3px solid #000000;
  background: #000000;
}
.online_image
{
  position: absolute;
  z-index: 51;
  margin-left: 90px;
  margin-top: 375px;
}
.profil_contenu
{
  position: relative;
  z-index: 49;
  width: 176px;
  height: 220px;
  margin: -185px auto 0 auto;
  border: 2px solid #000000;
  background: #171614;
  transform: rotate(-180deg);
  transition: 2s;
}
.profil_contenu:hover
{
  margin: -30px auto 0 auto;
  transform: rotate(0deg);
  transition: 2s;
}
.profil_contenu2
{
  width: 160px;
  height: 160px;
  margin: 10px auto;
  background: #262624;
  padding: 5px;
  overflow: auto;
}
.profil_contenu2 img
{
  max-width: 145px;
}
.profil_options .profile-icon
{
  display: inline-block;
  width: 70px;
  height: 20px;
  overflow: hidden;
}
blockquote
{
  background: #3d3d3d;
  border: 1px solid #818181;
  color: #818181;
  border-radius: 10px;
}
.codebox dt
{
  background: transparent;
}
.codebox dd
{
  background: #2b2822;
  color: #a28c39;
  border: 1px solid #000000;
  border-radius: 10px;
}
.spoiler
{
  border: 0px solid transparent;
  background: transparent;
}
.spoiler dt
{
  background: transparent;
}
.spoiler dd
{
  background: #3d3d3d;
  border: 1px solid #818181;
  color: #818181;
  border-radius: 10px;
}

/* QEEL */
#qeel
{
  position: relative;
  width: 99%;
  margin: auto;
  height: 500px;
  margin-bottom: -18px;
  background-image:-moz-linear-gradient(#171614, #000000, #171614);
  background-image:-webkit-linear-gradient(#171614, #000000, #171614);
  background-image:-o-linear-gradient(#171614, #000000, #171614);
  background-image:linear-gradient(#171614, #000000, #171614);
  border: 1px solid #2b2822;
  overflow: hidden;
}
#qeel_fond
{
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(http://img4.hostingpics.net/pics/341267rond.png) no-repeat center center;
  animation-name: rotation;
  animation-duration: 60s;
  animation-timing-function:linear;
  animation-iteration-count: infinite;
}
@keyframes rotation
{
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
#qeel_links
{
  position: absolute;
  width: 100%;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
}
#qeel_colonne1, #qeel_colonne2, #qeel_colonne3
{
  position: absolute;
  width: 300px;
  height: 450px;
  background: url(http://img11.hostingpics.net/pics/974420fondcadrepa2.png);
  border: 1px solid #3d3d3d;
  margin-top: 30px;
}
#qeel_colonne1:hover, #qeel_colonne2:hover, #qeel_colonne3:hover
{
  background: url(http://img4.hostingpics.net/pics/227389fondcadrepa.png);
  border: 1px solid #2b2822;
}
#qeel_colonne1
{
  margin-left: 10px;
}
#qeel_colonne2
{
  margin-left: 320px;
}
#qeel_colonne3
{
  margin-left: 630px;
}
/* FOOTER */
#gfooter
{
  width: 100%;
  height: 270px;
  background-image: url(http://img15.hostingpics.net/pics/886123footer2.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0 0 -30px 0;
  padding: 10px 0 0 0;
  color: #2b2822;
  border-top: 1px solid #3d3d3d;
}
#gfooter a
{
  color: #2b2822 !important;
}
.center
{
  background: url(http://img4.hostingpics.net/pics/227389fondcadrepa.png);
}

/* MISE EN FORME MESSAGE */

.hg
{
  width: 95%;
  margin: 60px auto 10px auto;
  background: #171614;
  border: 1px solid #3d3d3d;
}
.hg img
{
  display: block;
  margin: auto;
  border: 5px solid #000000;
}
.hg_logo
{
  width: 100px;
  height: 106px;
  background: url(http://img15.hostingpics.net/pics/391305logo.png);
  margin: -50px auto 0 auto;
}
.hg_bloc
{
  width: 98%;
  margin: auto;
  background: url(http://img4.hostingpics.net/pics/227389fondcadrepa.png);
  box-shadow: 0px 0px 5px #000000;
}
.hg_titre
{
  display: block;
  padding: 5px;
  font-family: 'Open Sans Condensed', sans-serif;
  background: #000000;
  font-variant: small-caps;
  font-size: 24px;
  letter-spacing: 2px;
  text-align: center;
  border-bottom: 1px solid #3d3d3d;
}
.hg_contenu
{
  padding: 10px;
  color: #5a5449;
}

/* SELECTIONNER LE CONTENU */

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/* FIN */

/* POSTES VACANTS */

    /* Modèle Prédéfini */

    #h1_fpd{ /* Titre "Fiche Prédéfinie" */
    margin-bottom: -24px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom : 10px;
    letter-spacing : 4px; /* Espacement entre les lettres */
    font-family: 'Playball';
    font-size : 50px;
    color : #a5a5a5;
    text-shadow: #fff 2px 1px 0px;
    text-align : center;
    }
    #mfiche_predefini{ /* Bloc Fiche Global */
    background : #000000; /* Couleur de fond de la fiche */
    width: 100%;
    border-top : 4px solid #fff;
    border-bottom : 4px solid #fff;
    border-left : 1px dotted #fff;
    border-right : 1px dotted #fff;
    border-radius: 25px;
    margin: auto; /* Fiche automatiquement centré */
    }

    /* Bloc Informations + Avatar */

    #info_avatar{ /* Bloc invisible autour de l'avatar, du pseudo, et du bloc information */
    width: 100%;
    height: 500px;
    }
    #fp_avatar{ /* Bloc invisible autour de l'avatar et du pseudo */
    position: relative;
    width: 200px;
    margin-left: 30px;
    float: left; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
    transition: all 1s ease; /* Temps de transaction entre normal et au survol */
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -htm-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transform: rotate(5deg); /* Rotate = Rotation(degres) */
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
    }
    #fp_avatar:hover{ /* Rotation du bloc au survol de l'avatar ou pseudo */
    transition: all 1s ease; /* Temps de transaction entre survol et normal*/
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -htm-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -htm-transform: rotate(-5deg);
    }
    #fp_avatar h2{ /* Titre "Pseudo" au dessus de l'avatar */
    position: relative;
    text-align : center;
    font-family: 'Bad Script';
    font-size : 34px;
    margin-top: -6px;
    margin-bottom: -12px;
    letter-spacing : 4px;
    color : #b4b4b4;
    text-shadow: #9c9c9c 2px 0px 0px;
    z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
    }
    #fp_avatar img{ /* Avatar */
    position: relative;
    width: 200px;
    height: 320px;
    border: 1 dashed #9f9f9f;
    border-radius: 5px;
    margin-top: -4px;
    z-index: 10; /* /!\ Ne pas toucher /!\ Permet la superposition */
    }
    #h3p_info{ /* Titre "Informations" */
    position: relative;
    text-align : center;
    font-family : 'Bad Script';
    font-size : 30px;
    margin-left: -190px;
    margin-top: -4px;
    margin-bottom: -1px;
    color : #cfcfcf;
    text-shadow: #696969 2px 0px 0px;
    z-index: 20; /* /!\ Ne pas toucher /!\ Permet la superposition */
    }
    #p_informations{ /* Bloc Informations */
    position: relative;
    background : #2F2F2F;
    width : 55%;
    height : 400px;
    border-top : 2px solid #9f9f9f;
    border-bottom : 2px solid #9f9f9f;
    margin-top: -16px;
    margin-right : 30px;
    border-radius: 20px;
    float: right; /* /!\ Ne pas toucher /!\ Permet d'aligner les blocs sur la même ligne */
    }
    #p_informations p{ /* Bloc Paragraphe/Texte */
    background : #2F2F2F;
    width: 96%;
    height: 390px;
    margin-top: 6px;
    margin-bottom : 6px;
    margin-right : 8px;
    margin-left: 8px;
    padding-right : 10px;
    padding-left : 8px;
    font_family: 'Times New Roman';
    color: #9F9F9F;
    text-align : justify;
    overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
    overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
    }

    /* Bloc Capacité + Chrolonogie */

    .h3_divers{ /* Titre "Capacité" + "Chronologie" */
    position: relative;
    text-align : center;
    font-family : 'Bad Script';
    font-size : 33px;
    margin-top: 5px;
    margin-bottom : -18px;
    color : #cfcfcf;
    text-shadow: #696969 2px 0px 0px;
    }
    .divers{ /* Bloc "Capacité" + "Chronologie" */
    width: 98%;
    height: 200px;
    margin : 0 auto 0; /* Permet au bloc d'être centré */
    border-top : 2px solid #9f9f9f;
    border-bottom : 2px solid #9f9f9f;
    border-radius: 20px;
    }
    .divers p{ /* Bloc Paragraphe/Texte */
    width: 96%;
    height: 190px;
    margin-top: 6px;
    margin-left: 10px;
    font_family: 'Times New Roman';
    color: #dfdfdf;
    text-align : justify;
    overflow : auto; /* Ascenseur automatique si le texte est trop grand en hauteur */
    overflow-x : hidden; /* Empêche qu'un ascenseur apparaissent en bas si le texte est trop long en largeur */
    }

    /* Crédit Prédéfini */

    #p_credit{  /* /!\ Ne pas toucher /!\ */
    text-align: right;
    margin-right: 15px;
    margin-bottom: -22px;
    color: #989898;
    font-size: 10px;
    font-family: 'Times New Roman';
    }

    #p_credit a{  /* /!\ Ne pas toucher /!\ */
    color: #888888;
    font-style: italic;
    letter-spacing: 1px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -htm-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    }

    #p_credit a:hover{  /* /!\ Ne pas toucher /!\ */
    color: #d52222;
    font-style: none;
    font-size: 11px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -htm-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    }

/* FIN */

et le Overhall header :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = 'box-content';
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <script src="{JS_DIR}invision.js" type="text/javascript"></script>
 
 
 
  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Coda|Carme|Electrolize' rel='stylesheet' type='text/css'>
   
   


   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }



      $(document).ready(function() {

         $('#fa_ticker_content').css('display','block');

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
         {
               var height_max = h_perso;

            $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            $('ul#fa_ticker_content li').height(height_max);
         }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>

   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 50px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
    <script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
jQuery("a[href*='/register']").each(function(){
jQuery(this).attr("href","http://the-girl-on-fire.forumactif.org/h1-reglement");
});
});
//]]>
</script>
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>

   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module borderwrap">
   <div id="login_popup_content">
      <div id="login_popup_background">
         <div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
         <div class="box-content">
            {LOGIN_POPUP_MSG}
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get" target="_parent">
                  <input type="submit" class="button" value="{L_LOGIN}" />
                  <input type="button" class="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- END switch_login_popup -->

<div class="minwidth_IE">
   <div class="layout_IE">
      <div class="container_IE">

         <div id="ipbwrapper">

            <a id="top" name="top" accesskey="t"></a>
                         
                         
                         
                                  <div id="head">
                                    <div id="logo_head"></div>
                                    <div id="navigation">{GENERATED_NAV_BAR}</div>
                                    <div id="log">{LOGGED_AS}.</div>
                                    <div id="recherche_rapide">
                                      <span class="search_titre">Recherche rapide de Panem activée</span>
  <form method="get" action="/search">
<input class="search_champ" type="text" size="24" name="search_keywords">
<input class="search_button" type="submit" value="Soumettre">
  </form>
                                    </div>
                                  </div>

                          <div id="ban">
                            <a href="/" style="display: block; width: 100%; height: 100%;"></a>
                          </div>
                         
                       
            <!-- BEGIN switch_user_logged_in -->
            <div id="connectes">
                                  Bon retour dans Panem ! <br />
                                  Merci de vous être identifié, bon séjour dans le Capitole ou l'un des 12 Districts,
                                  et que le sort vous soit toujours favorable !
                                  <a href="{U_SEARCH_NEW}">Ce qui s'est passé dans Panem pendant votre absence</a>
              <a href="{U_SEARCH_SELF}">Vos propres faits et gestes</a>
              <a href="{U_SEARCH_UNANSWERED}">Les citoyens ou Tributs n'attendant que vous</a>
            </div>
            <!-- END switch_user_logged_in -->
                                     
            <!-- BEGIN switch_user_logged_out -->
            <div id="non_connectes">
                                  <span class="non_co_titre">Intrusion dans Panem !</span>
                                  Attention, vous venez de franchir les portes de Panem, vous devez vous identifier pour pouvoir continuer.
               <span class="guest">{L_NOT_CONNECTED}</span> <span>{L_LOGIN_REGISTER}</span>
            </div>
            <!-- END switch_user_logged_out -->

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <div class="module borderwrap">
                  <div class="box-content">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- END switch_ticker -->


                     
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <div id="outer-wrapper">
                  <div id="wrapper">
                                                 
<div id="container">
<div id="content">
                           <div id="{ID_LEFT}">
                              <!-- BEGIN giefmod_index1 -->
                              {giefmod_index1.MODVAR}
                              <!-- BEGIN saut -->
                              <div style="height:{SPACE_ROW}px"></div>
                              <!-- END saut -->
                              <!-- END giefmod_index1 -->
                           </div>

                           <div id="main">
<div id="main-content">

Ce que j'avais fait avec le Capi c'est que je lui avais mp les logs du fondateur pour qu'il puisse aller voir librement ce dont il avait besoin pour travailler et pour pouvoir modifier lui-même beaucoup plus rapidement et plus efficacement que moi (j'ai de fâcheuses et désastreuses tendance à la grosse boulette). Si tu veux je peux te les communiquer aussi. De toute façon une fois le travail terminé je les changerai ^^

PS : Je me suis aperçue que j'ai oublié de te répondre : Le forum est en format Invision

Salut!

J'ai une idée pour le javascript, mais je préfère être sur le forum pour tester, ce sera plus sûr u_u

Pour la PA, c'est normal que les espaces réaparaissent, c'est un des défauts d'une mise à jour de FA les concernant, on ne peut rien y faire >< Bref, essaies ceci pour la PA :

Code:

<div id="onglet1">
                                                                                                                          
   <div id="onglet2">
                                                                                                                               
      <div id="onglet3">
                                                                                                                                    
         <div id="onglet4">
                                                                                                                         
            <div id="onglet5">
                                                                          
               <div id="v1">
                                                                               
                  <div id="v2">
                                                                                  
                     <div id="v3">
                                                                                     
                        <div id="v4">
                                                                                        
                           <div id="v5">
                                                                           
                              <div id="a1">
                                                                              
                                 <div id="a2">
                                                                                 
                                    <div id="a3">
                                                                                    
                                       <div id="a4">
                                                   
                                          <div id="s1">
                                                      
                                             <div id="s2">
                                                         
                                                <div id="s3">
                                                                                                                  
                                                   <div id="pa">
                                                                                                                                                                                                       
                                                      <div id="pa_fond">
                                                                                                                                                                                                              
                                                         <div id="accueil_titre">
                                                                                                                                                                                                                 
                                                         </div>
                                                                                                                                                                                      
                                                         <!--                                                                BLOC 1 CAPITOLE                                                                -->                                                                                     
                                                         <div id="pa1">
                                                                 
                                                            <div id="annonce">
                                                                   <span class="titre_pa">Communiqué officiel</span><span class="pa_contenu">Chers concitoyens,<br /><br />Après une année de guerre civile, les rebelles ont enfin été vaincus grâce à la force et au courage du Capitole. De nombreux citoyens ont tout perdu dans les affrontements qui ont eu lieu et à ces personnes je souhaiterai leur dire qu'enfin Panem va de nouveau connaître une ère de paix et de prospérité. <br /><br />Du fait de leurs agissements, nous n'avons pas eu d'autre choix que de détruire le District 13, foyer de la résistance, pour faire plier les dissidents et gagner cette guerre qui n'aurait jamais dû avoir lieu. Avec l'aide de nos chers pacificateurs, la reconstruction va pouvoir commencer et nous pourrons assurer la sécurité dans l'ensemble des 12 Districts restants.<br /><br /> C'est la bravoure et le courage des habitants du Capitole qui nous a permis de tenir et de résister contre les rebelles qui souhaitaient imposer leurs règles afin de prendre le pouvoir et de détruire l'ordre établi que nous héritons nous-mêmes de nos ancêtres. C'est ce même élan qui nous permettra de nous reconstruire ensemble et qui redorera le blason que Panem avait perdu durant cette année sans aucun sens.<br /><br /> Dorénavant, ils savent combien nous sommes forts et combien nous sommes prêts à défendre nos convictions, nos foyers et nos familles. Ils savent également combien ils sont faibles face à cette force du Capitole.<br /><br /> L'heure est maintenant à célébrer ! </span>   
                                                            </div>
                                                                 
                                                            <div id="contexte">
                                                                   <span class="titre_pa">Pendant ce temps, dans Panem...</span><span class="pa_contenu"><img src="http://gerristerne.com/wp-content/uploads/2012/02/PanemDetail21-e1330577185413.jpg" class="pa_illu" /> Le District 13 et les rebelles des autres Districts ont dû capituler face à la puissance de feu développée par le Capitole et qui a totalement mis en pièce le District 13 qui a été rayé de la carte. On ne compte plus les pertes du côté rebelle. Ainsi il est apparu au reste des dirigeants du mouvement qu'il était préférable de saisir la main tendue par le Capitole et son président Aaron Dashburn. <br /><br />Il fut décidé que dorénavant, les accès aux Districts seraient parfaitement cloisonnés et que seule une poignée de personnes auraient maintenant accès aux Districts. Des pacificateurs seront mobilisés dans les Districts de manière temporaire afin de maintenir la paix et de débuter la reconstruction de Panem. Les éventuels derniers dissidents qui tenteraient des actions contre le Capitole seront sévèrement punis. <br /><br />Afin de punir les Districts ayant fait la guerre au Capitole, le traité de capitulation prévoit que chaque année soient désormais organisés des Hunger Games ou jeux de la faim dans lesquels un jeune garçon et une jeune fille de chaque District seraient désignés pour s'affronter à mort dans une arène dont seulement un en ressortira gagnant et se verra couvert de fortune afin de montrer à tous combien le Capitole sait être généreux. <a href="#">Lire la suite</a></span>   
                                                            </div>
                                                                 
                                                            <div id="staff">
                                                                       <span class="titre_pa">Dirigeants</span>       
                                                               <!--      DEBUT BLOC STAFF      --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://img15.hostingpics.net/pics/128473presamjpa2.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Panem</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Maître du Jeu</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">On ne dirait pas comme ça mais je n'ai jamais mangé personne (enfin... pour l'instant ^^') par contre j'aime beaucoup surprendre les joueurs en intervenant parfois pour bousculer leurs Rps ^^ Méfiez-vous ! :D</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://img15.hostingpics.net/pics/604320presamjpa.png" /></span>       
                                                               <!--      FIN BLOC STAFF      -->       
                                                               <!--      DEBUT BLOC STAFF      --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR MINI      --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Blablablablabla</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Administrateur</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Recrutement en cours</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR NORMAL      --><img src="http://img15.hostingpics.net/pics/248493inconnu.png" /></span>       
                                                               <!--      FIN BLOC STAFF      -->       
                                                               <!--      DEBUT BLOC STAFF      --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR MINI      --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Blablablablablabla</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Modérateur</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Recrutement en cours</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR NORMAL      --><img src="http://img15.hostingpics.net/pics/248493inconnu.png" /></span>       
                                                               <!--      FIN BLOC STAFF      -->       
                                                               <!--      DEBUT BLOC STAFF      --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR MINI      --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Blablablablablabla</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Modérateur</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Recrutement en cours</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR NORMAL      --><img src="http://img15.hostingpics.net/pics/248493inconnu.png" /></span>       
                                                               <!--      FIN BLOC STAFF      -->       
                                                               <!--      DEBUT BLOC STAFF      --><span class="staff_bloc"><span class="staff_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR MINI      --><img src="http://img15.hostingpics.net/pics/629349inconnu2.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Blablablablablabla</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Modérateur</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Recrutement en cours</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR NORMAL      --><img src="http://img15.hostingpics.net/pics/248493inconnu.png" /></span>       
                                                               <!--      FIN BLOC STAFF      -->                                                                                                                                                                     
                                                            </div>
                                                                 
                                                            <div id="derniers_mess">
                                                                   <span class="titre_pa">Derniers mouvements</span><span class="pa_contenu"><span class="recent-topics"></span></span> 
                                                               <div class="marquee" data-direction="up" data-duration="8000" data-pauseonhover="true" style="overflow: hidden; height: 200px;">
                                                                    » <a href="/t18p15-capitole-0-15#661" title="Capitole [0/15]">Capitole [0/15]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Sam 23 Mai - 16:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t102-episode-1-les-hunger-games#642" title="Episode 1 : Les Hunger Games">Episode 1 : Les Hunger Games</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 19 Avr - 20:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t34-upset-world-en-attente-de-reponse#596" title="Upset World [En attente de réponse]">Upset World [En attente de réponse]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 8 Juin - 9:36 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t64-eden-s-garden#593" title="Eden's Garden">Eden's Garden</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 6 Avr - 9:55 par Invité<br /><br />» <a href="/t30-formulaire-de-candidature#588" title="Formulaire de candidature">Formulaire de candidature</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mer 29 Jan - 21:29 par Invité<br /><br />» <a href="/t38-le-flood#587" title="Le Flood !">Le Flood !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Ven 24 Jan - 14:43 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t39-catching-fire-sorti-au-cinema#484" title="Catching Fire sorti au cinéma !">Catching Fire sorti au cinéma !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mar 17 Déc - 2:07 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t75-love-delicious#440" title="Love Delicious">Love Delicious</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Lun 16 Déc - 9:50 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t43-vos-screens-ou-videos-humoristiques-trouvees-sur-le-web#399" title="Vos screens ou vidéos humoristiques, trouvées sur le web">Vos screens ou vidéos humoristiques, trouvées sur le web</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Jeu 12 Déc - 12:01 par <a href="/u2"><span style="color:#81B38A"><strong>Katniss Everdeen</strong></span></a><br /><br /> 
                                                               </div><span class="pa_contenu"><span class="recent-topics"></span></span>   
                                                               <div class="marquee" data-direction="up" data-duration="8000" data-pauseonhover="true" style="overflow: hidden; height: 200px;">
                                                                      » <a href="/t18p15-capitole-0-15#661" title="Capitole [0/15]">Capitole [0/15]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Sam 23 Mai - 16:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t102-episode-1-les-hunger-games#642" title="Episode 1 : Les Hunger Games">Episode 1 : Les Hunger Games</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 19 Avr - 20:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t34-upset-world-en-attente-de-reponse#596" title="Upset World [En attente de réponse]">Upset World [En attente de réponse]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 8 Juin - 9:36 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t64-eden-s-garden#593" title="Eden's Garden">Eden's Garden</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 6 Avr - 9:55 par Invité<br /><br />» <a href="/t30-formulaire-de-candidature#588" title="Formulaire de candidature">Formulaire de candidature</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mer 29 Jan - 21:29 par Invité<br /><br />» <a href="/t38-le-flood#587" title="Le Flood !">Le Flood !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Ven 24 Jan - 14:43 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t39-catching-fire-sorti-au-cinema#484" title="Catching Fire sorti au cinéma !">Catching Fire sorti au cinéma !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mar 17 Déc - 2:07 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t75-love-delicious#440" title="Love Delicious">Love Delicious</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Lun 16 Déc - 9:50 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t43-vos-screens-ou-videos-humoristiques-trouvees-sur-le-web#399" title="Vos screens ou vidéos humoristiques, trouvées sur le web">Vos screens ou vidéos humoristiques, trouvées sur le web</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Jeu 12 Déc - 12:01 par <a href="/u2"><span style="color:#81B38A"><strong>Katniss Everdeen</strong></span></a><br /><br />   
                                                               </div><span class="pa_contenu"><span class="recent-topics"></span></span> 
                                                               <div class="marquee" data-direction="up" data-duration="8000" data-pauseonhover="true" style="overflow: hidden; height: 200px;">
                                                                    » <a href="/t18p15-capitole-0-15#661" title="Capitole [0/15]">Capitole [0/15]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Sam 23 Mai - 16:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t102-episode-1-les-hunger-games#642" title="Episode 1 : Les Hunger Games">Episode 1 : Les Hunger Games</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 19 Avr - 20:28 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t34-upset-world-en-attente-de-reponse#596" title="Upset World [En attente de réponse]">Upset World [En attente de réponse]</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 8 Juin - 9:36 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t64-eden-s-garden#593" title="Eden's Garden">Eden's Garden</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Dim 6 Avr - 9:55 par Invité<br /><br />» <a href="/t30-formulaire-de-candidature#588" title="Formulaire de candidature">Formulaire de candidature</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mer 29 Jan - 21:29 par Invité<br /><br />» <a href="/t38-le-flood#587" title="Le Flood !">Le Flood !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Ven 24 Jan - 14:43 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t39-catching-fire-sorti-au-cinema#484" title="Catching Fire sorti au cinéma !">Catching Fire sorti au cinéma !</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Mar 17 Déc - 2:07 par <a href="/u16"><span style="color:#81B38A"><strong>Alison Callaan</strong></span></a><br /><br />» <a href="/t75-love-delicious#440" title="Love Delicious">Love Delicious</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Lun 16 Déc - 9:50 par <a href="/u1"><span style="color:#FFFFFF"><strong>Panem</strong></span></a><br /><br />» <a href="/t43-vos-screens-ou-videos-humoristiques-trouvees-sur-le-web#399" title="Vos screens ou vidéos humoristiques, trouvées sur le web">Vos screens ou vidéos humoristiques, trouvées sur le web</a><br /><img class="sprite-icon_miniposted" src="http://2img.net/i/fa/empty.gif" alt="" />Jeu 12 Déc - 12:01 par <a href="/u2"><span style="color:#81B38A"><strong>Katniss Everdeen</strong></span></a><br /><br /> 
                                                               </div><span class="pa_contenu"><span class="recent-topics"></span> <script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('.recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></span>   
                                                            </div>
                                                                 
                                                            <div id="credits">
                                                                   <span class="pa_contenu">Crédits (c) • Pizi mais surtout un grand merci à Sparrow de Never Utopia pour ce magnifique design</span>   
                                                            </div>
                                                                 
                                                         </div>
                                                                                                                                                                                      
                                                         <!--                                                                BLOC 2 VACANTS                                                                -->                                                                                 
                                                         <div id="pa2">
                                                                 
                                                            <div class="vac_onglets">
                                                                   <a href="#v1">Capitole</a><a href="#v2">Districts</a><a href="#v3">Rebelles</a><a href="#v4">Pro-Snow</a><a href="#v5">Tributs</a>   
                                                            </div>
                                                                 
                                                            <div class="vac1">
                                                                   <span class="titre_pa">Postes vacants - Capitole</span>       
                                                               <!--      DEBUT VACANTS CAPITOLE      -->       
                                                               <!--      DEBUT BLOC VACANT      --><span class="vacant_bloc"><span class="vacant_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://i.imgur.com/sfOpS.jpg" />       
                                                                     <!--      NOM      --><span class="id_nom">Prénom Nom</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Titre, Métier, Poste</span>                                                                                 
                                                                     <!--      TEXTE      --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">Fiche</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://youbentmywookie.com/wookie/gallery/1211_entertainment/ad-image-of-elizabeth-banks-as-effie-trinket-in-the-hunger-games_t.jpg" /></span>       
                                                               <!--      FIN BLOC VACANT      -->       
                                                               <!--      FIN VACANTS CAPITOLE      -->                                                                             
                                                            </div>
                                                                 
                                                            <div class="vac2">
                                                                   <span class="titre_pa">Postes vacants - Districts</span>       
                                                               <!--      DEBUT VACANTS DISTRICTS      -->       
                                                               <!--      DEBUT BLOC VACANT      --><span class="vacant_bloc"><span class="vacant_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://37.media.tumblr.com/ca0744071d7bccf8a37ef7306beaa5ee/tumblr_mzrr8g5QRR1sllbxko8_250.png" />       
                                                                     <!--      NOM      --><span class="id_nom">Prénom Nom</span>       
                                                                     <!--      TITRE      --><span class="id_titre">Titre, Métier, Poste</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">Fiche</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://l-userpic.livejournal.com/120653710/24252040" /></span>       
                                                               <!--      FIN BLOC VACANT      -->       
                                                               <!--      FIN VACANTS DISTRICTS      -->       
                                                            </div>
                                                                 
                                                            <div class="vac3">
                                                                   <span class="titre_pa">Postes vacants - Rebelles</span>       
                                                               <!--      DEBUT VACANTS REBELLES      -->       
                                                               <!--      FIN VACANTS REBELLES      -->       
                                                            </div>
                                                                 
                                                            <div class="vac4">
                                                                   <span class="titre_pa">Postes vacants - A Venir</span>       
                                                               <!--      DEBUT VACANTS PROSNOW      -->       
                                                               <!--      FIN VACANTS PROSNOW      -->       
                                                            </div>
                                                                 
                                                            <div class="vac5">
                                                                   <span class="titre_pa">Postes vacants - Tributs</span>       
                                                               <!--      DEBUT VACANTS TRIBUTS      -->       
                                                               <!--      FIN VACANTS TRIBUTS      -->       
                                                            </div>
                                                                 
                                                         </div>
                                                                                                                                                                                    
                                                         <!--                                                                BLOC 3 ACTUALITES                                                                -->                                                               
                                                         <div id="pa3">
                                                                 
                                                            <div class="actu_onglets">
                                                                       <a href="#a1">Capitole</a><a href="#a2">Districts</a><a href="#a3">Rebelles</a><a href="#a4">Pro-Snow</a>   
                                                            </div>
                                                                 
                                                            <div class="actu1">
                                                                       <span class="titre_pa">Actualités - Capitole</span>       
                                                               <!--      DEBUT ACTUALITES CAPITOLE      --><span class="pa_contenu"><img src="http://3.bp.blogspot.com/-d60g-pU0X28/T2qYYyqblxI/AAAAAAAAHxg/UvtRgS3Xq1c/s400/eyelashes.jpg" class="pa_illu" />Un an de guerre civile... un an de pertes, de bombardements, d'attaques et de restrictions en tous genres. Les enfants n'allaient plus à l'école, la plupart des administrations fonctionnaient au ralenti voire certaines plus du tout. La nourriture se faisait parfois rare, des tickets de rationnement avaient même dus être mis en place. Jamais le Capitole n'avait connu ça depuis sa création. <br /><br /> Néanmoins malgré les privations le Capitole avait tenu bon, se raccrochant aux espoirs que son Président lui donnaient. C'est ainsi que peu avant la nuit tombée, il fut annoncé sur les hauts-parleurs une attaque de grande ampleur qui avec un peu de chance, allait mettre fin à la guerre. Tous les habitants du Capitole étaient alors sortis de chez eux pour courir vers la grande place où un écran géant avait été installé pour l'occasion. <br /><br /> Après une longue attente, apparu sur les écrans le Président, expliquant qu'ils allaient bombarder le District 13 avec une force de frappe jamais vue encore dans Panem afin de tenter d'obtenir la reddition des rebelles. Il expliqua alors que des cameras avaient été installées sur des hovercraft à l'intérieur desquels se trouvaient également des équipes de tournage pour filmer cet évènement afin de pouvoir les diffuser non seulement à la population mais surtout que ce moment puisse rester à jamais gravé dans les mémoires. <br /><br /> Sur la place les regards de chacun était alors accroché à l'écran comme si leur vie en dépendait et à vrai dire c'était en quelque sorte le cas puisque la tournure de la guerre allait s'opérer là. Apparu alors sur l'écran une vision des diverses équipes présents dans les hovercrafts. Si l'opération réussissait, demain ces personnes seraient traitées dans tout Panem comme de véritables héros. <br /><br /> Lorsque les premiers bombardements retentirent la joie fit battre les cœurs du Capitole. Tous virent le District 13 tomber en morceau pierre après pierre. Certains habitants tentaient de se réfugier en courant partout. Cette nuit là beaucoup moururent sous les bombes incendiaires d'un Capitole qu'ils avaient menacé et même qu'ils avaient terrorisé avec leurs attentats. C'était la <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=vengeance&linkCode=ur2" rel="nofollow"><span>vengeance</span></a> de la capitale contre ses districts dissidents, contre les rebelles. L'unité de l'Etat allait pouvoir être enfin restaurée.<br /><br /> Le drapeau blanc hissé par les rebelles encore en vie fut pour tous un soulagement. La liesse s'empara alors de la place. Les gens criaient victoire, pleuraient s'embrassaient. Peu importe si on connaissait son voisin ou non, le Capitole ne faisait plus qu'un en cet instant. La guerre était finie, les privations et cette vie monotone qui s'était installée durant l'année allait toucher à sa fin. Panem allait pouvoir être reconstruit et la vie allait pouvoir reprendre son cours. <br /><br /> Jamais le Président ne fut autant applaudit qu'en ce moment précis. Jamais il n'avait autant été aimé et adoré. S'il y a quelques heures, certains critiquaient sa manière de gouverner, aujourd'hui personne ne doutait plus de lui et tous étaient reconnaissants qu'enfin toute cette abomination se termine. Après un discours pour le moins galvaniseur, il annonça que les hovercraft allaient ramener avec eux les chefs rebelles pour signature d'un traité de paix. Les responsables de ces horreurs allaient être jugés et punis selon les lois du Capitole. C'était un soulagement pour tous. C'était la fin du calvaire et chacun avait hâte de pleurer ses morts, de faire leur deuil, de pouvoir de nouveau sortir dans la rue sans avoir peur.<br /><br /> Mais en ces instants de bonheur, une volonté était figée sur les lèvres de chacun des habitants du Capitole : Les Districts devaient payer l'affront et la terreur dans laquelle ils avaient dû vivre pendant 1 an. Certes l'Etat devait être de nouveau unis mais les cœurs eux n'oublieraient pas les sacrifiés et le sang versé par le Capitole à cause des Districts.</span>       
                                                               <!--      FIN ACTUALITES CAPITOLE      -->       
                                                            </div>
                                                                 
                                                            <div class="actu2">
                                                                   <span class="titre_pa">Actualités - Districts</span>       
                                                               <!--      DEBUT ACTUALITES DISTRICTS      --><span class="pa_contenu"><img src="http://img4.hostingpics.net/pics/460324actusdistricts.png" class="pa_illu" />Ce soir il allait se passer quelque chose c'était certain. A la nuit tombée, une horde de pacificateurs avaient été dépêchés dans les Districts qui leur étaient encore soumis pour installer des écrans géants. Quoi qu'il se passe, le Capitole voulait que ce soit vu de tous... Cela ne présageait rien de bon. Les pro-rebelles coururent alors prévenir le commandement que quelque chose de grande ampleur se préparait c'était sûr. <br /><br />Une fois les écrans installés et la population réunie sur les places sous bonne garde, le Président apparu sur l'écran géant pour son élocution. Une grande bataille allait être jouée ce soir, une bataille qui allait pouvoir mettre fin à la guerre si elle réussissait. Dans les Districts tout le monde se regardait sans comprendre. Certains, joyeux que tout ça se finisse, d'autres le visage fermé, inquiets pour leurs amis, leurs proches qui étaient parvenus à s'enfuit et qui étaient sur le terrain, qui combattaient.<br /><br />Lorsque les hovercraft dépassèrent le District 12 tout le monde comprit alors que leur destination finale était le District 13 qu'ils allaient bombarder sans ménagement. Plus les bombes incendiaires s'abattaient sur le District 13 plus certains pâlissaient à vue d’œil. Certaines femmes tombèrent dans les pommes d'inquiétude pour leur mari, leurs enfants qui étaient partis. Elles étaient alors le plus souvent prises en charge par des amis, des voisins, des proches qui les portaient chez elles et s'occupaient de ces pauvres femmes. Sur d'autres, des larmes coulaient sur leurs joues avec ce sentiment d'avoir tout perdu. Ils voyaient des gens fuir, tenter de se cacher pour éviter les bombes mais comment pouvait-on réellement éviter ce genre de bombes ? D'autres avaient les yeux écarquillés, le sourire aux lèvres, trop heureux de voir la puissance de leur cher protecteur le Capitole faire son œuvre et mater ces fichus rebelles qui avaient jeté l’opprobre sur les Districts  et rendu leur vie bien plus triste qu'elles ne l'étaient. <br /><br />Après ce qui avait paru être des heures (ou peut être que ça l'était) de bombardements acharnés, un drapeau blanc fut hissé et les réactions au sein des Districts furent alors partagées. Entre beaucoup qui étaient sincèrement heureux de la fin de la guerre et ceux qui pleuraient ceux qu'ils avaient sans doute perdu ce soir, sans compter les personnes qui sentaient que les choses allaient être plus dures maintenant et qu'allait s'ouvrir une ère de tristesse et de difficultés pour les Districts. Une chose en tout cas était certaine pour beaucoup : L'avenir n'était pas glorieux ni très joyeux pour eux. <br /><br />Beaucoup repartirent chez eux et très peu restèrent faire la fête dans les Districts ce soir là. Les chefs rebelles ou en tout cas ceux qui avaient décidé de se rendre au nom des rebelles, allaient sans doute être châtiés en place publique pour cette année d'enfer que tout le monde avait dû supporter entre les attentats les prises d'emplacements stratégiques que le Capitole avait été loin de laisser prendre sans les défendre. Toutes ces vies perdues, sacrifiées gâchées pour... rien à part un Capitole toujours plus fort. Et encore ce n'était rien comparé à ce que les Districts allaient bientôt devoir supporter...</span>       
                                                               <!--      FIN ACTUALITES DISTRICTS      -->       
                                                            </div>
                                                                 
                                                            <div class="actu3">
                                                                   <span class="titre_pa">Actualités - Rebelles</span>       
                                                               <!--      DEBUT ACTUALITES REBELLES      --><span class="pa_contenu"><img src="http://img4.hostingpics.net/pics/400362actualitesrebelles.png" class="pa_illu" />Peu avant la tombée de la nuit, le réseau de la rébellion se mit à marcher. Quelque chose se préparait, une grosse action du Capitole allait avoir lieu ce soir. Le District 13 se mit alors immédiatement en état d'alerte. Malheureusement s'ils devaient essuyer une attaque, les rebelles ne pourraient pas protéger grand monde au District 13, les installations souterraines n'étant pas équipées pour servir de refuge à des victimes de bombardements. Fallait-il en parler aux autres, à ceux qui ne pourraient pas être sauvés ? Bien sûr que non... Il fallait avant tout permettre à la cause de perdurer et éviter le District 13 d'être totalement détruit. <br /><br />Ainsi le District 13 se mit en alerte générale en cas d'attaque. Chacun était requis à son poste et dans la salle de commandement, tout le monde savait que peu d'entre eux survivraient à une éventuelle attaque massive du Capitole. Tout ce qu'ils espéraient c'était que le bâtiment souterrain tiendrait le coup. Par sécurité, les portes blindées de la forteresse souterraine furent fermées, rendant le bâtiment totalement inaccessible en espérant que ça suffise.<br /><br />Sur les coups de 22h les rebelles virent alors arriver sur eux une nuée d'hovercraft qui larguèrent alors leurs bombes incendiaires. Ce fut le chaos le plus total. Certains continuèrent jusqu'au bout à se battre, d'autres abandonnèrent leurs postes pour tenter d'aller se réfugier dans la forteresse souterraine sans pour autant y parvenir. Quelques hovercraft tombèrent sous les défenses anti aériennes dont le District 13 avait pris possession mais trop peu malheureusement. Il y eut beaucoup de pertes cette nuit là.<br /><br />Suite à un bombardement la salle de commandement a perdu tout contrôle sur l'extérieur. Les techniciens parvinrent seulement à accéder au réseau d'informations du Capitole et donc aux images retransmises. Au milieu de la nuit, il devait être 00h30 un petit groupe de survivants dressèrent un drapeau blanc en signe de reddition. A l'intérieur de la salle de commandement les chefs de la rébellion étaient perplexes. Que devaient-ils faire ? Vu le peu de survivants et de ressources dont ils disposaient et connaissant le sort qu'on allait leur réserver s'ils étaient pris, il fut décidé de laisser faire et de laisser le Capitole croire qu'ils avaient détruit le District 13. Ils penseraient certainement que l'endroit est trop instable voir radioactif et le laisserait à l'abandon avec un peu de chance, permettant au District 13 de se reconstruire en attendant le jour où son tour viendrait. Ainsi il fut décidé que le District 13 tomberait dans l'oubli pour devenir plus fort encore mais laisserait tout de même sa porte ouverte à ceux qui seraient désireux d'échapper au joug du Capitole à la seule condition qu'ils ne puissent pas le quitter et qu'ils se soumettent à leurs règles.</span>       
                                                               <!--      FIN ACTUALITES REBELLES      -->       
                                                            </div>
                                                                 
                                                            <div class="actu4">
                                                                       <span class="titre_pa">Actualités - A Venir</span>       
                                                               <!--      DEBUT ACTUALITES A venir      --><span class="pa_contenu">Actualités "A Venir".</span>       
                                                               <!--      FIN ACTUALITES A venir      -->       
                                                            </div>
                                                                 
                                                         </div>
                                                                                                                                                                                      
                                                         <!--                                                                BLOC 4 HUNGER GAMES                                                                -->                                                               
                                                         <div id="pa4">
                                                                <span class="titre_pa">Hunger Games N° XX</span>   
                                                            <div id="hg_tributs">
                                                                   <span class="titre_pa">Tributs</span>       
                                                               <!--      DEBUT TRIBUTS      -->       
                                                               <!--      DEBUT BLOC TRIBUT      --><span class="tribut_bloc"> <span class="tribut_mort" style="display: none;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg" />       
                                                                     <!--      NOM      --><span class="id_nom">Finnick Odair</span>       
                                                                     <!--      DISTRICT      --><span class="id_titre">DISCTRICT X</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">Sponsoriser</a><br /><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg" /></span>       
                                                               <!--      FIN BLOC TRIBUT      -->       
                                                               <!--      DEBUT BLOC TRIBUT      --><span class="tribut_bloc"><span class="tribut_mort" style="display: none;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg" />       
                                                                     <!--      NOM      --><span class="id_nom">Finnick Odair</span>       
                                                                     <!--      DISTRICT      --><span class="id_titre">DISCTRICT X</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">Sponsoriser</a><br /><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg" /></span>       
                                                               <!--      FIN BLOC TRIBUT      -->       
                                                               <!--      DEBUT BLOC TRIBUT      --><span class="tribut_bloc"><span class="tribut_mort" style="display: block;"></span><span class="tribut_description"><span class="titre_pa">Identité</span>       
                                                                     <!--      AVATAR NORMAL      --><img src="http://img11.hostingpics.net/pics/978325finnick.jpg" />       
                                                                     <!--      NOM      --><span class="id_nom">Finnick Odair</span>       
                                                                     <!--      DISTRICT      --><span class="id_titre">DISCTRICT X</span>       
                                                                     <!--      TEXTE      --><span class="pa_contenu">Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per <a class="vglnk" title="Link added by VigLink" target="_blank" href="http://www.amazon.com/gp/search?ie=UTF8&camp=1789&creative=9325&index=aps&keywords=omnia&linkCode=ur2" rel="nofollow"><span>omnia</span></a> diffuso propinqua, magnis undique praesidiis conmunitam.</span>       
                                                                     <!--      LIENS      --><span class="id_liens"><a href="#">Sponsoriser</a><br /><a href="#">MP</a> - <a href="#">Profil</a></span></span>       
                                                                  <!--      AVATAR MINI      --><img src="http://www.hollow-art.com/files/bases/2014/06/20140618/18863/Sam%20Claflin%20as%20Finnick%20Odair%20in%20Catching%20Fire.-2417373.jpg" /></span>       
                                                               <!--      FIN BLOC TRIBUT      -->       
                                                               <!--      FIN TRIBUTS      -->       
                                                            </div>
                                                                 
                                                            <div id="hg_infos">
                                                                   <span class="titre_pa">Informations</span>   
                                                               <div class="infos_texte">
                                                                      Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.   
                                                               </div>
                                                                    
                                                               <div class="infos_meteo">
                                                                          <img src="http://www.icone-png.com/png/36/35642.png" /><br />Temps gris et pluvieux - Température XX°   
                                                               </div>
                                                                    
                                                            </div>
                                                                 
                                                            <div id="hg_actu">
                                                                   <span class="titre_pa">Actualités</span><span class="pa_contenu">Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla posse deflecti. <br /><br /><span style="font-size: 18px;">Titre</span> - Description des événements... <a href="#">[Revoir cette action]</a><br /><span style="font-size: 18px;">Titre</span> - Description des événements... <a href="#">[Revoir cette action]</a> </span>   
                                                            </div>
                                                                 
                                                         </div>
                                                                                                                                                                                      
                                                         <!--                                                                BLOC 5 SPONSORS                                                                -->                                                               
                                                         <div id="pa5">
                                                                 
                                                            <div class="sponsors_onglets">
                                                                   <a href="#s1">RP</a><a href="#s2">Autres</a><a href="#s3">Top Sites</a>   
                                                            </div>
                                                                 
                                                            <div class="sponsors1">
                                                                   <span class="titre_pa">Forum RPG</span> <span class="pa_contenu"></span>   
                                                            </div>
                                                                 
                                                            <div class="sponsors2">
                                                                   <span class="titre_pa">Forum "Autres"</span><span class="pa_contenu"><a href="http://www.never-utopia.com"><img src="http://img15.hostingpics.net/pics/819292bouton1.jpg" /></a></span>   
                                                            </div>
                                                                                                                               
                                                         </div>
                                                              
                                                      </div>
                                                                 
                                                      <div id="pa_boutons">
                                                                                                                           <a href="#onglet1"><img src="http://img11.hostingpics.net/pics/742045pabouton5.png" /></a><a href="#onglet2"><img src="http://img11.hostingpics.net/pics/244072pabouton1.png" /></a><a href="#onglet3"><img src="http://img11.hostingpics.net/pics/184663pabouton2.png" /></a><a href="#onglet4"><img src="http://img11.hostingpics.net/pics/384529pabouton3.png" /></a><a href="#onglet5"><img src="http://img11.hostingpics.net/pics/352816pabouton4.png" /></a>                                                                   
                                                      </div>
                                                                                                                                                                                               
                                                   </div>
                                                                                                                                                                                    
                                                </div>
                                                                                                                                                                                 
                                             </div>
                                                                                                                                                                              
                                          </div>
                                                                                                                                                                           
                                       </div>
                                                                                                                                                                        
                                    </div>
                                                                                                     
                                 </div>
                                                                                            
                              </div>
                                                                                               
                           </div>
                                                                                            
                        </div>
                                                                                     
                     </div>
                                                                                  
                  </div>
                                                               
               </div>
                                                            
            </div>
                                                         
         </div>
                  
      </div>
               
   </div>
            
</div>

---

Sinon, je pense que ton message était trop long parce qu'il manque une partie de l'overhall header ^^
M'enfin, c'est pas trop grave u_u

Je prendrais bien les logs, histoire de bien fouiller partout où peuvent être les problèmes ^^

Pour la PA ça a en partie résolu le souci mais il y a toujours un bug avec le défilement des nouveaux sujets ^^

Je t'ai envoyé un mp avec les logs

Mise à jour :

Bug du "sélectionner le code" résolu. Quand tu mets dans javascript dans la page des javascripts de ton panneau d'administration, tu dois faire attentino à ne PAS mettre les balises "script". Ils sont générés automatiquement par le système, alors c'est comme cela fait un script dans un script et cela cause des bugs

Bug des derniers sujets sur la PA résolu. Du moins, si tu ne voulais pas de défilement, sinon je peux le faire défiler pour toi, c'est toi qui choisi ^^

Bug de la disparition de la Chatbox résolu. Pour ta Chatbox, je suppose qu'elle devait être dans un template. Puisque tu as remplacé tes templates par ceux que t'as donné Okh et que la Chatbox n'y était pas, la CB peut difficilement être là. Du coup, j'ai fait un code de A à Z et je l'ai remis dans ton template. Le bouton "ouvrir" et "fermer" à gauche ouvre la CB. Et si tu aimes pas ou tu préfèrerais l'avoir autrement, c'est maintenant de le dire ~

Sinon, est-ce qu'il y avait quelque chose d'autre?

Salut,

Mince j'avais pourtant cru que j'avais envoyé la réponse que je t'avais faite ce matin xD.

Donc pour l'histoire des script je n'ai rien compris ^^' Pourrais-tu me l'expliquer plus simplement ? (ça m'évitera de refaire l'erreur).

Concernant la PA cool ! les onglets remarchent alors par contre je ne sais plus si on avait fait défiler les nouveaux messages ou non... je ne crois pas.

Pour la tchat box c'est cool elle est redevenue latérale ^^ par contre j'aimais bien le fonds qu'elle avait. Serait-il possible de remettre celui-ci plutôt qu'un simple fond noir ? Concernant les onglets, j'aimais beaucoup ceux qu'avaient fait le Capi je les ai retrouvés dans le dossier et je te les ai ré hébergées pour pouvoir les y mettre ^^ (aucune offense j'espère :/)

l'ouverture :

Code:

http://img11.hostingpics.net/pics/126593cbopen.jpg

La fermeture :

Code:

http://img11.hostingpics.net/pics/171427cbclose.jpg

J'avais une autre question concernant l'aperçu du profil d'un membre par un invité ou un autre membre. Je le trouve actuellement vide. Pourtant il me semble avoir configuré certains paramètres que les joueurs peuvent et doivent remplir. Est-ce normal qu'ils ne s'affichent pas quand on fait un aperçu du profil? De la même manière les avatars non plus ne s'affichent pas ni rien. Est-ce un défaut de configuration? Encore un souci de code ?

Merci beaucoup

Salut!

Pour les scripts, il faut les installer de façon différentes dans un template et dans la page de gestion des scripts.

Dans un template, tu dois toujours entourer le javascript de balises "script" comme sur cette image.

Dans la page de gestion des scripts, on met le code sans les balises "script", comme tu peux le voir sur cette image, parce que Forumactif va prendre le code que tu lui as mis et va lui-même ajouter les balises "script". Si tu les mets toi-même, il y aura 2 fois des balises scripts et cela cause des problèmes.

---

Pour la CB, j'ai rajouter tes boutons. Par contre, comme je l'ai dit, ta chatbox précédente a été supprimée lorsque tu as remplacée tes templates (ou ta PA, je ne sais pas trop où c'était installé), alors je n'ai aucune idée d'à quoi ressemblait le fond >< Tu as encore l'image?
D'ailleurs, tu préfères quand la CB est sur toutes les pages du forum ou seulement sur la page d'index?

---

Pour le profil, j'ai trouvé l'erreur de code et fait réapparaître les profils, mais pour la corriger entièrement, j'ai besoin de savoir: Est-ce que tu utilises le portail du forum ou pas du tout?

Salut salut,

Alors pour la Cb ce n'est pas encore bon ^^' les 2 onglets apparaissent de base et lorsqu'on clique sur l'un d'eux, la tchat box apparaît tout en haut mais pas en défilement sur le côté ça a l'air de bugguer. Je ne sais pas si j'explique bien mais si tu veux je peux t'envoyer des screens pour un meilleur visu.

Pour le profil. Non je n'utiliserais pas le portail du forum.

Erm, le fond est ok comme ça? Parce que tu n'as pas trop répondu à mes quesitons, alors...
Sinon oui, j'aimerais bien avoir des screens, comme ça je pourrais le faire exactement comme tu le veux ^^

Là présentement je suis en plein déménagement. Dès que les ordis fixes sont co (normalement demain soir) si j'ai un peu de temps, je t'envoie ça.

Salut salut,

Bon, n'ayant toujours pas internet, j'ai fait de mon ordi portable professionnel.

Voici les screens :



Comme tu peux le voir, la tchat box close montre 2 boutons alors que normalement il ne devrait qu'y avoir que le bouton "open" d'affiché sur le forum. De plus, j'ai un gros bug car en l'état actuel, je ne peux pas cliquer sur les liens du forums, le site considérant qu'en fait, je clique sur la tchat box. Donc pour aller voir par exemple, le contexte, le règlement ou les postes vacants (sur lesquels je travaille en ce moment) bah c'est pas possible.



Une fois ouverte ainsi, normalement le bouton "close" remplace le bouton "open" de la tchat box, ce qui n'est pas le cas ici. Les deux boutons restant affichés. Ce qui est étrange c'est que pour le souci évoqué plus haut. Si j'ouvre la tchat box, je peux quand même accéder aux postes vacants, etc... Chose que je ne pouvais pas faire tout à l'heure.

En outre, concernant le fond de la tchat box, je voulais tout simplement réutiliser celui du Capi que je te link :

Code:

http://img4.hostingpics.net/pics/902719back.jpg

Une fois ça résolu nous pourrons, je pense reparler du profil ^^ Une chose en son temps je pense :)

C'est changé ~

Salut,

Merci beaucoup c'est beaucoup mieux ^^ C'était le fait d'avoir les 2 onglets qui faisait bugguer du coup ?

Sinon pour le profil j'ai vu que tout était réapparu. C'était dû à quoi que ça avait disparu ?


Encore merci

En fait j'avais mis deux onglets parce que je croyais que c'était ce que tu voulais dire que tu voulais et oui le bug était à cause de ça... Comme quoi c'est mieux que je touche à rien si je suis pas sûre XD

Le bug du profil venait d'un bout de code qui faisait disparaître les widgets sur le côté du forum puisqu'il faut habituellement activer les widgets pour utiliser le bloc des "derniers sujets". Et une partie du code pour faire disparaître les widgets faisait aussi disparaitre les profils. Sauf que dans ton cas, invision permet d'activer le portail sans le mettre automatiquement comme étant l'index du forum, alors on n'avait même pas besoin d'activer les widgets. J'ai donc enlevé le code qui ne servait plus à rien et voilà ^^

Ah super merci beaucoup ^^