Modèle + Faire son scénario

<center><div class="fond"><p class="titre">Nom du Personnage</p><p class="soustitre">{ citation au choix }</p><div class="fond2"><img class="img" src="https://media.giphy.com/media/1EUNtXNqmNz4A/giphy.gif"><div class="bloc" style="height:70px;overflow:auto;"><p class="text" style="padding:3px;"><span class="point">+ Nom complet :</span> ICI <span class="point">+ Âge et date de naissance :</span> ICI <span class="point">+ Lieu de naissance :</span> ICI <span class="point">+ État civil :</span> ICI <span class="point">+ Métier/Études :</span> ICI <span class="point">+ Addiction à :</span> ICI <span class="point">+ Groupe :</span> ICI <span class="point">+ Personnalité sur l'avatar :</span> ICI <span class="point">+ Crédits :</span> ICI </p></div>
<div class="bloc" style="height:150px; overflow:auto;margin-top:-10px;"><p class="text"><span class="point">Le caractère du personnage +</span> [i]ICI. PEUT ÊTRE SOUS FORME DE PHRASES OU DE POINTS[/i]</p></div>
<div class="bloc" style="height:150px; overflow:auto;margin-top:-10px;"><p class="text"><span class="point">Description brève des hallucinations +</span> [i]ICI. PEUT ÊTRE SOUS FORME DE PHRASES OU DE POINTS.[/i]</p></div>
<div class="bloc" style="height:150px; overflow:auto;margin-top:-10px;"><p class="text"><span class="point">Histoire du personnage +</span> [i]ICI. PEUT ÊTRE SOUS FORME DE PHRASES OU DE POINTS.[/i]</p></div>

<div class="lien"><table><tbody><tr><td><img src="http://img11.hostingpics.net/pics/370311435.png" class="icon"></td><td><div class="blabla"><p class="soustitrelien">Nom du personnage</p><p class="textlien"><span class="point">Nom du lien</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis sit amet est vitae facilisis. Vivamus id efficitur eros. Aliquam congue turpis mi, maximus sagittis elit interdum non. Duis a mollis dolor. Donec volutpat at mauris sollicitudin aliquet. Donec varius lobortis risus nec placerat. Ut tempor quis mauris at lacinia. In hac habitasse platea dictumst. Aliquam et mauris interdum, pretium nunc eu, consequat ligula. Donec sit amet nisi neque. Aenean bibendum risus quis ligula eleifend, sit amet sodales nunc egestas. In ut nibh sapien.</p></div></td></tr></tbody></table></div>

<div class="lien"><table><tbody><tr><td><img src="http://img11.hostingpics.net/pics/370311435.png" class="icon"></td><td><div class="blabla"><p class="soustitrelien">Nom du personnage</p><p class="textlien"><span class="point">Nom du lien</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis sit amet est vitae facilisis. Vivamus id efficitur eros. Aliquam congue turpis mi, maximus sagittis elit interdum non. Duis a mollis dolor. Donec volutpat at mauris sollicitudin aliquet. Donec varius lobortis risus nec placerat. Ut tempor quis mauris at lacinia. In hac habitasse platea dictumst. Aliquam et mauris interdum, pretium nunc eu, consequat ligula. Donec sit amet nisi neque. Aenean bibendum risus quis ligula eleifend, sit amet sodales nunc egestas. In ut nibh sapien.</p></div></td></tr></tbody></table></div>
<br></div><p class="credit">made by BoogyLou.</p></div></center>