Exemple de fiche personnage

<div style="width: 98%; margin: auto; border-left: 3px solid #273B54; border-right: 3px solid #273B54; border-radius: 20px; -moz-border-radius: 20px; color: #90c2db;">
<div style="width: 97%; margin: auto; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;">
<div style="width: 97%; margin: auto; border-left: 1px dashed #273B54; border-right: 1px dashed #273B54;"><span style="display: block; text-align: center; font-family: georgia; font-size: 32px; letter-spacing: 4px; color: #273B54; font-weight: bold;">NOM</span>
<span style="display: block; width: 90%; margin-left: auto; margin-right: auto; margin-top: -16px; text-align: center; font-family: lucida calligraphy; font-size: 28px; letter-spacing: 4px; color: #273B54; font-style: italic; border-bottom: 1px dashed #273B54; padding-bottom: 20px;">prénom</span><table><tr><td style="width: 40%;"><span style="display: block; text-align: center; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #273B54; font-weight: bold;">Infos</span>
[b]Surnom :[/b]

[b]Âge :[/b]

[b]Sexe :[/b]

[b]Sexualité (Hétéro, Homo ou Bi) :[/b]

[b]Signe(s) distinctif(s) :[/b] </span>


</td>
<td><center><span style="display: block; width: 120px; padding: 6px; border-left: 2px solid #273B54; border-right: 2px solid #273B54; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><span style="display: block; width: 100px; height: 100px; margin: auto; background: url(https://i.servimg.com/u/f16/13/20/33/34/art10.png) center center; background-size: 99px 99px; border: 1px dashed #273B54;"></span></span><span style="display: block; width: 120px; padding: 6px; border-left: 2px solid #273B54; border-right: 2px solid #273B54; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><span style="display: block; width: 100px; height: 100px; margin: auto; background: url(https://i.servimg.com/u/f16/13/20/33/34/pokemo10.jpg) center center; background-size: 99px 99px; border: 1px dashed #273B54;"></span></span>
</center></td>
<td style="width: 40%;"><span style="display: block; text-align: center; font-family: lucida calligraphy; font-size: 26px; letter-spacing: 4px; color: #273B54; font-style: italic;">Autres</span>
[b]Pokémon :[/b]

[b]Groupe :[/b]

[b]Rang :[/b]

[b]Métier :[/b]

[b]Rêve :[/b] </span>


</td>
</tr>
</table>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #273B54; font-weight: bold; margin-bottom: -16px;">CARACTÈRE</span>
<span style="display: block; width: 95%; border-top: 2px solid #273B54; border-bottom: 2px solid #273B54; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">Brève description</span>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #273B54; font-weight: bold; margin-bottom: -16px;">PHYSIQUE</span>
<span style="display: block; width: 95%; border-top: 2px solid #273B54; border-bottom: 2px solid #273B54; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">Brève description</span>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #273B54; font-weight: bold; margin-bottom: -16px;">HISTOIRE</span>
<span style="display: block; width: 95%; border-top: 2px solid #273B54; border-bottom: 2px solid #273B54; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">-
-
-
-
-
-
-
- </span>
<a style="display: block; text-align: center; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://www.never-utopia.com">:copyright: Never-Utopia</a>
</div></div></div>