<center><div style="background: #b4c4cd; border-radius: 0px; box-shadow:0px 0px 5px black; width:545px; border:2px solid black;">
<div style="font-family:'Tangerine'; font-size:30px; color:black; text-shadow:1px 2px 1px gray;">Nom et Prénom du personnage</div>

<div style="background-color: #0B2B3B; border:1px solid gray; width:523px; height:617px; padding:10px;">
<img src="http://i21.servimg.com/u/f21/16/49/28/11/apvat11.jpg" style="float:left; border:1px solid black:"><div style="background:#b4c4cd; width:300px; height:200px; float:right; border:2px solid black; border:1px solid black;">
<div style="font-family:'Tangerine'; font-size:20px; color:black; text-shadow:1px 2px 1px gray;">Informations personnage</div><div style="width: 280px; height: 180px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 4px; text-align: justify; line-height: 12px; color: #000000">ECRIRE ICI </div></div>
<div style="background:#b4c4cd; width:300px; height:200px; float:right; border:2px solid black; border:1px solid black; margin-top:17px;">
<div style="font-family:'Tangerine'; font-size:20px; color:black; text-shadow:1px 2px 1px gray;">Liens recherchés</div><div style="width: 280px; height: 180px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 4px; text-align: justify; line-height: 12px; color: #000000">ECRIRE ICI </div></div>

<div style="background:#b4c4cd; width:259px; height:100px; float:left; border:2px solid black; border:1px solid black; margin-top:20px;"><div style="font-family:'Tangerine'; font-size:20px; color:black; text-shadow:1px 2px 1px gray;">Rps en cours</div><div style="width: 239px; height: 80px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 4px; text-align: justify; line-height: 12px; color: #000000; font-size: 10px">[b]Prénom nom ;[/b] [url=http://olympusacademy.forumactif.org/]Nom du rp[/url]

</div></div><div style="background:#b4c4cd; width:259px; height:100px; float:right; border:2px solid black; border:1px solid black; margin-top:20px;"><div style="font-family:'Tangerine'; font-size:20px; color:black; text-shadow:1px 2px 1px gray;">RP terminés</div><div style="width: 239px; height: 80px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 4px; text-align: justify; line-height: 12px; color: #000000; font-size: 10px">[b]Prénom nom ;[/b] [url=http://olympusacademy.forumactif.org/]Nom du rp[/url]

</div></div>



</div>
[size=9][color=gray]Code par Ethan[/color][/size]
</div></center></div>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><div style="background-color: #b4c4cd; width:580px; box-shadow:0px 0px 5px #000000; border:2px solid #000000; margin: auto">
<div style="font-family:'Tangerine'; font-size:30px; color: #000000; text-shadow:1px 2px 1px #9f9f9f;">Nom et Prénom du personnage</div>

<div style="background-color: #0B2B3B; width:558px; height: 520px; border:1px solid #9f9f9f;  padding:10px; margin-top: -20px"><div style="background-color: #000000; width: 120px; height: 120px; border-radius: 100px; float: left; margin-left: 35px; margin-top: 40px; overflow: hidden;"><img src="LIEN DE L'IMAGE ICI" style="width: 120px; height: 120px;" /></div> <div style="background-color: #b4c4cd; width: 360px; height: 120px; float: right; margin-top: 40px; margin-right: 15px"><div style="width: 360px; height: 20px; text-align: center; font-family:'Tangerine'; font-size: 20px; border-bottom: 2px solid #0B2B3B; color: #000000; text-shadow:1px 2px 1px #9f9f9f; padding-top: 1px">Prénom Nom & Lien</div><div style="width: 350px; height: 90px; overflow: auto; padding: 5px; padding-top: 2px; color: #000000; line-height: 13px; font-family: 'Open Sans', sans-serif;">[justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend risus in aliquet sagittis. Quisque rutrum pellentesque justo id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque varius ante non augue porta, id ultricies ex tincidunt. Integer non imperdiet enim. In felis ligula, consectetur id cursus sed, convallis nec justo. Vestibulum fermentum metus lorem, sit amet rhoncus mi sollicitudin id. Fusce varius porttitor nisi non scelerisque. Etiam eget blandit lorem, nec vestibulum enim. Sed a nibh et tortor sollicitudin egestas a et ligula. Morbi ut odio ac elit finibus sagittis non finibus justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec metus nisl, ullamcorper non mi tempus, vehicula aliquet lacus.[/justify]</div></div>

<div style="background-color: #000000; width: 120px; height: 120px; border-radius: 100px; float: left; margin-left: 35px; margin-top: 40px; overflow: hidden;"><img src="LIEN DE L'IMAGE ICI" style="width: 120px; height: 120px;" /></div> <div style="background-color: #b4c4cd; width: 360px; height: 120px; float: right; margin-top: 40px; margin-right: 15px"><div style="width: 360px; height: 20px; text-align: center; font-family:'Tangerine'; font-size: 20px; border-bottom: 2px solid #0B2B3B; color: #000000; text-shadow:1px 2px 1px #9f9f9f; padding-top: 1px">Prénom Nom & Lien</div><div style="width: 350px; height: 90px; overflow: auto; padding: 5px; padding-top: 2px; color: #000000; line-height: 13px; font-family: 'Open Sans', sans-serif;">[justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend risus in aliquet sagittis. Quisque rutrum pellentesque justo id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque varius ante non augue porta, id ultricies ex tincidunt. Integer non imperdiet enim. In felis ligula, consectetur id cursus sed, convallis nec justo. Vestibulum fermentum metus lorem, sit amet rhoncus mi sollicitudin id. Fusce varius porttitor nisi non scelerisque. Etiam eget blandit lorem, nec vestibulum enim. Sed a nibh et tortor sollicitudin egestas a et ligula. Morbi ut odio ac elit finibus sagittis non finibus justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec metus nisl, ullamcorper non mi tempus, vehicula aliquet lacus.[/justify]</div></div>

<div style="background-color: #000000; width: 120px; height: 120px; border-radius: 100px; float: left; margin-left: 35px; margin-top: 40px; overflow: hidden;"><img src="LIEN DE L'IMAGE ICI" style="width: 120px; height: 120px;" /></div> <div style="background-color: #b4c4cd; width: 360px; height: 120px; float: right; margin-top: 40px; margin-right: 15px"><div style="width: 360px; height: 20px; text-align: center; font-family:'Tangerine'; font-size: 20px; border-bottom: 2px solid #0B2B3B; color: #000000; text-shadow:1px 2px 1px #9f9f9f; padding-top: 1px">Prénom Nom & Lien</div><div style="width: 350px; height: 90px; overflow: auto; padding: 5px; padding-top: 2px; color: #000000; line-height: 13px; font-family: 'Open Sans', sans-serif;">[justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend risus in aliquet sagittis. Quisque rutrum pellentesque justo id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque varius ante non augue porta, id ultricies ex tincidunt. Integer non imperdiet enim. In felis ligula, consectetur id cursus sed, convallis nec justo. Vestibulum fermentum metus lorem, sit amet rhoncus mi sollicitudin id. Fusce varius porttitor nisi non scelerisque. Etiam eget blandit lorem, nec vestibulum enim. Sed a nibh et tortor sollicitudin egestas a et ligula. Morbi ut odio ac elit finibus sagittis non finibus justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec metus nisl, ullamcorper non mi tempus, vehicula aliquet lacus.[/justify]</div></div>
</div>
<span style="display: inline-block; width: 580px; text-align: center; font-size: 9px; padding-bottom: 8px; color: #000000">Codage by Edward</span>
</div></div>