<center><div style="width: 500px; height: auto; border-radius: 50px; background-color: black; box-shadow: 2px 2px 2px white; color: #597D57;"><br>
<div style="color: white; font-size: 24px; font-weight: bold; font-variant: small-caps;text-shadow: 2px 2px 2px white">Titre</div><br>
<table><tr><td><div style="width: 200px; height: 150px; border-bottom: 4px double white; border-top: 4px double white; border-radius: 10px; padding:2px; background-color: white; box-shadow: 2px 2px 2px white; color: black;">
informations sur le personnage</div></td>
<td><div style="width: 200px; height: 150px; overflow: auto; border-bottom: 4px double white; border-top: 4px double white; border-radius: 10px; padding:2px; background-color: white; box-shadow: 2px 2px 2px white; color: #375061;">
traits de caractère</div></td></tr></table>
<div style="color: white; font-size: 15px; font-weight: bold; text-shadow: 1px 1px 1px white">« Citation »</div><br>
</div></center>
<br>
<center><div style="width: 500px; height: auto; border-radius: 50px; background-color: black; box-shadow: 2px 2px 2px #ffffff; color: white;">
<br><div style="color: white; font-size: 20px; font-weight: bold; font-variant: small-caps;text-shadow: 1px 1px 1px white">En cours</div>
[url=lien]titre[/url] ~ Compagnons(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
<br></div></center>
<br>
<center><div style="width: 500px; height: auto; border-radius: 50px; background-color: black; box-shadow: 2px 2px 2px #ffffff; color: white;">
<br><div style="color: white; font-size: 20px; font-weight: bold; font-variant: small-caps;text-shadow: 1px 1px 1px white">Interrompus</div>
[url=lien]titre[/url] ~ Compagnons(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
<br></div></center>
<br>
<center><div style="width: 500px; height: auto; border-radius: 50px; background-color: black; box-shadow: 2px 2px 2px #ffffff; color: white;">
<br><div style="color: white; font-size: 20px; font-weight: bold; font-variant: small-caps;text-shadow: 1px 1px 1px #3F5D3E">Terminés</div>
[url=lien]titre[/url] ~ Compagnons(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
[url=lien]titre[/url] ~ Compagnon(s).<br>
<br /></div>De Hana de Templactif</center>

<div style="width:550px;height:auto;background-image:url('http://i41.servimg.com/u/f41/17/11/24/81/sans_t15.jpg');padding 10px;"><br />

<table><tr><td><blockquote style="background-image:url('URLICON100x100');width:100px;height:100px;border:2px solid white; border-radius:100px;"></blockquote></td><td><blockquote style="margin-left:-400px;background-image:url('URLICON100x100');width:100px;height:100px;border:2px solid white; border-radius:100px;"></blockquote></td></tr><tr><td><center><div style="margin-left:13px;width:500px;font-family:Georgia;color:white;text-shadow:1px 1px 5px black;font-size:45px;border-bottom:4px solid white;text-align:right;padding:10px;margin-top:-45px;">Nom du RP</div></center></td></tr></table><br />

<blockquote style="background-color:grey;opacity:0.5;color:white; text-shadow:1px 1px 2px black; padding:8px;text-align:justify;height:auto; width: 500px;margin-left:15px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras cursus auctor dui vel luctus. Quisque arcu lectus, ullamcorper quis mollis vel, accumsan in sem. Integer a ligula sollicitudin ante commodo convallis eu at nulla. Praesent facilisis fermentum dolor, quis pellentesque urna luctus id. Aliquam erat volutpat. In non quam id orci lobortis semper vel ultricies orci. Aliquam erat volutpat. Suspendisse id purus tortor, ac vehicula arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Sed in leo id enim dapibus malesuada vel at massa. Vestibulum in nibh leo, et semper tellus. Ut ut sodales mi. Ut non ligula sit amet justo interdum elementum. Vivamus gravida congue purus ac sodales. Vestibulum hendrerit ligula eget sem fermentum ornare. Sed scelerisque nisl eu magna sollicitudin condimentum. Donec eu ipsum nec tellus pharetra dapibus. Suspendisse nec velit orci. Mauris vel dolor non magna dictum ultrices. Maecenas sit amet sem elit. Morbi blandit placerat dolor, eu pharetra urna tristique eget. Aenean eget velit velit. Pellentesque ipsum eros, tempor eget venenatis vel, bibendum id nibh. Vestibulum vitae odio magna.

Vestibulum varius felis et lorem faucibus egestas. Sed non purus lacus. Morbi libero erat, varius ac aliquet ut, bibendum sit amet libero. Vestibulum quis molestie elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer malesuada laoreet felis vel viverra. Proin feugiat congue justo quis elementum. Aenean luctus, enim a dictum posuere, diam neque tempor nisl, et sollicitudin odio erat a lectus. Donec porta elit sit amet turpis cursus suscipit. Ut a odio ultrices lorem feugiat tempor eget et nisi. Cras luctus tortor odio. Praesent aliquam viverra nibh sit amet consectetur. Donec leo nisl, blandit non molestie a, varius quis sapien. Pellentesque malesuada elit ut ipsum sodales eu interdum libero varius.

Fusce pellentesque suscipit nunc eget convallis. Nulla quam metus, luctus non pretium sed, sollicitudin non risus. Aenean molestie hendrerit purus et adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit erat, sagittis vitae dignissim sed, eleifend sit amet turpis. Sed rutrum sollicitudin odio, nec facilisis sapien aliquet semper. Aliquam mollis vestibulum sem, et elementum urna ultricies eu. Donec nec nisi ligula. Quisque eget tellus mauris, quis feugiat neque. Etiam posuere elementum ultrices. Nulla ut dapibus nunc. Morbi ultrices mattis gravida. Quisque adipiscing, lectus id sagittis faucibus, ligula urna luctus arcu, id tempor lacus purus sed ligula. Donec lacus arcu, gravida eu tristique ac, condimentum sed dolor. Nunc lorem nisi, eleifend eu vehicula non, tincidunt vel sapien. Vestibulum nisl orci, tincidunt et scelerisque et, faucibus id felis.</blockquote><br /><span style="font-size:10px;text-align:center;opacity:0.3;"><center>Fiche by Umi de Templactif</center></span><br /></div>

<style>.rp1 { margin-left: auto; margin-right: auto;  width: 450px; padding: 50px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,0.2); } .rp1 img { -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; -o-transform: rotate(5deg); transform: rotate(5deg); z-index: 1; } .rp1 h1 { display: inline; position: absolute; float: right;  font-size: 25px; font-variant: small-caps; margin: 0; z-index: 2; padding: 5px 10px; background-color: white; -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; margin-left:-400px; margin-top: 80px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg);  } .rp1 h2 { width: 100%; text-align: center; background-color: rgba(0,0,0,0.2); padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; margin-top: 30px; font-size: 20px;  }  .rp1 hr { border: 1px solid transparent; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222;  } .rp1 .contenu { width: 80%; padding-left: 10%;  padding-right: 10%; background-color: rgba(255,255,255,0.3); -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;  -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222;  padding-top: 25px; padding-bottom: 25px; } .rp1:hover:after { content: 'Shujin © Templactif' !important; position: absolute; margin-top: 50px; margin-left: 200px;  } .rp1 h1, rp1 h2, .rp1 .contenu { color: black; }</style>
<div class="rp1">
<img src="http://lorempixel.com/g/430/100/" /><h1>Pseudo & Pseudo & Pseudo</h1>
<h2>Titre du Rp</h2>
<hr />
<div class="contenu">
Contenu

</div>
</div>