<style>.survol_1{width:199px;height:400px; border:1px solid #668280; background-color:#faf6f4; background-image: url(http://data.nimages.fr/fvgrgl2.png);text-align:center;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition: all 0.5s; opacity: 0;overflow:auto;} .survol_1:hover{opacity:1;} .walter2{font-family:poiret one;text-transform:uppercase;font-size:14px;} .fondprez{width: 450px;color:#000;font-weight:lighter;font-size: 11px;font-family: arial;background-color: #f1f1ed; border:1px solid #668280; padding:10px; box-shadow:0 0 2px rgba(0,0,5,.5);opacity: 0.9;text-align:center;line-height:12px;} .identité{height:320px;margin-left:0px;} .pc i{color:#986ba3} .identité v{width:230px!important;height:13px;background-color:#dce0df;font-family:'Nova Mono';text-transform:uppercase;padding:3px;margin:2px; display:block;font-size:9px;} .identité v:hover{background-color:#97a89d;} .qui{font-size: 20px;font-family:'Six Caps';text-transform: uppercase;letter-spacing: 4px;  word-spacing: 1px;  color: #668280;  margin-top:5px;  text-shadow: 0px 0px 2px; text-align:center;} .description{width:200px;height:420px;} .description h1{margin-top:0px;margin-bottom:0px;font-size:9px;  font-weight:lighter;word-spacing:-2px;text-align:justify;height:380px !important;overflow-y:auto;padding:5px;} .donneesb{font-family:courier new; text-transform:uppercase; font-size:10px; margin-top: 5px;color: #986ba3; text-align:justify;}</style>

   <link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
   <center><div class="fondprez"><div class="walter2" style="font-size: 22px;">Prénom Nom</div>
   <table><tr><td><div class="description"><div style="width: 200px; height: 400px; background-image: url(VOTRE AVATAR 200*400);background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui"><br>Informations fun !</div><h1>Ici vous pouvez ajouter ce que vous voulez ! Une anecdote sympa sur le personnage, un petit plus qui ne rentre pas dans le cadre de la fiche en elle-même. Si le contexte à une trame, pourquoi pas ce qu'il pense de ce qu'il se passe dans son monde !

Même un souvenir présenté sous forme de rp est le bienvenue ! Bien évidemment, rien n'est obligatoire ici :3</h1></div>[size=8]Passe sur l'avatar, découverte d'un petit plus ![/size]</div></div></td><td><div class="identité"><v>Surnom: écrire ici</v><v>Age: écrire ici</v><v>Orientation sexuelle: écrire ici</v><v>Métiers: écrire ici</v><v>Univers/Monde: écrire ici</v><v>Groupe: écrire ici</v><v>Race: écrire ici</v><img src="VOTRE GIF/IMAGE HORIZONTAL" style="width:235px; height:120px;"/> <div class="pc"><div style="text-align:justify; height:93px; font-size:10px; background-color:#e7e9e9; overflow:auto; line-height:10px;margin-left:3px; margin-top:3px;"><br>[b]INFORMATIONS[/b]: L'avatar doit faire [u]200x400[/u] px pour la fiche et le gif doit juste être à l'horizontal. Le gif peut aussi être remplacé par une simple image !
Si vous avez un souci, n'hésitez pas :3</div></div></div></td></tr></table><table><tr><td><br><br><div class="walter2">en savoir un peu plus sur votre personnage</div>
   <div style=" text-align: justify; width: 450px; height: 550px; overflow: auto; font-size: 9px; line-height: 10px;"><div class="donneesb">+ Votre Caractère</div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

   <div class="donneesb">+ Votre Physique</div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

   <div class="donneesb">+ Votre Histoire </div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

   <div class="donneesb">+ Un petit mot perso en tant que joueur ?</div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

   </td></tr></table>
<br></div></center>
   <div style="font-size:8px;margin-top:-20px;margin-left:525px;">© Nalex</div>