<center><div class="crédit">crédit © - avatar</div><img src="http://24.media.tumblr.com/376322d42d9eb5584eda67e8d2df129c/tumblr_morft0E8cU1srgfkho1_500.gif" class="imagepré1">
<div class="prénonpré">Prénom Nom</div><div class="citationpré">blah blah citation</div><div class="infopré"> Mes infos </div><div class="pré1"><aa>› NOM :</aa> écrire ici <aa>› PRÉNOM(S) :</aa> écrire ici. <aa>› ÂGE :</aa> écrire ici. <aa>› DATE ET LIEU NAISSANCE :</aa> écrire ici. <aa>› ORIGINES :</aa> écrire ici. <aa>› ORIENTATION SEXUELLE :</aa> écrire ici. <aa>› CÔTÉ COEUR :</aa> écrire ici. <aa>› EMPLOIS/ÉTUDES :</aa> écrire ici. <aa>› CRÉDITS :</aa> écrire ici.</div>
<div class="pré2"><img src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" class="imagepré2"><center><span class="infopré3"> Ce qu'on pense de l'âme soeur </span><div class="crédit">l'amour pour moi c'est: ... </div></center>
L'amour. Que dire ? C'est le sentiment le plus beau au monde ou celui qui te détruit un peu plus chaque jour. Ce sont les niaiseries au quotidien, les fleurs offertes par l'être aimé. Les récaciltrants trouveront toujours quelque chose de négatif à dire sur le sujet. Ca n'existe pas, c'est surfait, on a inventé les âmes sœurs pour faire rêver les enfants. Nous ce que l'on veut, c'est que tu nous parle de toi. Quel est ton avis sur la question. Tu y crois à en faire le but premier de te vie sur Terre ou au contraire tu trouves que ce n'est qu'une simple fumisterie qui mériterais d'être jetée à la déchetterie. Décris tes plus sombres ou pures pensées sur le sujet en un minimum de [b]cinq lignes[/b]. N'hésite pas à rentrer dans les détails, nous sommes des petits curieux.
[b]Ce texte déterminera dans quel groupe se situera ton personnage. [/b]<div class="barre"></div></div>
<table class="blocpré "><td><div style="width:140px;"><img src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3209272003_1_14_IXgAovQy.png" class="imagepré3"></div></td><td><div class="pré3"><center><span class="infopré3"> Qui je suis ? </span></center>
<span div class="infopré2"> Qualité</span> <aa>»</aa> écrire ici au minimum 5 qualités. <aa>»</aa> écrire ici au minimum 5 qualités. <aa>»</aa> écrire ici au minimum 5 qualités. <aa>»</aa> écrire ici au minimum 5 qualités. <aa>»</aa> écrire ici au minimum 5 qualités.
<div class="barre"></div>
<span div class="infopré2"> Défauts </span><aa>»</aa> minimum 5 défauts. <aa>»</aa> minimum 5 défauts. <aa>»</aa> minimum 5 défauts.<aa>»</aa> minimum 5 défauts. <aa>»</aa> minimum 5 défauts. 
<div class="barre"></div>
<span class="infopré2"> Anecdotes </span> <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. <aa>»</aa> écrire ici au minimum 10 habitudes, manies, tic. </div></td></table>
<center>
<div class="pré4"><div class="pré5"><bb>› PSEUDO :</bb> écrire ici <bb>› PRÉNOM :</bb> écrire ici <bb>› ÂGE :</bb> écrire ici <bb>› RÉGION :</bb> écrire ici <bb>› QUE PENSES-TU DE TF :</bb> écrire ici <bb>› OU AS-TU TROUVÉ TF :</bb> écrire ici <bb>› ES-TU UN SCÉNARIO/INVENTÉ :</bb> écrire ici <bb>› UNE PETITE DÉDICACE :</bb> écrire ici </div></div></center>

