Code pour votre personnage

<style>.couverture_livre {background-image: url('http://i19.servimg.com/u/f19/18/91/36/39/couver10.jpg'); width: 530px; height: 950px; margin: auto; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; position: relative;} .couverture_livre:hover {transform: all; -webkit-transform: all; transition: 2s; -webkit-transition: 2s; z-index: 5;} .page_livre {color: #1F140B; font-family: courier new; text-align: justify; background-image: url('http://i19.servimg.com/u/f19/18/91/36/39/page_s10.jpg'); width: 530px; height: 950px; margin: auto; position: relative; display: block; opacity: 0; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; z-index: 1;} .page_livre:hover {opacity: 1; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s;} .tableau_steam {margin: auto;} .page_livre a{color: #6D2A0C !important; font-family: impact; transition: 1s; webkit-transition: 1s;} .page_livre a:hover{color: #D17923 !important; letter-spacing: 3px; text-shadow: 0px 0px 3px #1F140B;} .image_steam {width: 120px; height: 200px; overflow: hidden; background-color: rgba(204, 147, 56, 0.7);} .autre_cadre {font-family: courier new; text-align: left; width: 355px; height: 180px; overflow: auto; background-color: rgba(204, 147, 56, 0.7); padding: 10px; font-size: 14px;} .police_autre {font-weight: bold; font-family: 'Orbitron', sans-serif; font-size: 15px;} .grand_cadre {border-radius: 10px; width: 480px; overflow: auto; margin: auto; background-color: rgba(204, 147, 56, 0.7); padding: 10px;} .petit_cadre{height: 10px; opacity: 0; overflow: auto; -webkit-transition: all 1s; transition: all 1s; margin: auto;} .cadre_cache:hover .petit_cadre{height: 180px; width: 450px; opacity:1;} .police_titres {font-family: 'Aldrich', sans-serif; font-size: 18px; font-weight: bold; display: block; text-align: center;} .info_importante {font-family: 'Impact'; color: #49270D; letter-spacing: 2px;}</style>

<div class="couverture_livre"><div class="page_livre">

<table class="tableau_steam"><tr><td><img src="http://t11.deviantart.net/jGii4_O6LBTTPX293Mp-AlIOV2Y=/300x200/filters:fixed_height(100,100):origin()/pre06/28dc/th/pre/f/2012/248/b/6/darkened_dynasty_fantasy_key_by_starl33na-d5dnki0.jpg" alt="UN PETIT MOT SUR L'AVATAR" class="image_steam" style="border-radius: 10px 2px 2px 10px;" /></td><td><div class="autre_cadre" style="border-radius: 2px 10px 10px 2px;"><span class="police_autre">Nom</span> : Réponse
<span class="police_autre">Prénom</span> : Réponse
<span class="police_autre">Alias</span> : Réponse
<span class="police_autre">Âge</span> : Réponse
<span class="police_autre">Race</span> : Réponse (Léviathan, Sirène, Humain,...)
<span class="police_autre">Animaux de transformation</span> : Réponse (uniquement pour les Hagravens)
<span class="police_autre">Pouvoir de base</span> : Réponse
<span class="police_autre">Statut</span> : Réponse
<span class="police_autre">Orientation sexuelle</span> : Réponse

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

<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Physique</span><div class="petit_cadre">

Ton Physique.
Descriptions animaux de transformation (Hagravens) : Réponse

</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Caractère</span><div class="petit_cadre">

Ton Caractère.

</div></div></div>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Histoire</span><div class="petit_cadre">

Ton Histoire.

</div></div></div>
<table class="tableau_steam"><tr><td><div class="autre_cadre" style="border-radius: 10px 2px 2px 10px;">
<span class="police_autre">Pseudo/PUF </span> : Réponse
<span class="police_autre">Comment avez vous connus le forum? </span> : Réponse
<span class="police_autre">Pourquoi ce personnage ? </span> : Réponse
<span class="police_autre">Serez-vous actif ? :</span> : Réponse
<span class="police_autre">La phrase du jour? </span> : Réponse
</div></td><td><img src="http://t04.deviantart.net/zN-Z46jPXft9hNGTL0ehyl8F5AI=/300x200/filters:fixed_height(100,100):origin()/pre02/5507/th/pre/f/2012/245/c/9/pure_industry_fantasy_key_by_starl33na-d5dd85z.jpg" alt="UN PETIT MOT SUR L'AVATAR" class="image_steam" style="border-radius: 2px 10px 10px 2px;" /></td></tr></table>

<a href="http://www.never-utopia.com/" style="text-align: center; color: #e0c060 !important; display: block; letter-spacing: 1px;">©Shaneliae | Never Utopia</a>

</div></div>
<link href='http://fonts.googleapis.com/css?family=Orbitron|Aldrich' rel='stylesheet' type='text/css'>