Modèle de fiche de présentation

<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="background-image: url(http://nsa33.casimages.com/img/2015/01/18//150118120120540710.png);padding: 15px; width:485px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Dorsa|Great+Vibes|Rochester' rel='stylesheet' type='text/css'><style type="text/css">.case { font-family: Great Vibes, cursive;font-size : 19px; background-color: #F8F6F3;color:black;text-align : center; text-transform: lowercase; width:190px; padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;} .img { opacity: 0.8;} .img:hover { opacity: 1.0;} .case2 { font-family: Great Vibes, cursive;font-size : 19px; background-color:#F8F6F3;color:darkgrey;text-align : center; text-transform: lowercase; width:190px;padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;}  </style>
<div style="background-color:white;width:485px;"><img src="https://78.media.tumblr.com/5327a5584bf34fe25198d798884634fa/tumblr_oyjg85BCIQ1sg8uefo1_500.gif" width="475px" style="border: 1px solid darkgray;padding: 2px;" class="img" ><div style="width:400px; text-align:center;font-family:georgia; text-shadow:0 0 1px #000;font-size:35px; letter-spacing:-1px; color:#000; padding:-10px 0px 10px 0px;margin-top:-12px;opacity:0.8;">
Nom Prénom</div>
<div style="font-family: courrier new; font-size: 9px;color: darkgray; text-align: justify;line-height: 8px;width: 475px;margin-left: 5px;border-top: 1px solid #F8F6F3;"></div></div>

<div style="background-color:white;width:485px;"><table border="0" align="center" width="403" style="background-color:white;margin-top:-22px;padding-top:17px;"><td width="50%" style="color:silver;text-align:justify;font-family:verdana;font-size:10px;padding:5px;"><div style="max-height:400px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:235px;height:400px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;">[b][color=black]Pseudo :[/color][/b] [color=darkslategray]XXX[/color]
[b][color=black]Nom :[/color][/b] [color=darkslategray]XXX[/color]
[b][color=black]Prénom :[/color][/b] [color=darkslategray]XXX[/color]
[b][color=black]Âge :[/color][/b] [color=darkslategray]XXX ans[/color]
[b][color=black]Grimoire (Décrivez l'aspect de votre grimoire) :[/color][/b] [color=darkslategray]XXX[/color]
[b][color=black]Magie :[/color][/b] [color=darkslategray]XXX[/color]

<div style="border: 3px solid #000; opacity:0.5;"></div><div style="font-family: great vibes;font-size: 30px;text-align:center; text-shadow:0 0 1px #000; color:#000;margin-top:-3px;margin-bottom:-5px; opacity:0.7;">Nom de la magie</div>

[color=darkslategray]Description de la magie : XXX

Chevalier-Mage Novice :
- Sort 1 : XXX
- Sort 2 : XXX
- Sort 3: XXX

Chevalier-Mage Confirmé :
- Sort 4 : XXX
- Sort 5 : XXX

Chevalier-Mage Supérieur :
- Sort 6 : XXX
- Sort 7 : XXX


Grand Chevalier-Mage  :
- Sort 8 : XXX
- Sort 9 : XXX
- Sort 10 : XXX

[/color]

<div style="border: 3px solid #000; opacity:0.5;"></div><div style="font-family: great vibes;font-size: 30px;text-align:center; text-shadow:0 0 1px #000; color:#000;margin-top:-3px;margin-bottom:-5px; opacity:0.7;"></div>
</div></td><td width="50%" align="center"><center><img src="https://vignette.wikia.nocookie.net/blackclover/images/a/a3/Asta_anime_profile.png/revision/latest?cb=20180208080526" width="200" height="400" class="img" /></center></td></table>

<div style="border: 2px solid #000; opacity:0.5;"></div><div style="font-family: great vibes;font-size: 39px;text-align:center;color:#000;margin-top:-3px;margin-bottom:-15px; text-shadow:0 0 1px #000; opacity:0.7;">
Description du personnage</div><div style="max-height:310px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:470px;background-color: #F8F6F3;padding-left:5px;padding-top:5px;font-size:12px;text-align:justify;">

[size=10][color=darkslategray]

Veuillez détailler le profil psychologique, physique, et l'histoire de votre personnage.

[/color][/size]
</div><div style="border: 3px solid #000; opacity:0.5;"></div><div style="font-family: great vibes;font-size: 30px;text-align:center; text-shadow:0 0 1px #000; color:#000;margin-top:-3px;margin-bottom:-5px; opacity:0.7;"></div>