Fiche des prédéfinis

<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
<div style="width:550px;height:1030px;border-right: 10px solid #e2f3ff;border-left: 10px solid #96A2FF;background-color : #f9f7ea;margin:auto;text-align:center;">
<p style="font-family:'Pacifico',cursive;font-size:60px;color: #96A2FF;">Prénom</p>
<p style="font-size:30px;color:#b9b497;margin-top:-60px">Citation qui roxe,mais pas trop longue</p>
<div style=" width:500px;height:210px;margin:auto;background-color:#ebe7ce;">
<IMG src="http://image.noelshack.com/fichiers/2015/41/1444430074-sans-titre-3.png" style="border-right: 5px solid #e2f3ff;border-left: 5px solid #96A2FF;width: 125px;height: 150px;float: left;margin: 20px 10px 10px 30px;"/>
<div style="width: 300px;height: 170px;background-color: #B9B497;display: inline-block;border-radius: 10px;margin-top:-15px;overflow:auto;">
<p style="color:#f9f7ea;overflow:auto;margin-top:-25px" align="justify">
[b]Nom:[/b]
[b]Sexe:[/b]
[b]Nombre d'année d'existence:[/b]
[b]Famille (Shintoïsme, Grecque, etc.)  :[/b]
[b]Hétéro/Bi/Homo ? :[/b]
[b]Je suis le dieu de/des/du:[/b]
[b]Maîtrise du pouvoir  :[/b] Bla sur un échelle de 10
[b]Pouvoir (Quelques lignes) [/b]:

<center><div style="background-color:#414347;border-bottom: 1px solid #CECECE; width:100px;font-family: 'Roboto Condensed', sans-serif;font-size:13px; color:#EAEAEA;margin-bottom:2px;padding:2px;">LUCIFER/GOD</div></center>
</p></div>
</div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:230px;height:240px;float:left;background-color:#ebe7ce;margin: 10px 10px 10px 30px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;">Mon Beau Miroir</p>
<p style="color:#8a8981;margin-top:-25px;"align="justify">  Nom de l'avatar + Quelques informations</p></div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:230px;height:240px;float:right;background-color:#ebe7ce;margin-top:-8px;margin-right:30px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;">Dans Ma Tête</p>
<p style="color:#8a8981;margin-top:-25px;"align="justify"> Quelques qualités & défauts, laisser un peu de choix à celui qui prendra votre prédéfini.</p></div>
<div style=" border-right: 3px solid #e2f3ff;border-left: 3px solid #96A2FF;width:500px;height:170px;margin:auto;background-color:#ebe7ce;margin-top:230px; overflow: auto;">
<p style="color:#9a988d;font-family:'Pacifico',cursive;margin-top:-20px;font-size:25px;margin-left:-200px">My Story,My Future...</p>
<p style="color:#8a8981;margin-top:-25px;text-align:left"align="justify">Quelques informations par ici et par là </p></div>
<div style="width: 510px;height: 12px;background-color: #B9B497;margin-top:-10px;margin-left:20px;"></div>
<div style="width:510px;height:150px;margin:auto;background-color:#ebe7ce;margin-top:-10px;overflow:auto;">
<IMG src="" style="border-right: 5px solid #e2f3ff; border-left: 5px solid #96A2FF;width: 125px;height: 125px;float: right;margin-top:-10px;margin-right:7px"/>
<p style="color:#8a8981;text-align:left;margin-top:-25px;"align="justify">
[b]Nom du personnage:[/b]
[b]Joueur à contacter: [/b]
[b]Les liens:[/b]  
[b]Autres:[/b] </p></div>
</div>
<div style="margin-left:auto;margin-right:auto;margin-top:-17px;width: 420px;height: 25px;background-color: #B9B497;border-radius: 0px 0px 10px 10px ">
<p style="color:#f9f7ea;text-align:center;margin-top:-15px">Codage by Sasa Yona pour Kami No Gakuen </p></div>