<div class="cadre"><div class="titre1">Prénom Nom</div><div class="legende" style="text-align:center;margin-top:20px;">(feat. célébrité de votre avatar)</div>
<table width="100%" align="center"><tr width="100%"><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td></tr></table>

<div class="titre2">Le personnage</div><div class="cadre2"><table style="text-align: left;"><tr valign="top"><td width="33%"><span class="important">Prénom :</span> REPONDRE ICI
<span class="important">Nom :</span> REPONDRE ICI
<span class="important">Surnom :</span> REPONDRE ICI
<span class="important">Sexe :</span> REPONDRE ICI</td>
<td width="33%" style="border-left: 1px solid #000; border-right: 1px solid #000; padding-left:10px;"><span class="important">Taille :</span> REPONDRE ICI
<span class="important">Poids :</span> REPONDRE ICI
<span class="important">Âge & DOB :</span> REPONDRE ICI
<span class="important">Nationalité :</span> REPONDRE ICI</td>
<td width="33%" style="padding-left:10px;"><span class="important">Métier / Etudes :</span> REPONDRE ICI
<span class="important">Orientation sexuelle :</span> REPONDRE ICI
<span class="important">Statut social :</span> REPONDRE ICI
<span class="important">Ambition :</span> REPONDRE ICI</td></tr></table>

<div class="titre3">Son caractère</div>
Sed rhoncus lacus tellus, vitae commodo sapien luctus id. Morbi sed nisl lectus. Pellentesque vitae neque efficitur, elementum mauris sit amet, porttitor mi. In eros mi, luctus in elit at, euismod efficitur odio. Mauris vel ante ut ante ultrices sollicitudin vitae eget lectus. Integer gravida congue purus, ac interdum mi feugiat et. Quisque commodo porta sapien. Cras sollicitudin auctor tellus, vitae posuere enim luctus at. Praesent lectus dolor, porttitor nec nunc ut, mattis ultricies tortor. In pellentesque odio non erat pharetra, eget finibus augue volutpat.
Sed efficitur magna mattis leo placerat ultrices. Integer augue est, rhoncus non laoreet a, rhoncus et turpis. Etiam nisi leo, rhoncus suscipit quam quis, iaculis consequat metus. Nulla vel cursus urna. Suspendisse vehicula venenatis porta. Curabitur porta hendrerit mollis. Suspendisse potenti. Fusce feugiat feugiat arcu, a consectetur lectus aliquam in. Proin ut lorem vel nibh dapibus scelerisque. Mauris a turpis at justo dignissim posuere. Fusce cursus dui mauris, at mollis dui sollicitudin a. Morbi euismod aliquam magna in venenatis.

<div class="titre3">Son physique</div>
Sed rhoncus lacus tellus, vitae commodo sapien luctus id. Morbi sed nisl lectus. Pellentesque vitae neque efficitur, elementum mauris sit amet, porttitor mi. In eros mi, luctus in elit at, euismod efficitur odio. Mauris vel ante ut ante ultrices sollicitudin vitae eget lectus. Integer gravida congue purus, ac interdum mi feugiat et. Quisque commodo porta sapien. Cras sollicitudin auctor tellus, vitae posuere enim luctus at. Praesent lectus dolor, porttitor nec nunc ut, mattis ultricies tortor. In pellentesque odio non erat pharetra, eget finibus augue volutpat.
Sed efficitur magna mattis leo placerat ultrices. Integer augue est, rhoncus non laoreet a, rhoncus et turpis. Etiam nisi leo, rhoncus suscipit quam quis, iaculis consequat metus. Nulla vel cursus urna. Suspendisse vehicula venenatis porta. Curabitur porta hendrerit mollis. Suspendisse potenti. Fusce feugiat feugiat arcu, a consectetur lectus aliquam in. Proin ut lorem vel nibh dapibus scelerisque. Mauris a turpis at justo dignissim posuere. Fusce cursus dui mauris, at mollis dui sollicitudin a. Morbi euismod aliquam magna in venenatis.

<div class="titre3">Ses compétences</div>
Sed rhoncus lacus tellus, vitae commodo sapien luctus id. Morbi sed nisl lectus. Pellentesque vitae neque efficitur, elementum mauris sit amet, porttitor mi. In eros mi, luctus in elit at, euismod efficitur odio. Mauris vel ante ut ante ultrices sollicitudin vitae eget lectus. Integer gravida congue purus, ac interdum mi feugiat et. Quisque commodo porta sapien. Cras sollicitudin auctor tellus, vitae posuere enim luctus at. Praesent lectus dolor, porttitor nec nunc ut, mattis ultricies tortor. In pellentesque odio non erat pharetra, eget finibus augue volutpat.
Sed efficitur magna mattis leo placerat ultrices. Integer augue est, rhoncus non laoreet a, rhoncus et turpis. Etiam nisi leo, rhoncus suscipit quam quis, iaculis consequat metus. Nulla vel cursus urna. Suspendisse vehicula venenatis porta. Curabitur porta hendrerit mollis. Suspendisse potenti. Fusce feugiat feugiat arcu, a consectetur lectus aliquam in. Proin ut lorem vel nibh dapibus scelerisque. Mauris a turpis at justo dignissim posuere. Fusce cursus dui mauris, at mollis dui sollicitudin a. Morbi euismod aliquam magna in venenatis.

