Les fiches et Boutons du forum

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-color: #0A021F;background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D;} .titre{transition: 2s ease; display: inline; color: #A19D99; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px;}.titre:hover{color: #A19D99;} .soustitre{font-family: 'Playball', cursive; color: #A19D99; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #A19D99;} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #A19D99; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px#A19D99; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg);}.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999;}.bulle:hover span{display: block;}.titre2{font-family: 'Playball', cursive; color: #A19D99; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #A19D99;} .blocbis {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 100px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;}</style>

<div class="fond"><img class="head" src="http://www.zupimages.net/up/16/14/u1ou.png" alt="550 de large"><br /><div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Personnages libres</div><div class="blocbis">Jace Wayland ; Isabelle Lightwood; Simon Lewis; Lydia Branwell
<br>
¤ [url=http://followthesun.forumactif.org/t20-la-loi-est-la-loi]Le Règlement[/url]
¤ [url=http://followthesun.forumactif.org/f10-listes-des-personnages]Les Personnages libre[/url]
¤ [url=http://followthesun.forumactif.org/t34-bottin-des-avatars]Bottin des Avatars[/url]
¤ [url=http://followthesun.forumactif.org/t47-les-annexes-du-forum]Les Annexes[/url]
</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Staff</div><div class="blocbis" style="margin-left: -14px;">¤ Alec Lightwood: Fondatrice</div></div><div style="clear: both;"></div></div><div class="head"></div><div style="text-align: center"><span class="titre">Contexte</span></div><div class="bloc" style="margin-top: -18px; padding-top: 20px;"><span Sur le bord d'un lac, un homme regardait l'eau bouger. Un ange s'arrêta près de lui. L'homme l'implora de donner aux humains le pouvoir de combattre les ténèbres. Raziel, l'ange, mêla son sang au sien tout en récitant un texte dans une langue inconnue. Cet homme était Jonathan Shadowhunter. Il fut le premier chasseur d'Ombre du monde. L'ange lui transmit trois instruments pour lui venir en aide : une épée, une coupe et un miroir. Il lui apprit quelques notions fondamentales et lui transmit un livre avant de disparaître. La mission des chasseurs d'ombres était, et sera toujours, de protéger les humains des créatures obscures.

La jeune femme ferma le livre : comment tout cela avait commencé, elle le savait. En revanche, elle ignorait comment ils en étaient arrivés là et personne ne semblait disposé à lui dire ce qu’elle voulait savoir.
Clary Fray venait de voir sa vie changer en quelques heures. La voilà, à New York, dans un institut pour chasseurs d'ombre. Elle soupira avant d’entendre des pas derrière elle, puis elle aperçut Alec qui s’assit sur la chaise proche de lui.

"Nous sommes invisibles aux humains. Nous, les chasseurs d'ombres ou créatures obscures telles que les vampires ou loups-garous. Une guerre a déjà ravagé le monde. D'après Valentin, le chef du cercle, l'enclave devait être changée, modifiée, car leurs méthodes n'étaient plus acceptables. Elle donnait de nouveaux droits aux Créatures Obscures et cela était inadmissible. Valentin a donc créé une armée nommée le cercle avec toutes sortes de créatures qui l'admiraient et le craignaient."

Le jeune homme arrêta son discours quelques instants avant de reprendre.

"Son emprise sur eux était totale. Derrière son plan de changer les façons de faire de l'Enclave, Valentin avait un autre plan : prendre le pouvoir. Il s'était gardé de le révéler à son entourage et ce que tout le monde ignorait, c'est que pour arriver à ses fins, il était prêt à tout. Rien ne pouvait l'arrêter. Heureusement, quelques membres du cercle ont compris et prévenu l'Enclave de ce qui allait se passer.

— Attends, tu veux dire que Valentin est de retour pour finir ce qu'il a commencé et que c'est ce qui nous attend, une guerre ?</div><div class="head"></div>

<div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Nous rejoindre</div><div class="blocbis">

[center][url=http://followthesun.forumactif.org/]Par ici !![/url][/center]

[center][url=http://followthesun.forumactif.org/][img]http://i86.servimg.com/u/f86/14/08/98/07/pub10.png[/img][/url][/center]

</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Quelques Stat'</div><div class="blocbis" style="margin-left: -14px;">Créé le 04/2016
Minimum 15 lignes par RP
Le staff vous attend!!</div></div><div style="clear: both;"></div></div>
<div style="text-align: center;"><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px;">© Narja - Never-Utopia</a></div></div>

[url=http://followthesun.forumactif.org/][img]http://i86.servimg.com/u/f86/14/08/98/07/pub10.png[/img][/url]

[url=http://followthesun.forumactif.org/][img]http://i86.servimg.com/u/f86/14/08/98/07/pubb10.png[/img][/url]