<link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'><style>.pseudoperso{font-family: 'permanent marker'; font-size:40px; text-transform: uppercase}.cadranpola{padding: 10px; width: 200px; height: 350px; background-color: #ffffff} .persofiche{font-family: permanent marker; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 10px; position: relative: z-index: 2}.descriperso{width:180px; height: 300px; padding: 10px; background-color: #ffffff; margin-top: -320px; position: relative; z-index: 3; opacity:0; transition: 1s; text-align: justify; font-family: georgia; font-size: 11px; line-height: 11px; overflow: auto}.descriperso:hover{opacity:0.8} .titrepartie{font-family:satisfy; text-align: center; font-size: 20px; position: relative; z-index: 4} .petiteinfo{width: 200px; margin-bottom: 10px; height: 15px; padding: 10px; background-color: #ffffff; text-transform: uppercase; font-family: georgia; font-size: 15px; text-align: center; transition: 0.5s} .petiteinfo:hover{opacity:0.6} .recherchelink{width: 200px; height: 85px; background-color: #ffffff; padding: 10px; overflow: auto; border-radius: 0px 0px 10px 10px; font-family: georgia; font-size: 11px; line-height: 11px; text-align: justify; position: relative; z-index: 3} .citapseudo{font-family:satisfy; text-transform: lowercase;font-size:23px; margin-top: 9px;}</style>
<center><div class="pseudoperso">prénom nom</div><div class="citapseudo">sur la musique on va on vient</div><table cellspacing="10" cellpadding="0"><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="cadranpola"><img src="http://i1271.photobucket.com/albums/jj622/hayulellah/1_zps11a6dd0c.png" style="width: 200px; height: 320px"><div class="descriperso">
<div class="titrepartie">behind my smile</div>caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère ☆ caractère
<br/><br/><div class="titrepartie">story of my life</div>→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
→ point important de mon histoire
<br/><br/><div class="titrepartie">une autre catégorie</div>un contenu vraiment trop chouette et trop sympa
</div><div class="persofiche">who are you?</div></div></td><td><br/><div class="petiteinfo">âge</div><div class="petiteinfo">métiers/études</div><div class="petiteinfo">statut marital</div><div class="petiteinfo">orientation sexuelle</div><div class="petiteinfo">feat</div><div class="titrepartie" style="margin-bottom: -8px">wanted dead or alive</div><div class="recherchelink">→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes
→ [b]TITRE DU LIEN[/b] ([i]groupe/sexe/âge...[/i]) ◊ explications intéressantes</div> <div style="font-family: georgia; font-size: 9px; text-align: center;">code by sceaudelaine ☆ avatar by koko</div></div></td></tr></table></center>

<link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'><style>.photolink{width:200px;height:200px;} .polaroid{width:200px; height: 230px; padding: 10px; background-color: #ffffff;} .titrelien{font-family: 'permanent marker'; font-size: 16px;text-transform: uppercase; text-align: center; padding: 3px; transition: 1s;} .petitecitation{font-family:satisfy; text-transform: lowercase; font-size: 13px; margin-top: -5px} .scotch{ margin-bottom: -15px; } .descriptionlink{height:180px; width: 180px; background-color: #ffffff; margin-top: -200px; opacity:0; transition: 1s; overflow auto; position: relative; z-index: 4; padding: 10px; font-family: georgia; font-size: 11px; line-height: 11px; text-align: justify; overflow: auto} .descriptionlink:hover{opacity:0.8} .titrecatégo{font-family: 'permanent marker'; font-size:40px; text-transform: uppercase}</style><center><div class="titrecatégo">moi et ma clique</div><div class="petitecitation" style="font-size:23px; margin-top: 9px; margin-left: -50px">tu peux pas test notre flow, poto</center><center><table cellspacing="20"><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://40.media.tumblr.com/4159edb1413fccc3520a138e8271b907/tumblr_ms3ondlLb71qjhdt7o2_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</div></div></div></td><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://41.media.tumblr.com/f9265b02f9678c692a9e86cdffdc2b6d/tumblr_ms3ondlLb71qjhdt7o5_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td></tr><tr><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://41.media.tumblr.com/eecc30be82c889a39f29d24d4da9d2e6/tumblr_ms3ondlLb71qjhdt7o8_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td><td><center><img src="http://i.imgbox.com/25iO0l9m.png" style="margin-bottom:-20px; position: relative; z-index: 5"></center><div class="polaroid"><img src="http://40.media.tumblr.com/e5fab2ad68129ba490eaa3bd5ed46045/tumblr_ms3ondlLb71qjhdt7o3_250.png" class="photolink"><div class="descriptionlink">[b]JAMIE CAMPBELL BOWER, MON AMOUR[/b] a une table sur ma gauche y avait un groupe de filles dont une qui m'a tout de suite plu elle était un peu mate de peau mais avec des cheveux châtains clairs ou blonds foncés je sais jamais mais surtout elle avait l'air douce bienveillante et sereine comme si elle avait pas renoncé à rien comme si elle avait jamais douté de la beauté du monde ni de celles des hommes je me suis fait quelques films osés mais jolis restait tout de même à établir le contact ce qui est impossible à faire en réalité on nous le fait croire dans les films mais c'est une vaste arnaque ca m'est retombé dessus d'un coup je me suis senti seul triste et fatigué j'y arrive pas sans toi j'arrive plus à encaisser comment est-ce que ça va se finir ? comment est-ce que je vais faire ? j'ai besoin de toi comme d'une infirmière que tu répares ma tête et mes sentiments qui fonctionnent plus bien que tu refasses mes stocks de sérotonine que tu me dises que c'est rien j'ai compris que tu voulais pas de moi pour l'instant mais je me force à croire qu'avec du temps tu changes d'avis et dans mes nuits je rêve encore que tu m'emmènes danser jusqu'au matin sur la musique on va on vient on s'éloigne et on revient puis tu t'élances et je te tiens je te retiens du bout des doigts pour te ramener contre moi ◊ [i]© icon: [url=http://lillyanjones.tumblr.com/]ici[/url][/i]</div><div class="titrelien">Titre du lien<div class="petitecitation">la petite citation jolie et tout</span></div></div></td></tr></table></center>

