<center> <div class="fiche"> 
<div class="haut"><h1>Prénom P. Nom</h1>
<img class="avatar_fiche" src="https://images2.imgbox.com/13/c4/QuM6QuTL_o.png" />
 <div class="texte_haut"><b>nom |</b> ICI
<b>prenom |</b> ICI
<b>âge |</b> ICI
<b>race |</b> ICI
<b>lieu et date de naissance |</b> ICI
<b>orientation sexuelle |</b> ICI
<b>statut marital |</b> ICI
<b>metier/etudes |</b> ICI
<b>situation financiere |</b> ICI
<b>organisation |</b> ICI
<b> ft |</b> ICI
</div></div> 
<div class="tabs">
 <div class="tab"> <input type="radio" id="tab_personnage" name="tab-group-1" checked>
<label for="tab_personnage">Personnages</label>
<div class="content"> <h2> détails et anecdotes</h2>
 <div class="texte un">En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum. + En 15 points minimum.En 15 points minimum. + En 15 points minimum. </div>
<h2> Questions Additonnelles</h2>
<div class="flexbox questions"> 
<div class="texte deux"><b>Si vous connaissez l'existence du Surnaturel, quel rapport entretenez-vous avec les autres espèces?</b> répondre ici
<b>(pour les membres avec orgas) pourquoi avoir rejoint cette organisation et quel rôle y jouez-vous? </b> répondre ici
<b>(pour les sans orgas) Connaissez-vous l'existence des organisations et quel est votre avis les concernant?</b> répondre ici
<b>(pour ceux n'ayant pas connaissance du Surnaturel) Si votre personnage venait à être au courant du Surnaturel, quel serait sa réaction?</b> répondre ici</div>
<div class="img square" style="background-image: url('https://media.giphy.com/media/7vNcFB9x6AoMw/giphy.gif'); background-position: 50% 80%;"> </div> </div> </div> </div>
<div class="tab"><input type="radio" id="tab_histoire" name="tab-group-1">
 <label for="tab_histoire">Histoire</label>
<div class="content"><div class="img long" style="background-image: url('https://i1.wp.com/68.media.tumblr.com/55ce4467f41159134d240fdf87fc1e9d/tumblr_inline_ol7wmnx5PM1qkz7n8_500.gif?resize=480%2C270&ssl=1'); background-position: 10% 50%;"> </div> <div class="texte trois"><span class="histoire_titre">Ta phrase juste à toi</span> C'est ma vie. Elle n'est pas rose, elle n'est pas grise. J'ai vu le jour des années plus tôt, et je mourrai des années plus tard. J'ai connu des temps sombres, des temps clairs, des grandes déchirures et des souvenirs heureux. Parfois, je fonce tête baissée, j'agis comme bon me semble, j'ai l'impression que rien ne peut m'arrêter. Et parfois j'hésite, je fige, je n'arrive plus à réfléchir, je n'arrive pas à me décider. Un jour, je t'aime, le lendemain je te hais. Un jour je me sens libre et à ma place, comme si les choses étaient en ordre, comme si tout allait bien, comme si tout irait bien. Et le lendemain, je retombe, plus rien ne va. Je tourne en rond, j'étouffe, je pleure, encore. J'aimerais que tout s'arrange. Que les jours de pluie s'écartent, que le soleil brille à nouveau. J'aimerais faire quelque chose de beau, quelque chose de bien, avant d'être emporté par les ténèbres. Laisser une trace de mon passage sur terre. Avoir des enfants, peut-être. Inventer un truc. Révolutionner un domaine. Défier les standards artistique. Changer le monde à ma façon. Je voudrais faire une différence. Mais j'ignore si j'y arriverai. Bref… C'est ma vie. Elle n'est pas rose, elle n'est pas grise. J'ai vu le jour des années plus tôt, et je mourrai des années plus tard. J'ai connu des temps sombres, des temps clairs, des grandes déchirures et des souvenirs heureux. Parfois, je fonce tête baissée, j'agis comme bon me semble, j'ai l'impression que rien ne peut m'arrêter. Et parfois j'hésite, je fige, je n'arrive plus à réfléchir, je n'arrive pas à me décider. Un jour, je t'aime, le lendemain je te hais. Un jour je me sens libre et à ma place, comme si les choses étaient en ordre, comme si tout allait bien, comme si tout irait bien. Et le lendemain, je retombe, plus rien ne va. Je tourne en rond, j'étouffe, je pleure, encore. J'aimerais que tout s'arrange. Que les jours de pluie s'écartent, que le soleil brille à nouveau. J'aimerais faire quelque chose de beau, quelque chose de bien, avant d'être emporté par les ténèbres. Laisser une trace de mon passage sur terre. Avoir des enfants, peut-être. Inventer un truc. Révolutionner un domaine. Défier les standards artistique. Changer le monde à ma façon. Je voudrais faire une différence. Mais j'ignore si j'y arriverai. Bref… </div> </div> </div> </div>
<div class="bas"><div class="img basfiche" style="background-image: url('https://media.giphy.com/media/IWP5wXhkWbaKI/giphy.gif'); background-position: 50% 80%;"> </div><div class="texte quatre"> Salut salut ! Moi c'est <b>pseudo/prénom</b> et je débarque du haut de mes <b>âge</b> ans. J'aime <b>oui tu aimes quoi ?</b>, je déteste <b>dis nous tout ?</b> et on me dit souvent que <b>quoi ?</b>. On me verra dans les parages <b>fréquence de connexion</b>. Je suis fier(e) de dire que j'ai découvert le forum grâce à <b>personne, site...</b> et d'ailleurs je le trouve <b>ton avis sur le design, codage, touuuut</b>. Je suis un <b>inventé/scénario</b> et puis je tenais à terminer en vous disant que <b>balance la sauce</b> ! Une toute dernière chose: avoir un rp d'intégration avec l'un de nos parrains: <b>Oui/Non </b></div>
 </div></div> </center>