<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>

<style>.icone{opacity : 0.5; transition : 1s }.icone:hover{opacity :1} .nomdupersonnage{text-align: center; font-size: 15px; color: #0A0813; text-transform : uppercase; transition :1s}.nomdupersonnage:hover{letter-spacing :3px}.typederelation{text-align: center; font-size: 13px; color: #050505;text-transform :lowercase; font-weight : italic; } .titre{text-align: center;  transition :1s; text-shadow : 2px 2px 2px #ffffff; color: #0A0813}.titre:hover{letter-spacing :4px}</style>
<center>
<div style = "width : 530px;border: solid 2px #ffffff;  box-shadow : 2px 2px 10px #0A0813; border-radius : 180px; background-color: #000000">
<div class = "titre" style ="font-family: 'Marck Script', cursive; font-size : 55px; margin-top : -10px;  ">Prénom + Nom</div><br>
<table><tr><td><div class="icone"><img src="http://media.tumblr.com/tumblr_mcxfdxoUPQ1qfdsw1.png" style="width: 200px; border: solid 2px #ffffff;  box-shadow : 2px 2px 10px #0A0813; border-radius : 50px ; "  /></div></td><td><div style=" width : 200px; height : 200px; overflow : auto ; background-color: #C5B560; padding : 5px; border: solid 1px #ffffff;  "><div style ="width: 180px; text-align : justify; padding: 10px;">[size=13]A savoir impérativement sur mon personnage.[/size]

[size=10]Feat.: Nom de l'avatar
Statut: [color=#339966]Libre[/color] - [color=#999999]Réservé[/color] - [color=#ff0000]Pris[/color][/size]
</div></div></td></tr></table>
<br>
<br>
<div class = "titre" style ="font-family: 'Marck Script', cursive; font-size : 45px; margin-bottom : -25px;  ">Mon Histoire...</div>
<div style = "width : 500px;border: solid 2px #ffffff;  box-shadow : 2px 2px 10px #0A0813; border-radius : 50px; background-color: #C5B560">
<table><tr><td><div style=" width : 300px; height : auto; overflow : auto ; background-color: #000000; padding : 5px; border: solid 1px #ffffff; ><div style ="width: 280px; text-align:justify; padding: 10px;">[size=13]lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.

Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.[/size]
</div></div></td><td> <div class="icone"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTziWIdTcFnX1wUL3I52Tjm1g-XsWdhPQDyniDSXiMOZtx6KmtpzOZtMg" style="width: 100px; border: solid 2px #ffffff;  box-shadow : 2px 2px 10px #272533; border-radius : 100px;"  /></div></td></tr></table><br></div><br>
<a style="color: #ffffff; font-size: 10px; padding : 0px; font-family: 'Josefin Slab', serif; letter-spacing: 2px;" href="http://www.never-utopia.com/">© Jawilsia sur Never Utopia</a><br>
</div>
</center>