<style>#fond{background:url('http://data.whicdn.com/images/38086399/tumblr_lp3xjz03Ys1qfbdbo_large.gif'); width:430px;background-repeat: no-repeat;} .b1, .b2, .b3, .b4{background:#fff;opacity:0.8;} .partiedroite{background-color:#f1f1f1;} #fond{width: 450px; height: 250px; border: 1px solid #668280; margin: 0px auto; position: relative; overflow: hidden;} .b1{width: 430px; height: 55px; position: absolute; top: 12px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b2{width: 430px; height: 55px; position: absolute; top: 67px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b3{width: 430px; height: 55px; position: absolute; top: 122px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b4{width: 430px; height: 55px; position: absolute; top: 177px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} #fond:hover .b1, #fond:hover .b2,#fond:hover .b3,#fond:hover .b4{position: absolute; right: 10px;} #fond:hover .bordure{ opacity: 1;} .bordure{width: 410px; height: 195px; position: absolute; right: 17px; top: 20px; border: 4px double #661435; opacity: 0; -webkit-transition: 1s; transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition-delay: 1.7s; -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; -webkit-transition-delay: 1.7s;} .bback{width: 390px; height: 175px; background-color:#fff; position: absolute; top: 10px; right: 10px;} .image{width: 120px; height: 120px; position: absolute; right: 250px; top: 10px;} .partiedroite{width: 180px; height: 115px; position: absolute; right: 10px; top: 10px; padding: 20px; font: normal normal 11px/13px calibri, sans-serif; letter-spacing: 0px; color:#333; text-align: justify; overflow-y: auto;} .partiegauche{width: 125px; height: 80px; position: absolute; right: 250px; top: 110px; font: normal normal 11px/12px calibri, sans-serif; text-align: center; color:#333; margin-top:-10px;} .partiegauche h1{font: italic; font-size:18px; letter-spacing: -1px; color: #333; text-align: center; text-transform:uppercase; margin-bottom:1px; margin-top:-10px;}</style>