<table cellspacing="10"><tr valign="top"><td width=50%><div class="titre3">Avant l'épidémie</div>
Sed rhoncus lacus tellus, vitae commodo sapien luctus id. Morbi sed nisl lectus. Pellentesque vitae neque efficitur, elementum mauris sit amet, porttitor mi. In eros mi, luctus in elit at, euismod efficitur odio. Mauris vel ante ut ante ultrices sollicitudin vitae eget lectus. Integer gravida congue purus, ac interdum mi feugiat et. Quisque commodo porta sapien. Cras sollicitudin auctor tellus, vitae posuere enim luctus at. Praesent lectus dolor, porttitor nec nunc ut, mattis ultricies tortor. In pellentesque odio non erat pharetra, eget finibus augue volutpat.
Sed efficitur magna mattis leo placerat ultrices. Integer augue est, rhoncus non laoreet a, rhoncus et turpis. Etiam nisi leo, rhoncus suscipit quam quis, iaculis consequat metus. Nulla vel cursus urna. Suspendisse vehicula venenatis porta. Curabitur porta hendrerit mollis. Suspendisse potenti. Fusce feugiat feugiat arcu, a consectetur lectus aliquam in. Proin ut lorem vel nibh dapibus scelerisque. Mauris a turpis at justo dignissim posuere. Fusce cursus dui mauris, at mollis dui sollicitudin a. Morbi euismod aliquam magna in venenatis. </td>
<td width=50%><div class="titre3">Après l'épidémie</div>
Sed rhoncus lacus tellus, vitae commodo sapien luctus id. Morbi sed nisl lectus. Pellentesque vitae neque efficitur, elementum mauris sit amet, porttitor mi. In eros mi, luctus in elit at, euismod efficitur odio. Mauris vel ante ut ante ultrices sollicitudin vitae eget lectus. Integer gravida congue purus, ac interdum mi feugiat et. Quisque commodo porta sapien. Cras sollicitudin auctor tellus, vitae posuere enim luctus at. Praesent lectus dolor, porttitor nec nunc ut, mattis ultricies tortor. In pellentesque odio non erat pharetra, eget finibus augue volutpat.
Sed efficitur magna mattis leo placerat ultrices. Integer augue est, rhoncus non laoreet a, rhoncus et turpis. Etiam nisi leo, rhoncus suscipit quam quis, iaculis consequat metus. Nulla vel cursus urna. Suspendisse vehicula venenatis porta. Curabitur porta hendrerit mollis. Suspendisse potenti. Fusce feugiat feugiat arcu, a consectetur lectus aliquam in. Proin ut lorem vel nibh dapibus scelerisque. Mauris a turpis at justo dignissim posuere. Fusce cursus dui mauris, at mollis dui sollicitudin a. Morbi euismod aliquam magna in venenatis. </div></td></tr></table>
<div class="titre3">Les groupes</div>
<span class="important">Groupe souhaité :</span> Expliquez ici en quelques lignes pourquoi votre personnage veut rejoindre / a rejoint ce groupe (Humanity, Brutes, Solitaires)
<span class="important">Rôle dans le groupe :</span> Expliquez ici en quelques lignes le rôle que joue votre personnage dans le groupe choisi
<span class="important">Opinion du groupe:</span> Expliquez ici en quelques lignes ce que votre personnage pense du groupe choisi (organisation, leader(s), futur du camp...)
<span class="important">Autres groupes:</span> Expliquez ici en quelques lignes ce que votre personnage pense des autres groupes (Humanity, Brutes, zone 51, solitaires)</div></div>

<div class="cadre"><div class="titre1">Pseudo</div>
<table width="100%" align="center"><tr width="100%"><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td><td><div class="petite_img" style="background: url(http://i57.tinypic.com/2qcf6kx.jpg);"></div></td></tr></table>
<div class="titre2">En bref</div><div class="cadre2"><span class="important">Prénom :</span> REPONDRE ICI
<span class="important">Age / DOB :</span> REPONDRE ICI
<span class="important">Sexe :</span> REPONDRE ICI
<span class="important">Pays :</span> REPONDRE ICI
<span class="important">Skype :</span> REPONDRE ICI
<span class="important">Fréquence de connexions :</span> REPONDRE ICI
<span class="important">Où as-tu connu le forum ? :</span> REPONDRE ICI
<span class="important">Quelles sont tes attentes vis-à-vis de Tyran-Land ?</span> REPONDRE ICI
<span class="important">Des questions ?</span> REPONDRE ICI</div>

<div class="titre2">Pour mieux se connaitre</div><div class="cadre2"><span class="important">Film(s) favori(s) :</span> REPONDRE ICI
<span class="important">Livre(s) favori(s) :</span> REPONDRE ICI
<span class="important">Musique(s) favorite(s) :</span> REPONDRE ICI
<span class="important">Plat(s) favori(s) :</span> REPONDRE ICI
<span class="important">Série(s) favorite(s) :</span> REPONDRE ICI
<span class="important">Le mot de la fin :</span> REPONDRE ICI</div>
</div>