<div class="fichemembres"><!-- Introduction --><div class="pseudoperso">Nom et prénom</div>
<div class="intro" id="intro"><div class="onglets"><a href="#" class="onglet active" data-intro-onglet="contexte"></a><a href="#" class="onglet" data-intro-onglet="intrigue"></a></div>
<div class="contents"><div class="content contexte active scroll"><br><e>Nom :</e> écrire ici. <e>Prénom(s) :</e> écrire ici. <e>Date de naissance :</e> écrire ici. <e>Age :</e> écrire ici.  <e>Origines :</e> écrire ici. <e>Nationalité :</e> écrire ici. <e>Statut matrimoniale :</e> écrire ici. <e>Situation familiale :</e> écrire ici. <e>Orientation sexuelle :</e> écrire ici. <e>Espèce :</e> écrire ici. <e>Particularités physique :</e> écrire ici. <e>Traits de caractère :</e> écrire ici. <e>Ta plus grande peur :</e> écrire ici. <e>Crédits :</e> écrire ici. <e>Groupe :</e> écrire ici.</div><div class="content intrigue scroll"><e>Pseudo/prénom :</e> écrire ici. <e>Fréquence de connexion :</e> écrire ici. <e>Où as-tu connu le forum :</e> écrire ici. <e>Des suggestions? :</e> écrire ici. <e>Un dernier mot :</e> écrire ici. </div></div></div>
<div class="ava"><div style="background: 50% 50% url(http://i.imgur.com/mQXjIDE.png); " class="avatar"></div></div>
<div class="feat">CÉLÉBRITÉ</div>
<div class="blocbas" id="blocbas"><div class="onglets"><a href="#" class="onglet active" data-blocbas-onglet="contexte"></a><a href="#" class="onglet" data-blocbas-onglet="intrigue"></a></div><div class="contents"><div class="content contexte active scroll"><e>(01)</e> Tic-manie-anecdotes. <e>(02)</e> Tic-manie-anecdotes. <e>(03)</e> Tic-manie-anecdotes.  <e>(04)</e> Tic-manie-anecdotes. <e>(05)</e> Tic-manie-anecdotes. <e>(06)</e> Tic-manie-anecdotes. <e>(07)</e> Tic-manie-anecdotes. <e>(08)</e> Tic-manie-anecdotes. <e>(09)</e> Tic-manie-anecdotes. <e>(10)</e> Tic-manie-anecdotes.

<e>Où étiez-vous pendant les guerres de 2007 ? Y avez vous pris part, et si oui, de quel côté ? </e> écrire la réponse ici en minimum 5 lignes.
<e>Votre ressenti pendant que la menace des Morgenstern pesait sur le monde obscur.</e> écrire la réponse ici en minimum 5 lignes.
<e>Que pensez vous de la sanction exercée par l'Enclave sur le Petit Peuple ? Sur les chasseurs d'ombres à demi faeries ?</e> écrire la réponse ici en minimum 5 lignes.
<e>Votre objectif personnel sur le long terme ?</e> réponse ici en minimum 5 lignes. </div><div class="content intrigue scroll"><br><e>COMPÉTENCES</e>

<e>Quelle est ta plus grande compétence et ta plus grande faiblesse au combat? </e> écrire la réponse ici en minimum 5 lignes.
<e>Mes compétences </e> attention, une autorisée à 2 points, deux autres à 1. Trois compétences maximum. Les compétences en question et le système sont résumés [url=http://city-of-mist.forumsrpg.com/t66-viii-systeme-de-competences]ici[/url]  </div></div></div></div>

<div class="fichehistoire"><div class="titrefiche">Le titre de ta fiche</div><div class="blochistoire"><div class="history scroll"><img src="https://az815374.vo.msecnd.net/shadowhunters/2015/282/8b2dbd46-5b9d-405c-8ea5-dc76b264b670.gif" width="100px" style="border:2px solid #071629; margin-right:10px; margin-bottom:0px;" align="left" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis repellat necessitatibus animi tempore veniam non dolor, dignissimos cupiditate praesentium et commodi tenetur sit eligendi cumque quod assumenda illum nesciunt quibusdam.</div></div></div>