<center><div id='fond'><div style="background-color:#e9cbc7; opacity:0.5;margin-top:200px;font-size:10px;color:#000; text-align:center;text-transform:uppercase">Une citation ici pour faire joli</div><div class='b1'></div><div class='b2'></div><div class='b3'></div><div class='b4'></div> <div class='bordure'><div class='bback'><div class='image'><img src='https://33.media.tumblr.com/f4f78831dabb70dc61fcc667cae1f60a/tumblr_mtn4gk5oTA1qmwkmmo2_250.gif' style='width:75px;height:75px;'></div><div class='partiegauche'><h1>Prénom + Nom</h1>Surnom & Âge<BR>Orientation sexuelle<br>Situation amoureuse<br> Disponibilité RP: oui / non <br><br>[url=http://LELIENICI]Fiche[/url] // [url=http://LELIENICI]RPs[/url]</div>  <div class='partiedroite'>[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div>
<div style="font-size:7px; margin-left:400px;margin-top:-23px;"> © Nalex</div></center>

<style>.flop{width: 200px; height: 320px; background-color: #fff; overflow: hidden} .flip{width: 200px; height: 320px; -webkit-perspective:1000; -o-perspective:1000; -moz-perspective:1000;} .flippin{-moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out;} .flip:hover .flippin{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);} .sousavatar{width: 200px; height: 320px; background-color: #fff; overflow: hidden; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; overflow: auto;} .flip:hover .sousavatar{opacity: 1;}</style>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<center><table><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://i1115.photobucket.com/albums/k548/scatteredthorns/Avatars%20200x320/jlaw053.png);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">le lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Lorem ipsum[/b] dolor sit amet, consectetur adipiscing elit. Maecenas velit lectus, sollicitudin vitae elit in, lacinia molestie odio. Nulla rhoncus suscipit justo, id viverra orci venenatis ut. Cras dignissim orci non ex imperdiet, eu accumsan metus cursus. Nulla ut pulvinar dolor. Etiam ut augue pharetra, elementum ante at, dignissim nunc. Nullam varius sollicitudin tellus, id blandit ligula tincidunt id. Nullam vitae elementum nisi, non auctor tellus. Quisque congue venenatis elit, a euismod justo tincidunt eu. Aenean convallis nisl a massa finibus, a volutpat erat molestie. Nunc convallis neque eu fringilla tincidunt. Sed id viverra sem. Duis vel ipsum volutpat, gravida erat ac, facilisis augue. </div></div></div></div></div></div></td></tr></table></center>

<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'><style>.vavaswag{width: 200px; height 320px; position: relative; z-index: 1} .infosss{width:160px;height:280px;background-color:#ffffff; padding: 20px; position: relative; z-index: 2; margin-top: -320px; opacity: 0; -htm-transform: all;-htm-transition: 1s;-moz-transform: all;-moz-transition: 1s;-o-transform: all;-o-transition: 1s;-webkit-transform: all;-webkit-transition: 1s;} .infoalone{width: 160px;height: 23px; margin-bottom: 20px; position: relative; z-index: 3; font-family: Slabo; color: #ffffff;; text-transform: uppercase; font-size: 16px; text-align: center; padding-top: 7px} .infosss:hover{opacity: 0.9} .partieswag{height: 320px; width: 1px; overflow: hidden; padding-left: 20px; transition: 1s; color: transparent} .partieswag:hover{height: 300px; width: 250px; overflow: auto; color: #ffffff; padding: 10px} .titreofking{font-family: 'Petit Formal Script', cursive; text-align: center; font-size: 20px} .descrione{font-family: slabo; text-align: justify; font-size: 12px; line-height: 12px;} .titretropswag{font-family: lobster; font-size: 30px; text-transform: lowercase}</style><div class="titretropswag"><span style="color: #420000">Prénom</span> <span style="color: #ab9270">Prénom</span> <span style="color: #F5DBB7"> Nom</span></div>
<table cellpadding="0px" cellspacing="0px"><tr><td><img src="http://media.tumblr.com/a0431a01efff0e4c102e7819768383cd/tumblr_inline_mrzmjnPYIx1qz4rgp.png" class="vavaswag">
<div class="infosss"><div class="infoalone" style="background-color:#420000">Prénom</div><div class="infoalone" style="background-color:#ab9270">Nom</div><div class="infoalone" style="background-color:#F5DBB7">Âge</div><div class="infoalone" style="background-color:#ab9270">Métier</div><div class="infoalone" style="background-color:#F5DBB7">Statut</div><div class="infoalone" style="background-color:#420000">Groupe</div></div></td><td><div class="partieswag" style="background-color:#420000"><div class="titreofking">nice to meet you</div><div class="descrione"> trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère ◊ trait de caractère  </div><div class="titreofking"><br>story of my life</div><div class="descrione"> détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire ◊ détail important de ton histoire</div></div></td><td><div class="partieswag" style="background-color:#ab9270"><div class="titreofking">all i want is you<br><br></div><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div><br><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div><br><div class="descrione"><b>TITRE DU LIEN (♂ / ♀)</b> ◊ description du lien recherché avec plein de détails vachement koul.</div></div></td><td><div class="partieswag" style="background-color:#F5DBB7; border-radius: 0px 20px 20px 0px"><div class="titreofking">[color=#000000]c'mon and let's talk[/color]</div><div class="descrione">[color=#000000]Je suis actuellement <b>libre/occupé</b> pour d'éventuels RP. Je ne prends que <b>nombre</b> RP en cours en même temps. Je fais en moyenne <b>nombre de lignes ou de mots</b> par réponse.</div><div class="titreofking" style="font-size: 14px; align-text: justify; margin-left: 10px"><br>silence, action!<br></div> <div class= "descrione"><a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<div class="titreofking" style="font-size: 14px; align-text: justify; margin-left: 10px"><br>previously on...<br></div><a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.
<a href="lien du rp">www. <i>titre du rp</i></a> avec <b>Pseudo</b> ◊ Description du RP, passages importants pour l'évolution du personnage et du lien, ce genre de choses, quoi.[/color]</div> </div></td></tr></table><div style="font-family: slabo; font-size: 10px; color:#537a81">code by <span style="color:#4f6796"><i>sceaudelaine</i></span>; avatar by <span style="color:#4f6796"><i>trophyeyes</i></span></div></center>

<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"><span class="uem"> Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i1181.photobucket.com/albums/x421/policedecember2/Avatar/Rose%20McGowan/RoseMcGowan15.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div><link href='http://fonts.googleapis.com/css?family=Old+Standard+TT' rel='stylesheet' type='text/css'><style>.urielfond2 {width: 420px; background-color: #3F3830; margin: auto; box-shadow: 0px 0px 10px #3F3830; border-left: 4px solid #3FBBAB; border-right: 4px solid #D72935} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #AF272F; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #D72935; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #3F3830; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #3FBBAB; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);}.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style><div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""></a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">Prénom Nom</span><span class="uriellien"> <span class="uem">Lien - </span> ... </span><center><a href=""> -</a><a href=""></a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://i.imgur.com/KWrIgLH.png" /></div></div></div><div style="clear: both"></div></div>