<center><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'>

<style> .title1{ font-family: 'Wire One', sans-serif; font-size:78px; /* taille du titre*/ color:#fff; /* couleur du titre*/ } .title2{font-family: 'Dosis', sans-serif;font-size:20px; /* taille du titre*/ text-transform: uppercase; /* texte en majusculte */ margin-top:5px;color:#4D5F8E; /* couleur du texte */ border-bottom:2px solid white; /* taille, et couleur de la bordure */ padding-top:3px;} .fond{background-color:#CFD7ED; /* couleur du fond */ border-left:5px solid white; /* taille et couleur du bord droit */ border-right:5px solid white; /* taille et couleur du bord gauche */ padding:15px;margin:10px;text-align:justify;color:#8691A8; /* couleur du texte */} .caractere {background-color:#DEE3EF; /*couleur du fond caractere */ padding-left:10px;padding-right:10px;height:120px;overflow:auto;}
</style><!--

--><div class="title1"> TITRE DU SUJET</div><!---
---><div class="fond"><!---

IMAGE 500px de largeur
--><img src="http://zupimages.net/up/14/13/ewn4.png"/>

<div class="title2">TITRE 2 CARACTERE DU PERSONNAGE</div><!---

---><div class="caractere"> remplacer ce texte par le caractère de ton personnage. Si le caractère est trop long, une barre de navigation s'affichera sur le côté droit.
</div><!--

--><div class="title2">TITRE 3 LES RP</div><!---

mettre la liste des rp en cours ou futurs en liste
--> www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo

<div class="title2">TITRE 4 RP TERMINEE</div><!---

mettre la liste des rp finis
--> www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo
www.nom-du-rp | pseudo & pseudo

</div>
</center>