Modèle de présentation

<style>.fiche {width: 500px; background-color: #BCA774;} .img_pres {border-radius: 100px 100px 0px 0px;} .titre_pres {font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; position: relative; top: -0.5em; color: #635430;} .identité {background-color: #393220; padding: 20px; text-align: justify; position: absolute; top: 4.1em; width: 460px; z-index: 2; color: #9C844B;} .caractère {width: 400px; height: 80px; overflow: auto; padding: 20px; text-align: justify; background-color: #635430; border-radius: 25px; left: -5.5em; position: relative; color: #E4DCC9;} .titre_caractère {transform: rotate(-90deg); color: #16130C; font-family: 'Merienda One', cursive; font-size: 18px; position: relative; left: -1em; top: 2em;} .histoire {color: #E4DCC9; width: 400px; height: 200px; overflow: auto; padding: 20px; text-align: justify; background-color: #635430; border-radius: 25px; left: -4em; position: relative;} .titre_histoire {transform: rotate(-90deg); color: #16130C; font-family: 'Merienda One', cursive; font-size: 18px; position: relative; left: -0.6em; top: 2em;} .titre_bloc {background-image: url('http://img15.hostingpics.net/pics/4450796616.png'); width: 404px; height: 55px; color: #BCA774; font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; padding-top: 15px;}</style>

<center><img src="http://data3.whicdn.com/images/122927630/large.gif" class="img_pres">
<div class="fiche"><div class="titre_pres">Nom du personnage<span style="color: #393220;"> ♌</span> <span style="color: #E4DCC9;">Citation cool</span></div>

<div style="background-color: #635430; height: 264px;"><span style="position: relative; left: -22.7em;"><div style="border: 0 solid transparent; border-top-width: 47px; border-bottom-width: 70px; border-right: 500px solid #393220; position: absolute;"></div>
<div class="identité"><table><tr><td><img src="http://www.hostingpics.net/thumbs/89/15/71/mini_891571Sanstitre7.png" style="height: 100px;"></td><td>Je suis <span style="font-weight: bold; color: #E4DCC9;">Nom du personnage</span>, mystique de <span style="font-weight: bold; color: #E4DCC9;">[Affiliation]</span>. J'ai actuellement <span style="font-weight: bold; color: #E4DCC9;">[Âge]</span>, mais quelque chose me dit que je ne passerai pas ce cap. Mais sinon le beau gosse qui me représente c'est <span style="font-weight: bold; color: #E4DCC9;">Nom de l'avatar</span>.</td><td><img src="http://nsa33.casimages.com/img/2014/07/20/140720112521950101.png" style="height: 100px;"></td></tr></table></div>
<div style="border: 0 solid transparent; border-bottom-width: 44px; border-top-width: 80px; border-left: 500px solid #393220; position: absolute; top: 12.5em; z-index: 1;"></div></span></div>

<table><tr><td><div class="titre_caractère">            </div></td><td><div style="position: relative;"><div class="titre_bloc" style="position: absolute; left: -1.5em;">I just want you to suffer ♥</div></div><br /><br /><br />
<div class="caractère">Description mentale en un minimum de 150 mots</div></td></tr></table>
<br /><br />
<table><tr><td><div class="titre_caractère">              </div></td><td><div style="position: relative;"><div class="titre_bloc" style="position: absolute; left: -1.5em;">I just beautiful ! ♥</div></div><br /><br /><br />
<div class="caractère">Description physique en un minimum de 150 mots</div></td></tr></table>
<br /><br />

<div style="background-color: #635430; height: 240px;"><span style="position: relative; left: -22.7em;"><div style="border: 0 solid transparent; border-top-width: 47px; border-bottom-width: 70px; border-right: 500px solid #393220; position: absolute;"></div>
<div class="identité"><table><tr><td><img src="http://img15.hostingpics.net/pics/276456tdf.png" style="height: 100px;"></td><td>Derrière <span style="font-weight: bold; color: #E4DCC9;">[Pseudo]</span> se cache <span style="font-weight: bold; color: #E4DCC9;">[Prénom]</span>. J'ai <span style="font-weight: bold; color: #E4DCC9;">00 ans</span> et je RP depuis <span style="font-weight: bold; color: #E4DCC9;">[Âge]</span>. J'aime <span style="font-weight: bold; color: #E4DCC9;">ça, ça et ça</span>, en revanche je déteste <span style="font-weight: bold; color: #E4DCC9;">ceci, ceci et ceci</span>. J'ai découvert le forum par le biais de <span style="font-weight: bold; color: #E4DCC9;">Réponse</span>.</td></tr></table></div>
<div style="border: 0 solid transparent; border-bottom-width: 44px; border-top-width: 80px; border-left: 500px solid #393220; position: absolute; top: 10.3em; z-index: 1;"></div></span></div>
<a href="http://www.never-utopia.com" style="color: #4D4B48!important; text-align: center; font-size: 9px;">© By Halloween</a><br /><br /></div></center>

<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>