/*PRÉSENTATION*/
aa {font-weight:bold;
  color: #dec5c4;}

bb {font-weight:bold;
  color: #cdbcbb;}

cc{font-family: 'Sintony', sans-serif;
  font-size: 13px;
  text-transform : uppercase;
  color: #e0c580;}

.barre{
  border-bottom: 1px dashed #e9D8D6;
  margin-top: 10px; }

.crédit{
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size:10px;
  color: #8f8c8c;}

.imagepré1{width: 430px;
  padding: 3px;
  border: 1px solid #b7a29e;
  opacity: 0.6;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;}
.imagepré1:hover {opacity: 1;
  -webkit-transition: all 0.8s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.8s ease-in;
  transition: all 1s ease-in;}

.prénonpré{
  font-family: 'Sacramento', cursive;
  font-size: 25px;
  width: 430px;
  font-size: 30px;
  margin-top: 15px;
  color: #bc9f98;}

.citationpré{
  width: 420px;
  font-size:11px;
  font-family: 'News Cycle', sans-serif;
  color: #e5ca91;
  padding: 3px;
  text-transform: uppercase;}

.infopré{font-family: 'Petit Formal Script', cursive;
  font-size:14px;
  font-style: italic;
  width: 420px;  
  padding-left:5px;
  text-align: left;
  color: #bc9f98;
  margin-bottom: 2px;
  letter-spacing:-1px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.infopré:hover{
  letter-spacing:2px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
 
.pré1{
  border: 1px dashed #e9D8D6;
  width: 420px;
  padding: 5px;
  text-align: justify;
  padding-left: 8px;
  padding-right: 8px;}

.pré2{background-color: #f9f5f2;
  border: #e6ddd8 1px solid;
  width: 420px;
  padding: 5px;
  text-align: justify;
  padding-left: 8px;
  padding-right: 8px;}
 
.imagepré2 {width: 70px;
  float:left;
  margin: 5px;
  margin-right: 10px;
  border-radius : 50px;
  opacity:0.7;
  transition: 1s;-moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.imagepré2:hover {
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  -o-border-radius:0px;
  border-radius:0px;
  -htm-border-radius:0px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

.blocpré {
  margin: 5px;
  width: 420px;}

.imagepré3{
  width: 140px;
  padding: 3px;
  background-color: #ebdad6;
  border: #d8c6c2 1px solid;}

.pré3{width: 260px;
  height: 215px;
  margin-left: 4px;
  overflow: auto;
  padding: 8px;
  font-size: 10px;
  text-align: justify;}

.infopré2{
  font-size:12px;
  font-family: 'News Cycle', sans-serif;
  color: #e5ca91;
  padding: 3px;
  text-transform: uppercase;
  text-align: center;}

.infopré3{
  font-family: 'Petit Formal Script', cursive;
  font-size:14px;
  font-style: italic;
  letter-spacing:-1px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.infopré3:hover{
  letter-spacing:2px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

.pré4{
  width: 430px;
  background-color: #e9e7e7;
  border-radius: 10px;
  border: 1px #bbbbbb solid;
  padding: 3px;}

.pré5{
  width: 415px;
  background-color: white;
  padding: 5px;
  font-size: 11px;
  text-align: justify;
  border: #d5d4d4 1px solid;}

.imagepré4{
height: 70px;
border-radius: 100px;
-moz-border-radius: 150px; /* compatibilité avec Firefox */
-webkit-border-radius: 150px; /* compatibilité avec les navigateurs Webkit */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid # ;
transition: 1.5s;
transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;}
.imagepré4:hover {
height: 70px;
border-radius: 100px; /* propriété CSS3 */
-moz-border-radius: 150px; /* compatibilité avec Firefox */
-webkit-border-radius: 150px; /* compatibilité avec les navigateurs Webkit */
opacity: 0.8;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);}

.pré6{
  width: 430px;
  text-align: justify;
  line-height: 15px;}

.pré7{
  background-color: #eeeded;
  padding: 4px; width: 440px;
  border: #d4d4d4 1px solid;
  border-radius: 10px;}

.pré8{
  background-color: white;
  border: #d5d4d4 1px solid;
  padding: 8px;
  margin: 2px;}

<div class="pré6"><center>
<div class="pré7"><div class="pré8"><span class="infopré3">Titre</span><div class="infopré2">blah blah citation</div><center><img src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" class="imagepré4"> <img src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" class="imagepré4"> <img src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" class="imagepré4">
</center>
[justify]Le moment est venu de nous parler de toi. Raconte nous ta venue au monde, la première dent que t'as perdue, quand t'as appris à faire du vélo et que tu t'es étalé la tête sur le goudron. Dis nous comment étaient tes parents, tes oncles, tes tantes, tes cousins, tes grands parents, si t'as vécu dans la rue ou dans un château. On veut tout savoir de ta vie. Du détail le plus important de ton existence au plus insignifiant. Chaque petite anecdote, on veut la connaitre. Détaille nous ta vie en un minimum de [b]20 lignes[/b]. Fais attention à la syntaxe, l'orthographe, les fautes qui nous font nous tirer les cheveux et nous taper la tête contre le mur.[/justify]
</div></div>
</div><br><br>