<link href='https://fonts.googleapis.com/css?family=Jim+Nightshade|Metamorphous' rel='stylesheet' type='text/css' /><div style="margin: auto; text-align: center; border: 3px solid #F7C257; width:630px; background-image: url(http://zupimages.net/up/16/15/i03p.png); height: 1150px; overflow: auto;">
<br/>
<div align="center" style="font-size:30px; color: #F7C257;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000 ">Missions en cours</div>
<table style="margin: auto;"><tr><td>
<div align="center" style="font-size:20px; color:#F7C257 ;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px ; overflow: auto; position: relative; left: 5px; padding: 5px; background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td><td>
<div align="center" style="font-size:20px; color:#F7C257 ;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px; overflow: auto; position: relative; left: 5px; padding: 5px;background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td></tr></table>
<table style="margin: auto;"><tr><td>
<div align="center" style="font-size:20px; color: #F7C257;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px ; overflow: auto; position: relative; left: 5px; padding: 5px; background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td><td>
<div align="center" style="font-size:20px; color: #F7C257;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px; overflow: auto; position: relative; left: 5px; padding: 5px; background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td></tr></table>
<br/>
<div align="center" style="font-size:30px; color: #F7C257;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000 ">Missions à venir</div>
<table style="margin: auto;"><tr><td>
<div align="center" style="font-size:20px; color:#F7C257 ;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px; overflow: auto; position: relative; left: 5px; padding: 5px; background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td><td>
<div align="center" style="font-size:20px; color:#F7C257 ;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000">Nom de la mission</div><br/><div style="border: 3px solid #F7C257;width: 250px; height: 200px; overflow: auto; position: relative; left: 5px; padding: 5px; background-image: url(http://zupimages.net/up/16/15/13az.jpg) ;text-align: justify; font-size: 12px; color: #3C3C3C;"><b>Description :</b>
<b>Récompense :</b>
<b>Factions concernées :</b>
</div></td></tr></table>
<br/>
<div align="center" style="font-size:15px; color: #F7C257;font-family: 'Metamorphous', cursive; text-shadow: 0px 0px 20px #000000 "><a href="http://www.never-utopia.com/"><@> Kira pour Never Utopia</a></div></div>

<style>.fiche15{width: 612px;margin: auto;color:#993500}#colonne, #colonne2, #colonne3, #colonne4, #colonne5, #colonne6{ background:url(http://img93.xooimage.com/files/d/1/6/murger7bis-3d5f65d.png) no-repeat;overflow:hidden;display:inline-block;z-index:1;position: relative;width: 69px;height: 375px;font-size: 9px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1.5s;-moz-transition: 1.5s;-htm-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;}#colonne:hover, #colonne2:hover, #colonne3:hover, #colonne4:hover, #colonne5:hover, #colonne6:hover{top:5px;z-index:99;background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');width: 500px;height: 375px;margin-right:-150px;margin-left: -130px;font-size: 11px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}#colonne1{-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); overflow:hidden;display:inline-block;z-index:1;background:url(http://img94.xooimage.com/files/d/3/7/murger8bis-3d5f704.png) no-repeat;position: relative;width: 69px;height: 375px;font-size: 9px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1.5s;-moz-transition: 1.5s;-htm-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;}#colonne1:hover{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);z-index:99;background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');width: 500px;height: 375px;margin-left:-150px;font-size: 11px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100);transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}#colonne2{background:url(http://img91.xooimage.com/files/b/f/d/murger2bis-3d5f977.png) no-repeat}#colonne2:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne3{ background:url(http://img93.xooimage.com/files/9/8/8/murger3bis-3d5fa57.png) no-repeat}#colonne3:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png');}#colonne4{ background:url(http://img92.xooimage.com/files/5/3/f/murger4bis-3d5fac6.png) no-repeat}#colonne4:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne5{ background:url(http://img91.xooimage.com/files/9/0/d/murger5bis-3d5fb5a.png) no-repeat}#colonne5:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}#colonne6{background:url(http://img91.xooimage.com/files/d/2/2/murger6bis-3d5fb91.png) no-repeat}#colonne6:hover{background-image:url('http://img92.xooimage.com/files/e/9/7/livre-3d5f4d4.png')}.text10{opacity:0;-moz-transition: 0s;-htm-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}.text10:hover{opacity:1;-moz-transition: 0s;-htm-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}.image_vava{height:250px;transition: 1s;-moz-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}.image_vava:hover{height:350px;z-index:199;margin-top:-35px}</style>
<div class="fiche15"><table><td><div id="colonne2"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[b]¤ Nom : [/b]
[b]¤ Prénom : [/b]
[b]¤ Surnom : [/b]
[b]¤ Sexe : [/b]
[b]¤ Age (réel et en apparence) : [/b]
[b]¤ Race : [/b] (vampire, sorcier, ange, orisha etc)
[b]¤ Spécialité : [/b] (20 points à répartir)
[i]- Agilité : [/i]
[i]- Force : [/i]
[i]- Charisme : [/i]
[i]- Intelligence : [/i]
[i]- Magie : [/i]
[b]¤ Métier : [/b]
[b]¤ Armes : (2 max) [/b]
[b]¤ Pouvoirs : [/b]
- 1er pouvoir de votre race (cf la fiche race)
- 2ème pouvoir de votre race (cf la fiche race)
- 3ème pouvoir de votre race (cf la fiche race)
- Pouvoir au choix (cf la liste des pouvoirs)
- Pouvoir au choix (cf la liste des pouvoirs)

[size=20][font=Vivaldi]Pouvoir de niveau 2[/font][/size]
- Ne pas compléter = (N/A)

[size=20][font=Vivaldi]Pouvoir de niveau 3[/font][/size]
- N/A

[size=20][font=Vivaldi]Pouvoir de niveau 4[/font][/size]
- N/A

[size=20][font=Vivaldi]Pouvoir de niveau 5/6[/font][/size]
- N/A

[b]¤ Particularité[/b] : (pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)
</div>[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>
[/td][/table]</div></div></td><td><div id="colonne3"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[size=20][font=Vivaldi]Gains de lieux[/font][/size]
- N/A

[size=20][font=Vivaldi]Gains de quêtes[/font][/size]
- N/A

[size=20][font=Vivaldi]Gains Hors RP[/font][/size]
- N/A
</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">[size=20][font=Vivaldi]Fragments du cristal maître[/font][/size]
- N/A

[size=20][font=Vivaldi]Arme du temple[/font][/size]
- N/A</div>
[/td][/table]</div></div></td><td><div id="colonne4"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== What Do You Look Like ? === 7 lignes minimum</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== What Do You Look Like ? === 7 lignes minimum</div>
[/td][/table]</div></div></td><td><div id="colonne5"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== Are You Crazy ??? === 9 lignes minimum</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">=== Are You Crazy ??? === 9 lignes minimum</div>
[/td][/table]</div></div></td><td><div id="colonne6"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">
=== Cool Story Bro xD === 17 lignes minimum (évitez tout de même d'écrire des romans, les mémoires sont faites pour ceux qui souhaitent approfondir leur histoire ^^)</div>
[/td][td style="width:200px;padding-left:15px;padding-right:45px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px;padding:5px">
=== Cool Story Bro xD === 17 lignes minimum (évitez tout de même d'écrire des romans, les mémoires sont faites pour ceux qui souhaitent approfondir leur histoire ^^)</div>
[/td][/table]</div></div></td><td><div id="colonne"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"]<div style="overflow:auto;height:270px">[b]¤ Prénom :[/b]
[b]¤ Sexe : [/b]
[b]¤ Race : [/b] (chat, chien, démon etc)
[b]¤ Pouvoir : [/b]
[b]¤ Caractère : [/b]
[b]¤ Physique : [/b]
(pour changer l'image en 200x400 ci-contre, modifier l'adresse qui se trouve entre balises IMG, juste en dessous dans le code)</div>
[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>
[/td][/table]</div></div></td><td style="padding-left:38px"><div id="colonne1"><div class="text10">[table][td style="width:200px;padding-left:45px;padding-right:15px;padding-top:25px;padding-bottom:15px;text-align:justify"][b]¤ Votre prénom ou pseudo courant : [/b]
[b]¤ Comment avez-vous découvert le forum : [/b]
[b]¤ Si un jour vous quittiez le forum, comment voudriez vous que votre personnage meurt? : [/b]
[b]¤ Code ? : [/b]
[/td][td style="width:200px;padding-left:35px;padding-right:20px;padding-top:50px;padding-bottom:15px;text-align:justify"][table][tr][td]<img class="image_vava" src="http://img835.imageshack.us/img835/8981/vavasouverain.jpg"/>[/td][/tr][tr][td]<div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div>[/td][/tr][/table]
[/td][/table]</div></div></td></table></div>

<center><div style="border:7px solid #000000; -webkit-border-radius: 15px; width:520px; -moz-border-radius: 10px 10px 10px 10px; background-color:#ffffff; color:#000000;"><img style="border-bottom:7px solid #000000;" src="URL DE VOTRE IMAGE 520*250">

<div style="padding-left:15px; font-size:35px; font-family: courier new; color:#000000; text-transform: uppercase; letter-spacing: 5px; text-shadow: 1px 1px 3px black;">[b]Pseudonyme[/b]</div>
<div style="background-color:#000000; padding-left:15px; font-size:16px; font-family: courier new; color:#ffffff; text-transform: uppercase; letter-spacing: 5px;">Informations</div><div style="background-color:#eeeeee; font-size:11px; text-align:justify; line-height:12px; margin:15px; margin-bottom:10px; margin-top:10px;">
<center><table><tr><td><div style="background-color:#ffffff; width: 250px; height: 350px; overflow:auto;">[justify][b]Nom :[/b] Compléter ici

[b]Prénom(s) :[/b] Compléter ici

[b]Âge :[/b] Compléter ici

[b]Sexe :[/b] Compléter ici

[b]Nationalité :[/b] Compléter ici

[b]Groupe :[/b] Compléter ici

[b]Rang :[/b] Compléter ici[/justify]</div></td><td><td><td><div style="border-top: 4px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000;background-color:#ffffff; width: 200px; height: 320px;">[img]URL DE VOTRE AVATAR 200*320px[/img]</div><br>[center][i][b]feat :[/b] Nom de la personne sur l'avatar[/i][/center]</div></td></td></table></center>
</div><div style="background-color:#000000; padding-left:15px; font-size:16px; font-family: courier new; color:#ffffff; text-transform: uppercase; letter-spacing: 5px;">Psychology</div><div style="background-color:#eeeeee; font-size:11px; text-align:justify; line-height:12px; margin:15px; margin-bottom:10px; margin-top:10px;">
Description morale de votre personnage en minimum ... lignes.

</div><div style="background-color:#000000; padding-left:15px; font-size:16px; font-family: courier new; color:#ffffff; text-transform: uppercase; letter-spacing: 5px;">Appearance</div><div style="background-color:#eeeeee; font-size:11px; text-align:justify; line-height:12px; margin:15px; margin-bottom:10px; margin-top:10px;">
Description physique de votre personnage en minimum ... lignes.

</div><div style="background-color:#000000; padding-left:15px; font-size:16px; font-family: courier new; color:#ffffff; text-transform: uppercase; letter-spacing: 5px;">Storyline</div><div style="background-color:#eeeeee; font-size:11px; text-align:justify; line-height:12px; margin:15px; margin-bottom:10px; margin-top:10px;">
Au moins ... lignes pour l'histoire.

</div><div style="background-color:#000000; padding-left:15px; font-size:16px; font-family: courier new; color:#ffffff; text-transform: uppercase; letter-spacing: 5px;">Behind the screen</div><div style="background-color:#eeeeee; font-size:11px; text-align:justify; line-height:12px; margin:15px; margin-bottom:10px; margin-top:10px;">
<center><table><tr><td><div style="border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; background-color:#ffffff; width: 100px; height: 100px;">[img]URL DE VOTRE IMAGE 100*100[/img]</div></td><td><td><td><div style="background-color:#ffffff; width: 320px; height: 100px; overflow:auto;">[b]Prénom ou Pseudonyme :[/b] Compléter ici

[b]Age :[/b] Compléter ici

[b]Que pensez-vous du forum ? :[/b] Compléter ici

[b]Comment as-tu connu le forum ? :[/b] Compléter ici
</div></td></td></table></center>
</div>[size=8][url=http://epicode.bbactif.com/u1061]Arrogant-Mischief[/url] sur [url=http://epicode.bbactif.com/]Epicode[/url][/size]</center>

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet"><link href="https://dl.dropbox.com/s/zlq7aw04w0zxeei/CDskype.css" rel="stylesheet" type="text/css"><fondsk><fond2sk><imgsk style="background:url(http://www.zupimages.net/up/17/35/ee5a.jpg) center center; background-size:cover"></imgsk><pseudosk>Le pseudo</pseudosk></fond2sk><lignesk></lignesk><datesk>00/00/00 à 00:00</datesk><fondsk2><!--DEBUT DU MESSAGE RECU--><recusk>Là, c'est le message que tu as reçu de la personne.</recusk><!--FIN DU MESSAGE RECU--><!--DEBUT DU MESSAGE ENVOYE--><envoyesk>Et là, le message que tu lui as envoyé !</envoyesk><!--FIN DU MESSAGE ENVOYE--></fondsk2></fondsk>

<link href="https://fonts.googleapis.com/css?family=Satisfy|Patrick+Hand" rel="stylesheet"><style>fondlienalex {display: block; background: #333; width: 450px; margin: auto; border: 3px double black} imglienalex {width: 450px; height: 241px; display: block; border-bottom: 2px solid black;} titrelienalex {display: block; text-align: center; font-size: 30px; padding: 15px; font-family: satisfy; background: black; opacity: 0.6;} lignelienalex {width: 100%; background: black; height: 2px; display: block;} fond2lienalex {display: block; width: 400px; background: black; opacity: 0.6; padding: 5px; margin: 10px 10px 10px 30px; font-size: 13px; text-align: justify; color: silver; font-family: droit serif; font-style: italic; line-height: 14px;} img2lienalex {display: block; height: 100px; width: 100px; float: left; margin: 5px; border-radius: 100%; margin-top: -10px; margin-left: -32px; shape-outside: ellipse(49% 45%); position:relative} ecuslienalex {display: block; width: 35px; height: 50px; border-radius: 100%; position: absolute; bottom: -26px; left: -5px; border: 1px solid #111;} nomlienalex {display: block; text-align: center; font-size: 20px; padding: 5px; font-family: satisfy; border-bottom: 1px solid; margin-bottom: 5px;} intitlienalex {font-family: patrick hand; font-size: 14px;} fond2lienalexb {display: block; width: 400px; background: black; opacity: 0.6; padding: 5px; margin: 10px 30px 10px 10px; font-size: 13px; text-align: justify; color: silver; font-family: droit serif; font-style: italic; line-height: 14px;} img2lienalexb {display: block; height: 100px; width: 100px; float: right; margin: 5px; border-radius: 100%; margin-top: -10px; margin-right: -32px; shape-outside: ellipse(49% 45%); position:relative} ecuslienalexb {display: block; width: 35px; height: 50px; border-radius: 100%; position: absolute; bottom: -26px; right: -5px; border: 1px solid #111;}</style><fondlienalex><imglienalex style="background:url(http://cdn4.teen.com/wp-content/uploads/2016/11/shadowhunters-simon-happy-delirious.gif) center center; background-size:cover"></imglienalex><titrelienalex>Ici tu mets ton petit titre !</titrelienalex><lignelienalex></lignelienalex><!-DEBUT DU LIEN --><fond2lienalex><img2lienalex style="background:url(http://68.media.tumblr.com/964b314add9f0058e03ebd5f5c0727cb/tumblr_ofzq4qoOUp1vs995do2_400.gif) center center; background-size:cover"><ecuslienalex style="background:url(http://68.media.tumblr.com/964b314add9f0058e03ebd5f5c0727cb/tumblr_ofzq4qoOUp1vs995do2_400.gif) center center; background-size:cover"></ecuslienalex></img2lienalex><nomlienalex>Prénom Nom<intitlienalex> - Intitulé du lien</intitlienalex></nomlienalex>Courte description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh.</fond2lienalex><fond2lienalexb><img2lienalexb style="background:url(http://68.media.tumblr.com/964b314add9f0058e03ebd5f5c0727cb/tumblr_ofzq4qoOUp1vs995do2_400.gif) center center; background-size:cover"><ecuslienalexb style="background:url(http://68.media.tumblr.com/964b314add9f0058e03ebd5f5c0727cb/tumblr_ofzq4qoOUp1vs995do2_400.gif) center center; background-size:cover"></ecuslienalexb></img2lienalexb><nomlienalex>Prénom Nom<intitlienalex> - Intitulé du lien</intitlienalex></nomlienalex>Courte description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh.</fond2lienalexb><!-FIN DU LIEN --></fondlienalex>

<center><link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'><link href='http://www.aht.li/2661971/signa_ro.css' rel='stylesheet' type='text/css'><img src="http://zupimages.net/up/15/21/og33.png"style="border:1px solid #f5bf9c;"/><img src="http://zupimages.net/up/15/21/fjuv.png"style="border:1px solid #f5bf9c;margin-left: 23px;"/><img src="http://zupimages.net/up/15/21/voku.png"style="border:1px solid #f5bf9c;margin-left:23px;"/>
<div class="s_title"style="border:1px solid #f5bf9c;text-shadow:#f5bf9c 1px 1px 0px, #f5bf9c -1px 1px 0px, #f5bf9c -1px -1px 0px, #f5bf9c 1px -1px 0px;color:#000;margin-top: 5px;">
I CAN HEAR THE BIRDS</div><div class="s_sous" style="background-color:#f5bf9c;color:#000;"><b>i can see them fly, i can see the sky, it's about to fall. But i've got to stay</b></div><img src="http://zupimages.net/up/15/21/o507.png" style="border:1px solid #f5bf9c;"/>
<a href="http://epicode.bbactif.com/u203">©</a></center>

<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css' />
<style type="text/css">#rela_wrap{margin:auto;width:440px;height:auto;}.rela_border{margin:auto;width:100%;width-max:800px;height:10px;line-height:0;text-align:center;text-transform:none;font-weight:normal;background:#111;color:#FFF;font-size:5em;font-family:'Dynalight', cursive;text-shadow:0px 0px 4px #111;}.rela_block{position:relative;display:inline-block;margin-left:15px;margin-top:30px;width:200;height:440px;overflow:hidden;background:#FFF;box-shadow:0px 1px 5px rgba(0,0,0,.5);}.rela_vava{position:absolute;display:block;top:0;padding:0; background:#FFF; -webkit-transition:top 2s ease-in-out, opacity 2s; -moz-transition:top 2s ease-in-out, opacity 2s; -ms-transition:top 2s ease-in-out, opacity 2s; -o-transition:top 2s ease-in-out, opacity 2s; transition:top 2s ease-in-out, opacity 2s;z-index:1 }.rela_block:hover .rela_vava{top:-400px;opacity:0;}.rela_content{<!--proprietedecodeurkipiksurepicode-->margin-top:5px;width:185px;height:400px;padding-right:5px;padding-left:5px;overflow:auto;text-indent:25px;text-align:justify;font-family:'Quicksand', sans-serif;font-size:10px;}.rela_content h2{position:absolute;left:0;bottom:0;height:20px;width:100%;overflow:hidden;padding:10px 5px 10px 2px;margin:auto;text-align:left;background:rgba(1,1,1,.6);color:#FFF;text-transform:none;font-weight:normal;font-size:30px;font-family:'Dynalight', cursive;z-index:0;}span.rela_cred{display:block;text-align:center;letter-spacing:2px;text-transform:uppercase;font-size:6px;color:#111;font-family:'Quicksand', sans-serif;}span.rela_cred a#rela_epicode{color:#FFF;text-decoration:none;-webkit-transition:letter-spacing 2s; -moz-transition:letter-spacing 2s; -o- transition:letter-spacing 2s; -ms-transition:letter-spacing 2s; transition:letter-spacing 2s;}span.rela_cred a#rela_epicode:hover{letter-spacing:6px;}</style>

<div id="rela_wrap"><h1 class="rela_border"><!--TITRE DE LA PAGE-->Friends & Foes</h1>
<!--POUR RAJOUTER UNE LIGNE D'AVATAR, COPIER A PARTIR D'ICI--><div class="rela_block"><span class="rela_vava"><img src="http://img4.hostingpics.net/pics/304234avasample.jpg" alt="AVATAR" /></span><div class="rela_content"><h2><!--NOM DU PERSONNAGE-->Full name here</h2><!--VOTRE TEXTE COMMENCE ICI-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in consequat sem. Sed consectetur dolor a dolor feugiat, vitae rhoncus odio fringilla. Integer sagittis est sapien, non lacinia risus pharetra sed. Pellentesque volutpat, lacus vel imperdiet viverra, est ligula consequat dui, ac mollis leo elit sit amet enim. Praesent a turpis elementum, venenatis quam ut, iaculis velit. Praesent et leo eros. Etiam urna urna, egestas nec sapien sed, efficitur sollicitudin nisl. Aenean vitae nulla id mi condimentum consectetur a eget dolor. Vestibulum tellus tortor, pretium in mauris ac, elementum commodo sapien.</div></div><div class="rela_block"><span class="rela_vava"><img src="http://img4.hostingpics.net/pics/304234avasample.jpg" alt="Avatar du lien" /></span><div class="rela_content"><h2><!--NOM DU PERSONNAGE-->Full name here</h2><!--VOTRE TEXTE COMMENCE ICI-->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in consequat sem. Sed consectetur dolor a dolor feugiat, vitae rhoncus odio fringilla. Integer sagittis est sapien, non lacinia risus pharetra sed. Pellentesque volutpat, lacus vel imperdiet viverra, est ligula consequat dui, ac mollis leo elit sit amet enim. Praesent a turpis elementum, venenatis quam ut, iaculis velit. Praesent et leo eros. Etiam urna urna, egestas nec sapien sed, efficitur sollicitudin nisl. Aenean vitae nulla id mi condimentum consectetur a eget dolor. Vestibulum tellus tortor, pretium in mauris ac, elementum commodo sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in consequat sem. Sed consectetur dolor a dolor feugiat, vitae rhoncus odio fringilla. Integer sagittis est sapien, non lacinia risus pharetra sed. Pellentesque volutpat, lacus vel imperdiet viverra, est ligula consequat dui, ac mollis leo elit sit amet enim. Praesent a turpis elementum, venenatis quam ut, iaculis velit. Praesent et leo eros. Etiam urna urna, egestas nec sapien sed, efficitur sollicitudin nisl. Aenean vitae nulla id mi condimentum consectetur a eget dolor. Vestibulum tellus tortor, pretium in mauris ac, elementum commodo sapien.</div></div><!--POUR DUPLIQUER UNE LIGNE D'AVATAR, COPIER JUSQU'ICI ET COLLER EN DESSOUS-->

<span class="rela_cred">By Codeur Kipik on <a id="rela_epicode" href="http://epicode.bbactif.com/" target="_blank">Epicode</a></span><div class="rela_border"></div></div>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>

<style> .img {padding: 3px; box-shadow: 0px 0px 3px #000;} .prez {background-color: #272727; text-align: justify; overflow: auto; font-family: verdana; font-size: 10px; color: #949494; line-height: 12px; width: 450px; height: 200px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0;} .prez:hover {opacity: 1;} .pseudo1 {font-family: 'Grand Hotel', cursive; font-size: 40px; color: DarkKhaki; position: relative; z-index: 2; text-align: center;} .info {font-family: verdana; color: #777777; font-variant: small-caps; font-size: 14px; border-bottom: 1px solid black; padding: 2px; text-align: center; text-shadow: 1px 1px 1px black; margin-bottom: 3.5px;} .credit {font-family: verdana; font-size: 10px; font-variant: small-caps; color: #777777; text-shadow: 1px 1px 1px black; letter-spacing: 1px; text-align: center;} .recherche {font-family: 'Pathway Gothic One', sans-serif; font-size: 15px; color: #777777; text-shadow: 1px 1px 2px black; text-align: justify; text-transform: uppercase;}</style>

<center><div style="width: 500px; text-align: center; background-color: #1D1D1D; background-image: url('http://i.imgbox.com/aXhIlYr4.png'); background-position: top; background-repeat: no-repeat; box-shadow: 0px 0px 3px black; border-radius: 10px 10px 0px 0px;"><br><div class="pseudo1">Prénom P² Nom</div><br>[center]<div style="width: 450px; height: 200px; padding: 5px; background-color: #1D1D1D; box-shadow: 0px 0px 3px black;"><div style="width: 450px; height: 200px; background-image: url('URL GIF'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 2px;"><div class="info">Citation qui gère et qui réprésente ton personnage</div>Caractère de ton personnage, ou l'histoire, ou sa situation actuelle, c'est toi qui veut, mais met un truc !

Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.

Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</div></div></div></div>[/center]

<div style="font-family: 'Pathway Gothic One', sans-serif; font-size: 20px; color: #777777; text-shadow: 1px 1px 2px black; text-align: center; text-transform: uppercase;">xx ans [color=darkkhaki]•[/color] situation amoureuse [color=darkkhaki]•[/color] orientation sexuelle<br>groupe [color=darkkhaki]•[/color] ft prénom nom célébrité</div>
</div>
<div style="margin-top: -10px; width: 500px; text-align: center; background-color: #1D1D1D;  background-image: url('http://i.imgbox.com/aXhIlYr4.png'); background-position: top; background-repeat: no-repeat; box-shadow: 0px 0px 3px black; border-radius: 0px 0px 0px 0px;"><br><div class="pseudo1">Caractère</div><div style="font-size: 13px; font-variant: small-caps; text-align: center; color: #777777;"><div style="padding: 20px;">Qualité ✤ Défaut ✤ Qualité ✤ Défaut ✤ Qualité ✤ Qualité ✤ Défaut ✤ Qualité ✤ Défaut ✤ Qualité ✤ Qualité ✤ Défaut ✤ Qualité ✤ Défaut ✤ Qualité ✤ Qualité ✤ Défaut ✤ Qualité ✤ Défaut ✤ Qualité ✤</div></div></div>
<div style="margin-top: -10px; width: 500px; text-align: justify; background-color: #1D1D1D;  background-image: url('http://i.imgbox.com/aXhIlYr4.png'); background-position: top; background-repeat: no-repeat; box-shadow: 0px 0px 3px black; border-radius: 0px 0px 10px 10px; color: #777777; font-size: 10.5px;"><br><div class="pseudo1">Liens recherchés</div><div style="padding: 15px;">
<div class="recherche">Lien recherché</div>[color=darkkhaki]•[/color]/[color=indianred]•[/color] Description rapide du lien recherché ... Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.
<div class="recherche">Lien recherché</div>[color=darkkhaki]•[/color]/[color=indianred]•[/color] Description rapide du lien recherché ... Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.
<div class="recherche">Lien recherché</div>[color=darkkhaki]•[/color]/[color=indianred]•[/color] Description rapide du lien recherché ... Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.

[center]<table cellspacing="5px"><tr><td><div class="img" style="background-image: url('URL GIF'); background-repeat: no-repeat; background-size: cover; width: 200px; height: 100px;"></div></td><td><div class="img" style="background-image: url('URL GIF'); background-repeat: no-repeat; background-size: cover; width: 200px; height: 100px;"></div></td></tr></table>[/center]

<div class="credit">Code par <a href="http://www.bazzart.org/t93988-asi-click-9658-fiche-2-rps-bientot-liens" style="text-decoration: none; color: #949494;">Asi'click</a></div></div></center>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
<style> .img {padding: 3px; box-shadow: 0px 0px 3px #000;} .lien {background-color: #272727; text-align: justify; overflow: auto; font-family: verdana; font-size: 10px; color: #949494; line-height: 12px; width: 225px; height: 125px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0;} .lien:hover {opacity: 1;} .pseudo {font-family: 'Grand Hotel', cursive; font-size: 30px; color: DarkKhaki; position: relative; z-index: 2; text-align: center; margin-bottom: -10px;} .info {font-family: verdana; color: #777777; font-variant: small-caps; font-size: 14px; border-bottom: 1px solid black; padding: 2px; text-align: center; text-shadow: 1px 1px 1px black; margin-bottom: 3.5px;} .credit {font-family: verdana; font-size: 10px; font-variant: small-caps; color: #777777; text-shadow: 1px 1px 1px black; letter-spacing: 1px; text-align: center;}</style><center><div style="width: 500px; text-align: center; background-color: #1D1D1D; background-image: url('http://i.imgbox.com/aXhIlYr4.png'); background-position: top; background-repeat: no-repeat; box-shadow: 0px 0px 3px black; border-radius: 2px;"><br><div style="font-family: 'Pathway Gothic One', sans-serif; font-size: 40px; color: #777777; text-shadow: 1px 1px 2px black; text-align: center; text-transform: uppercase;">categories liens</div>

<table cellspacing="10"><tr><td><div class="pseudo">Prenom P. Nom</div><div style="width: 225px; height: 125px; padding: 3px; background-color: #1D1D1D; box-shadow: 0px 0px 3px black;"><div style="width: 225px; height: 125px; background-image: url('http://static.tumblr.com/waf6i9y/c9Dm3o026/sideba.gif'); background-repeat: no-repeat; background-size: cover"><div class="lien"><div style="padding: 2px;"><div class="info">Nom du lien</div>Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div></div></div></div></div></td><td><div class="pseudo">Prenom P. Nom</div><div style="width: 225px; height: 125px; padding: 3px; background-color: #1D1D1D; box-shadow: 0px 0px 3px black;"><div style="width: 225px; height: 125px; background-image: url('http://i.imgbox.com/qMQXdFiT.gif'); background-repeat: no-repeat; background-size: cover"><div class="lien"><div style="padding: 2px;"><div class="info">Nom du lien</div>Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div></div></div></div></td></tr></table>

<table cellspacing="10"><tr><td><div class="pseudo">Prenom P. Nom</div><div style="width: 225px; height: 125px; padding: 3px; background-color: #1D1D1D; box-shadow: 0px 0px 3px black;"><div style="width: 225px; height: 125px; background-image: url('http://i.imgbox.com/sKhPKxDm.gif'); background-repeat: no-repeat; background-size: cover"><div class="lien"><div style="padding: 2px;"><div class="info">Nom du lien</div>Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div></div></div></div></td><td><div class="pseudo">Prenom P. Nom</div><div style="width: 225px; height: 125px; padding: 3px; background-color: #1D1D1D; box-shadow: 0px 0px 3px black;"><div style="width: 225px; height: 125px; background-image: url('http://static.tumblr.com/waf6i9y/c9Dm3o026/sideba.gif'); background-repeat: no-repeat; background-size: cover"><div class="lien"><div style="padding: 2px;"><div class="info">Nom du lien</div>Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.</div></div></div></div></td></tr></table>

<div class="credit">Code par <a href="http://www.bazzart.org/t93988-asi-click-9658-fiche-2-rps-bientot-liens" style="text-decoration: none; color: #949494;">Asi'click</a></div>
</div></center>

<link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'><style type="text/css">.boite { width: 570px; background-color: #f6f2ef; border-top: 5px solid #766e61; border-bottom: 5px solid #766e61; } .div_presentation { width: 350px; height: 390px; background-color: #ded7cc; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; box-shadow: 0px 0px 3px #505050; position: relative; right: -75px; z-index: 1; margin-top: -355px; padding: 3px; text-align: justify; overflow: auto; } .div_avatar { margin-left: -250px; height: 320px; width: 200px; -webkit-transition: all 1s ease-in;  -moz-transition: all 1s ease-in;  -ms-transition: all 1s ease-in;  -o-transition: all 1s ease-in;  transition: all 1s ease-in; border-radius: 5px 0px 0px 5px; box-shadow: 0px 0px 1.5px #505050; position: relative; margin-top: 35px; } .div_avatar:hover { margin-left: -360px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in; transition: margin 1s ease-in; position: relative; } .info { max-width: auto; height: 15px; line-height: 15px; padding-right: 4px; background-color: #c9baa3; font-family: times new roman; font-size: 11px; color: #505050; text-transform: uppercase; text-align: right; letter-spacing: none; } .feat { max-width: auto; height: 12px; line-height: 12px; padding-right: 4px; background-color: #766e61; font-family: times new roman; font-size: 10px; color: #e0e0e0; text-align: right; letter-spacing: 2px; margin-bottom: -22px; } .credit { font-family: times new roman; font-size: 8px; text-transform: uppercase; color: #c8c0b9; text-align: center; text-shadow: none; } .titre { font-family: 'Sancreek', cursive; font-size: 35px; color: #505050; text-align: center; text-shadow: 1px 0px 2px #766e61; margin-top: 7px; text-transform: uppercase; border-bottom: 3px dashed #c9baa3; margin-bottom: 15px; } .select_option { font-family: times new roman; color: #505050; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; padding: 3px; background-color: #c9baa3; opacity: 1; border: none; margin-top: 8px; } .texte { font-family: times new roman; font-size: 10px; color: #505050; letter-spacing: 0.5px; text-align: justify; line-height: 13px; }</style>

<center><div class="boite">
<div class="titre">prénom prénom² nom<br />
<div class="credit">Code par Asi'cick</div></div>
   <div class="div_avatar" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604322114181412390353.png');"></div><div class="div_presentation"><div class="info">who am i ?</div><div class="feat">ft. nom de l'acteur</div><center><table><tr><td><select size=1 class="select_option"><option>Physique</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select></td>
<td><select size=1 class="select_option"><option>Caractère</option>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
<option>option 7</option></select></td></tr></table>
<font class="texte" style="text-transform: uppercase">âge  ♠ groupe ♠ situation ♠ nationalité </font></center>
<div class="info" style="margin-top: 3px;">that's my life</div><font class="texte">Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.
Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.</font><div class="info" style="margin-top: 5px;">besoin d'un icon ?</div>
<center><img src="http://nsm08.casimages.com/img/2014/07/16//14071605521414181412390372.png" style="padding: 1px; border: 1px solid #766e61;" /> <img src="http://nsm08.casimages.com/img/2014/07/16//14071605521414181412390372.png" style="padding: 1px; border: 1px solid #766e61;" /> <img src="http://nsm08.casimages.com/img/2014/07/16//14071605521414181412390372.png" style="padding: 1px; border: 1px solid #766e61;" />

</div>
   </div></center>

<link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'><style type="text/css"> .contenant { width: 570px; height: 900px; background-color: #f6f2ef; border-top: 5px solid #766e61; border-bottom: 5px solid #766e61; } .titre { font-family: 'Sancreek', cursive; font-size: 35px; color: #505050; text-align: center; text-shadow: 1px 0px 2px #766e61; margin-top: 7px; text-transform: uppercase; border-bottom: 3px dashed #c9baa3;margin-bottom: 15px; } .div_lien { width: 350px; height: 110px; background-color: #ded7cc; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; box-shadow: 0px 0px 3px #505050; position: relative; z-index: 1; margin-top: -105px; } .pseudo { max-width: auto; height: 15px; line-height: 15px; padding-right: 4px; background-color: #c9baa3; font-family: times new roman; font-size: 11px; color: #505050; text-transform: uppercase; text-align: right; letter-spacing: none; } .lien { max-width: auto; height: 12px; line-height: 12px; padding-right: 4px; background-color: #766e61; font-family: times new roman; font-size: 10px; color: #e0e0e0; text-align: right; letter-spacing: 2px; } .txt_lien { overflow: auto; height: 70px; width: 345px; font-family: times new roman; color: #505050; font-size: 10px; letter-spacing: 1.5px; line-height: 12px; text-align: justify; } .div_icon { margin-left: -300px; height: 100px; width: 100px; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; border-radius: 5px 0px 0px 5px; box-shadow: 0px 0px 1.5px #505050; position: relative; margin-top: 15px;
 } .div_icon:hover { margin-left: -445px; -webkit-transition: margin 1s ease-in; -moz-transition: margin 1s ease-in; -ms-transition: margin 1s ease-in; -o-transition: margin 1s ease-in; transition: margin 1s ease-in; position: relative; } .credit { font-family: times new roman; font-size: 8px; text-transform: uppercase; color: #c8c0b9; text-align: center; text-shadow: none; }</style>

<center>
<div class="contenant">
   <div class="titre">second post<br />
<div class="credit">Code par Asi'cick</div></div>
   <div style="overflow: auto; height: 800px; width: 570px;">
<div class="div_icon" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604110014181412390350.png');"></div><div class="div_lien"><div class="pseudo">prénom p. nom</div><div class="lien">lien</div><div class="txt_lien">descriptif lien ici</div><br />

<div class="div_icon" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604321514181412390352.png');"></div><div class="div_lien"><div class="pseudo">prénom p. nom</div><div class="lien">lien</div><div class="txt_lien">descriptif lien ici</div><br />

<div class="div_icon" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604110014181412390350.png');"></div><div class="div_lien"><div class="pseudo">prénom p. nom</div><div class="lien">lien</div><div class="txt_lien">descriptif lien ici</div><br />

<div class="div_icon" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604321514181412390352.png');"></div><div class="div_lien"><div class="pseudo">prénom p. nom</div><div class="lien">lien</div><div class="txt_lien">descriptif lien ici</div><br />

<div class="div_icon" style="background-image: url('http://nsm08.casimages.com/img/2014/07/16//14071604110014181412390350.png');"></div><div class="div_lien"><div class="pseudo">prénom p. nom</div><div class="lien">lien</div><div class="txt_lien">descriptif lien ici</div><br />
   
</div>
</div>
</center>

    <br/><center><link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><div style="width: 450px; background-color:#7f5e3f; font-family: Graduate; font-size: 25px; color: #e4e9f4; line-height: 100%; letter-spacing: 1px;-moz-border-radius:20px 20px 0px 0px;">citation</div><div style="width: 450px; height: 250px; background-image: url(http://30.media.tumblr.com/tumblr_m15v9u9SPk1qe6chao2_500.png);"><div style="padding-top: 210px; padding-left:110px;"><div style="width: 250px; font: 29px raleway; background-color: #817157; padding: 6px; -moz-border-radius: 20px; color:#3D2727;">NOM & PRENOM</div></div></div><div style="width: 450px; background-color: #7f5e3f; font-family: 'Graduate', cursive; font-size: 20px; color: #e4e9f4;">en trois</div><div style="width: 450px; background-color: #e3d0bb;"><br /><div style="width: 420px; height:300px; background-color: #ccaa84; color: #3D2727; "><div style="background-color: #7f5e3f; font-family: 'Graduate', cursive; font-size: 20px; color: #e4e9f4; text-align:center; width:180px;vertical-align:top; -moz-border-radius: 0px 0px 20px 20px;">ID CARD</div>  <b>[u]SURNOM[/u]</b> :  surnom <b>[u]ÂGE[/u]</b> : 00 ans <b>[u]PROFESSION[/u]</b> : métier <br><b>[u]PETIT PLUS[/u]</b> : très petite citation
    <br>Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère ▬ Caractère  <div style="font-family: georgia; font-size: 12px; color: #000;  text-align: justify; padding: 5px;overflow: auto;  height: 125px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div><div style="width: 450px; background-color: #e3d0bb;"><br /><div style="width: 420px; height:145px; background-color: #ccaa84; "><div style="background-color: #7f5e3f; font-family: 'Graduate', cursive; font-size: 20px; color: #e4e9f4; text-align:center; width:180px;vertical-align:top; -moz-border-radius: 0px 0px 20px 20px;">RECHERCHE</div>
    <div style="font-family: georgia; font-size: 12px; color: #000;  text-align: justify; padding: 5px;overflow: auto;  height: 100px;"> <b>[u]LIENS[/u]</b> : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    <b>[u]LIENS[/u]</b> : Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    <b>[u]LIENS[/u]</b> :Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></div></div><div style="width: 420px; height: 10px; background-color: #e3d0bb; font-family: georgia; font-size: 10px; color: #e4e9f4;  border-left: 10px solid #e3d0bb; border-right: 10px solid #e3d0bb; text-align: center; padding: 5px;"></div><div style="width: 450px; background-color:#7f5e3f; font-family: Graduate; font-size: 20px; color: #e4e9f4; line-height: 100%; letter-spacing: 1px;-moz-border-radius:0px 0px 20px 20px;">parties</div>
    </center><br/>

    <center><div style="width: 300px; height: 200px; background-image: url(http://30.media.tumblr.com/tumblr_m15v9u9SPk1qe6chao2_500.png); border-top: solid 10px #7f5e3f;  border-left: solid 10px #7f5e3f;  border-right: solid 10px #7f5e3f;"><div style="padding-top: 160px; padding-left:5px;"><div style="width: 250px; font: 29px raleway; background-color: #817157; padding: 6px; -moz-border-radius: 20px; color:#3D2727;">NOM & PRENOM</div></div></div><div style="width: 320px; height:10px; background-color: #7f5e3f; font-family: 'Graduate', cursive; font-size: 10px; color:#7f5e3f;"></div><div style="width: 300px; height:145px; background-color: #ccaa84; border: solid 10px #7f5e3f; "><div style="background-color: #7f5e3f; font-family: 'Graduate', cursive; font-size: 20px; color: #e4e9f4; text-align:center; width:180px;vertical-align:top; -moz-border-radius: 0px 0px 20px 20px;">NOM DU LIEN</div>
    <div style="font-family: georgia; font-size: 12px; color: #000;  text-align: justify; padding: 5px;overflow: auto;  height: 100px;"> <b>[u]LIENS[/u]</b> : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div></center><br>

    <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style> .img {box-shadow: 0px 0px 2px gray; border: 1px solid white;} .prez {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 160px; height: 256px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;} .prez:hover {opacity: 1;} .elevator::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}.elevator::-webkit-scrollbar-track {background-color: #7a837c;}.elevator::-webkit-scrollbar-thumb {background-color: #d2d2d2;} .gray {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>
    <center><div style="font-family: 'Stint Ultra Condensed', cursive; font-size: 45px; color: #1B1B1B; opacity: 0.8;">titre qui claque<br /><font style="font-size: 9px; font-family: georgia; color: gray;">fiche par asi'click</font></div>
    <table cellspacing="10"><tr><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://i.imgur.com/cTMDYsI.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator">info à placer ici comme tu veux</div></div></div></center></td><td><br /><br /><div class="elevator" style="line-height: 12px; width:300px; height: 256px; overflow: auto; background: none; text-align: justify; font-size: 10px; padding: 5px;">[b]Résumé de ton personnage[/b]
    In his tractibus navigerum nusquam visitur flumen sed in locis plurimis aquae suapte natura calentes emergunt ad usus aptae multiplicium medelarum. verum has quoque regiones pari sorte Pompeius Iudaeis domitis et Hierosolymis captis in provinciae speciem delata iuris dictione formavit.

    Iam virtutem ex consuetudine vitae sermonisque nostri interpretemur nec eam, ut quidam docti, verborum magnificentia metiamur virosque bonos eos, qui habentur, numeremus, Paulos, Catones, Galos, Scipiones, Philos; his communis vita contenta est; eos autem omittamus, qui omnino nusquam reperiuntur.

    Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum. et quia languente dextera, letaliter ferire non potuit, iam districtum mucronem in proprium latus inpegit. hocque deformi genere mortis excessit e vita iustissimus rector ausus miserabiles casus levare multorum.
    </div></td></tr></table>
    <table cellspacing="10"><tr><td><div style="width: 300px; height: 106px; background: none; overflow: auto; text-align: justify; font-size: 10px; line-height: 12px; padding: 3px;" class="elevator">[b]Info à connaître / liens à ajouter / recherches de liens / ...[/b]
    Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum. et quia languente dextera, letaliter ferire non potuit, iam districtum mucronem in proprium latus inpegit. hocque deformi genere mortis excessit e vita iustissimus rector ausus miserabiles casus levare multorum.
    </div></td><td><img src="https://33.media.tumblr.com/c8edf001d940d148447ae0e46e275eae/tumblr_n3kuo04RI21ssc2uyo1_400.gif" style="opacity: 0.7; border: 1px solid white; box-shadow: 0px 0px 2px gray;" width="160px" /></td></tr></table>
    </center>

    <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style> .img {box-shadow: 0px 0px 2px gray; border: 1px solid white;} .prez {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 160px; height: 256px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;} .prez:hover {opacity: 1;} .elevator::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}.elevator::-webkit-scrollbar-track {background-color: #7a837c;}.elevator::-webkit-scrollbar-thumb {background-color: #d2d2d2;} .gray {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>
    [center]<div style="font-family: 'Stint Ultra Condensed', cursive; font-size: 45px; color: #1B1B1B; opacity: 0.8;">titre liens<br /><font style="font-size: 9px; font-family: georgia; color: gray;">fiche par ASI'CLICK</font></div><table cellspacing="10"><tr><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://www.hapshack.com/images/2p3gS.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td></tr></table>[/center]

    <center><div style="background-color: #FEFEF5; padding: 10px; width:450px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script;font-size:34px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">Prénom Prénom² Nom</div>
    <img src="http://i.imgur.com/iOucl.png" width="200px";img style=" border: 1px solid #100873; padding: 2px;" > <img src="http://i.imgur.com/8tBac.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
    <div style="width: 400px;  font-family: ARIAL; font-size: 9px; line-height: 10px; text-align: center; padding: 3px 10px; color:#989393;">prénom prénom² nom [color=#7972D8]∞[/color] âge [color=#7972D8]∞[/color] date de naissance [color=#7972D8]∞[/color] études / métier [color=#7972D8]∞[/color] nationalité [color=#7972D8]∞[/color] statut</div>

    <div style="width: 392px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">L'histoire et le caractère en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
    </div></div></div>

    <div style="width: 392px; font-size: 16px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;border: 1px solid #100873;"><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'><div style="font-family: Pathway Gothic One;">À AJOUTER

    -nom
    -nom
    </div></div>

    [size=7]
    [right][color=#000000]©TITANIA[/color][/right]
    [/size]</div>
    </center>

    <center><table><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div>
    <img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
    <div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div>
    <div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
    [size=9]
    [right][color=#7972D8][font=Courier New]©Frenchadicted[/font][/color][/right]
    [/size]
    </div></div></div>[size=7]
    [right][color=#000000]©TITANIA[/color][/right]
    [/size]</div></td><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div>
    <img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
    <div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div>
    <div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
    [size=9]
    [right][color=#7972D8][font=Courier New]©Frenchadicted[/font][/color][/right]
    [/size]
    </div></div></div>[size=7]
    [right][color=#000000]©TITANIA[/color][/right]
    [/size]</div></td></table></center>

    <center><table><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #8B003F; padding:-20px;">prénom p. nom</div>
    <img src="http://img15.hostingpics.net/pics/8898018110.png" width="200px"; img style="border: 1px solid #8B003F; padding: 2px;" >
    <div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#F3B5D1;">TYPE DE LIEN</div>
    <div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
    [size=9]
    [right][color=#F3B5D1][font=Courier New]©Frenchadicted[/font][/color][/right]
    [/size]
    </div></div></div>[size=7]
    [right][color=#000000]©TITANIA[/color][/right]
    [/size]</div></td><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #8B003F; padding:-20px;">prénom p. nom</div>
    <img src="http://img15.hostingpics.net/pics/8898018110.png" width="200px"; img style="border: 1px solid #8B003F; padding: 2px;" >
    <div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#F3B5D1;">TYPE DE LIEN</div>
    <div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
    [size=9]
    [right][color=#F3B5D1][font=Courier New]©Frenchadicted[/font][/color][/right]
    [/size]
    </div></div></div>[size=7]
    [right][color=#000000]©TITANIA[/color][/right]
    [/size]</div></td></table></center>

  <center><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><div style="background-image: url(https://image.freepik.com/photos-libre/marbre-blanc-texture_1203-1336.jpg);padding: 15px; width:485px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Dorsa|Great+Vibes|Rochester' rel='stylesheet' type='text/css'><style type="text/css">.case { font-family: Great Vibes, cursive;font-size : 19px; background-color: #F8F6F3;color:black;text-align : center; text-transform: lowercase; width:190px; padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;} .img { opacity: 0.8;} .img:hover { opacity: 1.0;} .case2 { font-family: Great Vibes, cursive;font-size : 19px; background-color:#F8F6F3;color:darkgrey;text-align : center; text-transform: lowercase; width:190px;padding-top:1px; -webkit-transition: all 0.9s ; -moz-transition: all 0.9s ; transition: all 0.9s ; margin-bottom:3px;}  </style>
    <div style="background-color:white;width:485px;">
    <img src="http://38.media.tumblr.com/4bf4a68e2083ba734df064af02ef9eaa/tumblr_nf3bhzcNqG1qeijvdo5_r1_250.gif" width="225px" style="border: 1px solid darkgray;padding: 2px;" > <img src="http://38.media.tumblr.com/536b82c73074f3db4e297210efc3f769/tumblr_nf3bhzcNqG1qeijvdo8_r1_250.gif" width="225px" style="border: 1px solid darkgray;padding: 2px;" ><div style="font-family: 'Great Vibes', cursive;font-size:35px;margin-top:5px;text-align:center;letter-spacing:2px;color:#95BABA;">Prénom Prénom Nom
    <div style="font-family: courrier new; font-size: 9px;color: darkgray; text-align: justify;line-height: 8px;width: 475px;margin-left: 5px;border-top: 1px solid #F8F6F3;border-bottom: 1px solid #F8F6F3;">I'm untouchable darkness, a dirty black river to get you through this. In the mouth of madness, down in the darkness, no more tomorrow down in the hollow
    </div></div>

    <table border="0" align="center" width="403" style="background-color:white;margin-top:-22px;padding-top:17px;"><td width="50%" style="color:silver;text-align:justify;font-family:verdana;font-size:10px;padding:5px;"><div style="max-height:250px; overflow-y:auto;overflow-x:hidden;padding-right: 5px; padding-bottom:10px;margin-top:-1px;line-height:normal;width:235px;background-color: #F8F6F3;"> Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
    </div></td><td width="50%" align="center"><center><div class="case">Âge</div><div class="case2">Nationalité</div><div class="case">Orientation sexuelle </div><div class="case2"> Statut</div><div class="case"> Habitation</div><div class="case2"> Emploi</div><div class="case"> Groupe</div><img src="http://38.media.tumblr.com/97560b7a9f2118a46bd3fb9cba3e4659/tumblr_nc23edFbKf1qeijvdo7_r1_250.gif" width="190" class="img" /></center></td></table>
    <div style="text-align: center; font-family: courrier new; font-size:7px;text-transform:uppercase;">acidbrain</div><div style="border: 3px solid #B9D3D3;opacity:0.9;"></div></div> </center>

  <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

    <center><div style="width:400px; text-align:center;font-family:'great vibes';font-size:50px; letter-spacing:-1px; color:#95BABA; padding:15px 0px 3px 0px;">Les demoiselles</div><div style="width: 350px;  color: gray; font-size: 9px; text-transform: uppercase; text-align: center;font-family:helvetica;">citation par ici</div></center>
    <style type="text/css">.box { -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;} .img2 {width: 245px; height: 130px;background-image: url(https://image.freepik.com/photos-libre/marbre-blanc-texture_1203-1336.jpg);padding: 5px;} .tittle { font-family: 'Great Vibes', Helvetica, Arial, sans-serif; font-size: 35px; background-color: white; margin:  auto; width: 245px; padding-top: 8px; padding-bottom: 3px; text-align: center; color: #95BABA; transition: all 0.5s ease-in 0s;opacity:0.8; } .cadre { position: absolute; width: 245px; height: 130px; opacity: 0;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .cadre:hover { opacity: 1;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; background-color: rgba(0, 0, 0, 0.26); } .linecadre {height: 2px;width: 245px;text-align: center; } .txtcadre { line-height: 10px; color: F8F6F3; margin: 7px; padding: 5px; height: 80px; background-color: white; font-family: Helvetica; opacity: 0.8; font-size: 10px; text-align: justify; overflow-y: scroll; }</style><center><table><tr><td><div class="img2"><img src="http://33.media.tumblr.com/ce429301a98b11e128d491b8fb93e2f3/tumblr_n98hmk3b7l1qkgv9zo4_250.gif" width="245px" height="130px" class="box" style="position:absolute;"><div class="cadre"><div class="tittle">Prénom Nom</div><div id="box" class="linecadre" style="background-color: #B9D3D3;"></div><div class="txtcadre"><div style="padding-right:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></div></td><td><div class="img2"><img src="http://33.media.tumblr.com/ce429301a98b11e128d491b8fb93e2f3/tumblr_n98hmk3b7l1qkgv9zo4_250.gif" width="245px" height="130px" class="box" style="position:absolute;"><div class="cadre"><div class="tittle">Prénom Nom</div><div id="box" class="linecadre" style="background-color: #B9D3D3;"></div><div class="txtcadre"><div style="padding-right:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></td></tr></table></center><br><center><table style="margin-top:-20px;"><tr><td><div class="img2"><img src="http://33.media.tumblr.com/ce429301a98b11e128d491b8fb93e2f3/tumblr_n98hmk3b7l1qkgv9zo4_250.gif" width="245px" height="130px" class="box" style="position:absolute;"><div class="cadre"><div class="tittle">Prénom Nom</div><div id="box" class="linecadre" style="background-color: #B9D3D3;"></div><div class="txtcadre"><div style="padding-right:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></td><td><div class="img2"><img src="http://33.media.tumblr.com/ce429301a98b11e128d491b8fb93e2f3/tumblr_n98hmk3b7l1qkgv9zo4_250.gif" width="245px" height="130px" class="box" style="position:absolute;"><div class="cadre"><div class="tittle">Prénom Nom</div><div id="box" class="linecadre" style="background-color: #B9D3D3;"></div><div class="txtcadre"><div style="padding-right:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></div></td></tr></table></center>

<center><div style="background-image: url('http://img11.hostingpics.net/pics/456794header.png'); background-position: top-center; background-repeat: no-repeat; width: 600px; height: 127px;">
<table><tr><td width="200"><div style="width:145px;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg); border: 3px double #6699FF; margin-top: -19px;"><img src="ADRESSE URL DE L'AVATAR" width="145px" height="165px"></div>
</td><td><div style="margin-top: -80px; margin-left: -50px; font-size: 50px; font-family: Californian FB; color: #6699FF; text-shadow: 0px 1px 1px #5D8CE9;">
[center]NOM PRENOM[/center]
</div><div style="font-size: 10px; font-family: Courrier; color: #6699FF;">feat. NOM DU PERSO - L'OEUVRE DONT IL EST TIRE</div></td></tr></table></div><div style="background-image: url('http://img11.hostingpics.net/pics/576303bodyy.png'); background-position: top-center; background-repeat: repeat-y; width: 600px; font-family: Century Gothic; font-size: 14px;">
<div style="margin-top: -150px; width: 530px;">
[list]
<table border="0"><tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Surnom :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> SURNOM </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Âge :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> AGE </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Sexe :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> SEXE </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Race :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> RACE </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Taille :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> TAILLE </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Poids :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> POIDS</div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Statut :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> STATUT </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Groupe :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> GROUPE </div></tr>
<tr><td valign="top"><div style="width: 180px; height: 22px; border: 1px solid #6699FF; color: #6699FF;"> • Armes :</div></td><td valign="top"><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> ARME 1 </div><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> ARME 2 </div><div style="width: 300px; height: 22px; border: 1px solid #6699FF; color: #333333;"> ARME 3 </div></tr>
</td></tr></table>[/list]
</div><div style="margin-top: -50px;"></div>

<div style="width: 550px;"><table><tr><td width="10%"></td><td valign="top"><div style="border: 1px solid #6699FF; width: 500px;"><div style="border-bottom: 1px dotted #6699FF; color: #6699FF; font-size: 20px;">
<bloquote>• Physique</bloquote></div>
<div style="width: 500px; color: #333333; height: 150px; overflow: auto; font-size: 12px;"> PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - PHYSIQUE ICI - </div></div></td></tr></table>
<table><tr><td width="10%"></td><td valign="top"><div style="border: 1px solid #6699FF; width: 500px;"><div style="border-bottom: 1px dotted #6699FF; color: #6699FF; font-size: 20px;">
<bloquote>• Caractère</bloquote></div>
<div style="width: 500px; color: #333333; height: 150px; overflow: auto; font-size: 12px;"> CARACTERE ICI - CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -CARACTERE ICI -</div></div></td></tr></table></div>
<table><tr><td width="10%"></td><td valign="top"><div style="border: 1px solid #6699FF; width: 500px;"><div style="border-bottom: 1px dotted #6699FF; color: #6699FF; font-size: 20px;">
<bloquote>• Histoire</bloquote></div><div style="width: 500px; color: #333333; height: 200px; overflow: auto; font-size: 12px;"> HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - HISTOIRE ICI - </div>
</div></td></tr></table>
</div><div style="background-image: url('http://img11.hostingpics.net/pics/425624footer.jpg'); background-repeat: no-repeat; background-position: top-center; height: 50px; width: 600px; font-size: 9px; color: #6699FF; font-family: Courrier;"><br>© Code [i]Anéa[/i] - [url=http://www.never-utopia.com/]N-U[/url]</div></center>

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

<div style="margin-left:auto; margin-right:auto;background-color: #fff; padding:5px; width:450px; min-height:250px; font-family: 'Open Sans Condensed', sans-serif;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e5e5)); background: -webkit-linear-gradient(top, #fff, #e9e5e5); background: -moz-linear-gradient(top, #fff, #e9e5e5); background: -ms-linear-gradient(top, #fff, #e9e5e5); background: -o-linear-gradient(top, #fff, #e9e5e5); -moz-box-shadow: 0px 0px 5px #000000; box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000;"><img width="50px" height="50px" style="border: 1px solid #a62a53;-moz-box-shadow: 0px 0px 2px #000000; box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; " src='http://i.imgur.com/6BEYnEm.png' alt="Kathe"><span style="margin: -45px 0px 0px 60px; display:block; font-size: 30px; font-variant:small-caps; font-weight:bold;">Titre du message </span><span style="margin: 5px 0px 0px 60px; display:block; font-size: 12px;">Auteur : katherina_north@mikia.com </span><span style=" float:right; margin: -40px 0px 0px 0px;  display:block; font-size: 14px;">18 Avril 2015 </span><div style="margin: 3px 0px 0px 60px; font-size:14px; text-align: justify; border-top:1px solid #a62a53; ">Ici sera écrit ton message.</div></div>
<center><a href="http://epicode.bbactif.com/" style="text-decoration:none; color: #a62a53; font-family: 'Open Sans Condensed'; font-size:14px;">© Batty pour Epicode</a></center>

<style>.fiche {width: 500px; background-color: #BCA774;} .img_pres {border-radius: 100px 100px 0px 0px;} .titre_contenu {font-family: 'Merienda One', cursive; font-size: 25px; text-align: center !important; color: #635430;} .identité {background-color: #9C844B; padding: 20px; text-align: justify; position: absolute; top: 4.3em; width: 460px; z-index: 2; color: #393220;} .titre_bloc {background-image: url('http://img15.hostingpics.net/pics/4450796616.png'); width: 404px; height: 55px; color: #BCA774; font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; padding-top: 15px;} .contenu_point {background-color: #635430; width: 400px; text-align: justify; padding: 20px; color: #E4DCC9;}</style>

<center><img src="http://data3.whicdn.com/images/120349002/large.gif" class="img_pres">
<div class="fiche">
<center><div class="titre_contenu">Do the rules <span style="color: #302F2D;">獅子</span> <span style="color: #E4DCC9;">must be broken ?</span></div></center>

<div class="titre_bloc">Introduction</div><div style="background-color: #635430; height: 240px;"><span style="position: relative; left: -22.7em;"><div style="border: 0 solid transparent; border-top-width: 47px; border-bottom-width: 70px; border-right: 500px solid #393220; position: absolute;"></div>
<div class="identité"><table><tr><td><img src="http://s397845296.mialojamiento.es/usokeido/wp-content/uploads/2013/03/game-of-thrones-logo-100x100.jpg" style="height: 100px; border-radius: 50px;"></td><td><div style="width: 350px; height: 80px; overflow: auto;"><b>UN PEU DE BLABLA</b> • Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi </div></td></tr></table></div>
<div style="border: 0 solid transparent; border-bottom-width: 44px; border-top-width: 80px; border-left: 500px solid #393220; position: absolute; top: 10.3em; z-index: 1;"></div></span></div>

<div class="titre_bloc">Point premier</div>
<div class="contenu_point"><span style="color: #393220; text-align: center; font-weight: bold; padding-left: 20px;">❝ ▬ Point important ❞</span>
<div style="padding-left: 20px; width: 350px; height: 80px; overflow: auto;">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div style="position: relative;"><img src="http://nsa33.casimages.com/img/2014/07/20/140720112521950101.png" style="border-radius: 50px; width: 100px; position: absolute; right: -7em; top: -9em;"></div></div>


<div class="titre_bloc">Point second</div>
<div class="contenu_point"><span style="color: #393220; text-align: center; font-weight: bold; padding-left: 20px;">❝ ▬ Point important ❞</span>
<div style="padding-left: 20px; width: 350px; height: 80px; overflow: auto;">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div style="position: relative;"><img src="http://www.hostingpics.net/thumbs/89/15/71/mini_891571Sanstitre7.png" style="border-radius: 50px; width: 100px; position: absolute; right: -7em; top: -9em;"></div></div>


<div class="titre_bloc">Point troisième</div>
<div class="contenu_point"><span style="color: #393220; text-align: center; font-weight: bold; padding-left: 20px;">❝ ▬ Point important ❞</span>
<div style="padding-left: 20px; width: 350px; height: 80px; overflow: auto;">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div style="position: relative;"><img src="http://img15.hostingpics.net/pics/405015Sanstitre5.png" style="border-radius: 50px; width: 100px; position: absolute; right: -7em; top: -9em;"></div></div>


<div class="titre_bloc">Point quatrième</div>
<div class="contenu_point"><span style="color: #393220; text-align: center; font-weight: bold; padding-left: 20px;">❝ ▬ Point important ❞</span>
<div style="padding-left: 20px; width: 350px; height: 80px; overflow: auto;">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div style="position: relative;"><img src="http://img11.hostingpics.net/pics/226684Sanstitre2.png" style="border-radius: 50px; width: 100px; position: absolute; right: -7em; top: -9em;"></div></div>


<div class="titre_bloc">Point cinquième</div>
<div class="contenu_point"><span style="color: #393220; text-align: center; font-weight: bold; padding-left: 20px;">❝ ▬ Point important ❞</span>
<div style="padding-left: 20px; width: 350px; height: 80px; overflow: auto;">Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus.</div><div style="position: relative;"><img src="http://img11.hostingpics.net/pics/850534Sanstitre4.png" style="border-radius: 50px; width: 100px; position: absolute; right: -7em; top: -9em;"></div></div>

<img src="http://nsa33.casimages.com/img/2014/07/20/140720111512811490.png" style="width: 200px;">

<a href="http://www.never-utopia.com" style="color: #635430!important; text-align: center; font-size: 9px;">© By Halloween</a><br /><br /></div></center>

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

<center><fieldset cellspacing ="10px" style="border: 1px solid #fff; background-color: white;width:450px;"><legend><span style="font-size:35px;font-family:times new roman;text-shadow: 1px 1px 2px #6495ED;text-align: left;">[color=#ffffff]MA PRÉSENTATION[/color]</span></legend><table width="100%" cellspacing="8px" cellpadding="0px"><td colspan=width="50%"><span style="display: block; width:100px; height: 150px; margin: 10px; background: url(http://f.mfcdn.net/store/customavatars/avatar888379_1.gif) center; ceter; border: 1px solid #6495ED;"></span><td colspan=width="50%">[size=13] [color=#6495ED]❝ IT'S MY LIFE, IT'S NOW OR NEVER ♫ ♪ ❝[/color][/size][size=9][justify][color=black][font=Arial]
• [b]NOM ET PRÉNOM :[/b] XX
• [b]SEXE :[/b] Féminin / Masculin
• [b]ÂGE :[/b] XX ans
• [b]NIVEAU :[/b] XX année
• [b]CLASSE :[/b] XX
• [b]CLUB :[/b] Le club de XX
• [b]MÉTIER :[/b] XX

• [b]PERSONNAGE DE L'AVATAR :[/b] XX
• [b]AUTRE :[/b] XX
[/font][/color][/justify][/size]</td></tr></table><span style="display: block; width: 100%; margin-top: -10px;border-bottom: 2px solid #f2f2f2; margin-bottom:8PX;"></span>[size=9][justify][color=black][font=Arial]• [b]PRÉNOM OU PSEUDO:[/b] XX  • [b]ÂGE :[/b] XX ans • [b]NATIONNALITÉ :[/b] XX
• [b]CODE :[/b] XX • [b]COMMENT AVEZ-VOUS TROUVÉ LE FORUM :[/b] XX
[/font][/color][/justify][/size]<table align="right"><td align="right"><table><td align="right" width="5"><img width="100px" height="55px" src='http://8f.img.v4.skyrock.net/9807/71569807/pics/photo_71569807_avatar_2.jpg';"></td></table></td></table><div style="color:#6495ED;font-family:Georgia; font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-top:5px;">DESCRIPTION PHYSIQUE</div><span style="display: block; width: 100%; margin-top: -16px;border-bottom: 15px solid #f2f2f2;"></span>[size=10][justify]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in in.

[/justify][/size]<table align="right"><td align="right"><table><td align="right" width="5"><img width="100px" height="55px" src='http://38.img.v4.skyrock.net/7720/83857720/pics/3095932031_0_3_diR8ztJ4.jpg';"></td></table></td></table><div style="color:#6495ED;font-family:Georgia; font-size:15px;letter-spacing:2px;text-transform:uppercase;">DESCRIPTION PSYCHOLOGIQUE</div><span style="display: block; width: 100%; margin-top: -16px;border-bottom: 15px solid #f2f2f2;"></span>[size=10][justify]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in in.

[/justify][/size]<table align="right"><td align="right"><table><td align="right" width="5"><img width="100px" height="55px" src='http://19.img.v4.skyrock.net/3321/84503321/pics/3101902903_0_3_VfJi3eBJ.jpg';"></td></table></td></table><div style="color:#6495ED;font-family:Georgia; font-size:15px;letter-spacing:2px;text-transform:uppercase;">RACONTE TON HISTOIRE</div><span style="display: block; width: 100%; margin-top: -16px;border-bottom: 15px solid #f2f2f2;"></span>[size=10][justify]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in in.

[/justify][/size]</legend>[color=#d6d6d6]CODAGE PAR PUPPY SUR [url=http://libre-graph.forumperso.com/]LG[/url][/color]</fieldset></center>

<link href='https://fonts.googleapis.com/css?family=Fjalla+One|Petit+Formal+Script' rel='stylesheet' type='text/css'><style>.box{opacity: 0; transition: 0.5s all ease; height: 360px; width: 160px; margin-left: 10px; margin-top: -390px; padding: 10px; background: #EBEBEB; position: relative; z-index: 2; margin-bottom: 10px; text-align: justify; color: darkgrey}.box:hover{opacity: 1}.lilboxes{width: 200px; margin-left: 20px; border-top: solid 6px #24A48B; text-align: justify; line-height: 11px; text-size: 11px; color: darkgrey; overflow: auto}.titles{font-family: 'Fjalla One', cursive; font-size: 25px; color: #24A48B; text-align: right; margin-right: 40px; text-transform: uppercase; padding-top: 20px}.cit{font-family: georgia; text-transform: uppercase; font-size: 9px; text-align: center}</style>

<DIV style="color: darkgrey; width: 450px; background: #EBEBEB; border-left: 6px solid #24A48B"><div style="float: left"><img src="http://i.imgur.com/P9OPxW1.jpg?1" width="200" height="400" style="opacity: 0.8"><div class="box"><div class="titles" style="padding: 0px">Name</div><div style="height: 310px; width: 160px; overflow: auto">
<font color="#24A48B"><b>NOM ; </b></font> écrire ici
<font color="#24A48B"><b>PRENOM ; </b></font> écrire ici
<font color="#24A48B"><b>ÂGE ; </b></font> écrire ici
<font color="#24A48B"><b>NATIONNALITE ; </b></font> écrire ici
<font color="#24A48B"><b>ORIENTATION SEXUELLE; </b></font> écrire ici
<font color="#24A48B"><b>ETAT CIVIL ; </b></font> écrire ici
<font color="#24A48B"><b>LIEU DE VIE ; </b></font> écrire ici

<font color="#24A48B"><b>GROUPE ; </b></font> écrire ici
<font color="#24A48B"><b>SPECIALISATION ; </b></font> écrire ici
<font color="#24A48B"><b>METIER ; </b></font> écrire ici</div></div><div style="font-size: 9px; text-align: center">feat <b>name</b> from <i>source</i></div></div><div style="margin-left: 200px"><div class="titles">Physic</div><div class="lilboxes" style="height: 150px"><b>Min 400 mots ; </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.</div>
<div class="titles">Psychic</div><div class="lilboxes" style="height: 150px"><b>Min 400 mots ; </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.</div></div>
<center><img src="http://imageshack.com/a/img46/8939/t8wp.png"></center><div class="cit">citation</div>
<div class="titles" style="margin-top: -20px; padding: 0px">Story</div><div class="lilboxes" style="width: 400px; overflow: hidden"><b>Min 900 mots ; </b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.</div>
<center><img src="http://imageshack.com/a/img46/8939/t8wp.png"></center><div class="cit">citation</div>
<div class="titles" style="margin-top: -20px; padding: 0px">behind</div><div class="lilboxes" style="width: 300px; float: right; margin-right: 30px; height: 140px; margin-left: 0px"><b>PSEUDO ;</b> écrire ici ; <b>ÂGE ;</b> écrire ici - </div><img src="https://41.media.tumblr.com/5d240cdb01f3ff172904843fb2c3f786/tumblr_inline_nu6qhevdCK1tc6dsh_540.png" width="100" height="100" style="margin-left: 10px"><div style="font-size: 9px; text-align: center; width: 100px; margin-left: 10px; line-height: 9px"><b> CREDITS ;</b> images © tumblr - code © Kuru on [url=http://libre-graph.forumperso.com/]Libre-graph[/url]</div></DIV>

<center><div style ="width: 500px; border-left: 3px solid #c11649 ; border-right: 3px solid #c11649; border-radius: 10px;background-color: #dfdfdf"><link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'><br>
<div style="font-family: Pompiere; font-size: 45px; text-shadow:2px 2px 3px #c96986; color: #c11649;letter-spacing: 2px;"> Nom et Prénom</div>
<br><center><img src="http://image.noelshack.com/fichiers/2013/04/1359282228-vintage.png" alt="" style="margin-left: 35px; margin-top: 5px; float:left"/><div style="width : 200px; height: 410px; font-family: Times New Roman; margin-left: 60px; margin-top: 25px;font-size: 15px;float right;color:#c11649;text-shadow:2px 2px 3px #c96986">
Nom : blabla
Prénom : Blabla
Âge : Blabla
Rang : Blabla
Rôle : Blabla
Pouvoir(s) : blablabla
Élément : bliblibli
Objet magique : Blobloblo
familier : Blublublu
Rune : Blebleble
</div>
<div style="font-family: Times new roman; font-size: 25px; text-shadow:2px 2px 3px #c96986; color: #c11649;letter-spacing: 2px;margin-bottom: -10px"> Caractère </div>
<div style ="width:400px; border-left: 3px solid #c11649 ; border-right: 3px solid #c11649; border-radius: 10px;background-color: #fff; overflow: auto"> Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt. </div>
<br>
<div style="font-family: Times new roman; font-size: 25px; text-shadow:2px 2px 3px #c96986; color: #c11649;letter-spacing: 2px;margin-bottom: -10px">  Physique </div>
<div style ="width:400px; border-left: 3px solid #c11649 ; border-right: 3px solid #c11649; border-radius: 10px;background-color: #fff; overflow: auto"> Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt. </div>
<br>
<div style="font-family: Times new roman; font-size: 25px; text-shadow:2px 2px 3px #c96986; color: #c11649;letter-spacing: 2px;margin-bottom: -10px"> Histoire </div>
<div style ="width:400px; border-left: 3px solid #c11649 ; border-right: 3px solid #c11649; border-radius: 10px;background-color: #fff; overflow: auto"> Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt. </div>
<div style=" font-size: 9px; color: #c96986; text-align: right;margin-right: 5px"> Fiche de Amylith sur <a herf="http://libre-graph.forumperso.com/"> Libre Graph</a></div>
</div></center>

<center><div style="border-left:5px solid #D0DE6B;background-color:#F7F7F7; width:500px; font-size:11px; line-height:13px; text-align:justify; padding:10px;">[center][img]http://image.noelshack.com/fichiers/2012/23/1338819642-img.png[/img][/center]<div style="letter-spacing:2px; font-size:20px; font-family:channel;color:white;background-color:#D0DE6B; font-style:italic;padding:5px;text-align:center">Nom Prénom Prénom</div><div style="font-family:georgia; letter-spacing:-1px; font-size:12px; text-align:center;margin-top:-0px;">« citation citation citation citation citation citation »</div>
<table width="100%"><tr><td width="30%" valign="top">[center][img]http://i.imgur.com/42Kw2Qa.png[/img]
[/center]</td><td width="70%" valign="top"><div style="padding-left:5px; padding-right:5px; height:320px; overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.

Pellentesque diam massa, rhoncus quis adipiscing id, condimentum eget ante. Sed nec venenatis tellus. Donec nunc justo, congue semper pharetra sit amet, ultrices tempus mi. Aliquam faucibus viverra faucibus. Nulla facilisi. Mauris lacus mi, gravida ut sagittis non, semper tristique nunc. Vivamus imperdiet posuere turpis, id eleifend eros vestibulum vel. Praesent iaculis facilisis blandit. Fusce volutpat, orci ac rutrum aliquet, urna turpis rhoncus turpis, vitae cursus eros arcu sed ante. Pellentesque mollis aliquam nunc sit amet blandit. Morbi lobortis lobortis molestie. Suspendisse dui dolor, sodales a viverra ut, fermentum in lorem. Quisque et ante magna, non convallis augue. Suspendisse tincidunt, augue a venenatis auctor, enim nibh laoreet odio, a fringilla massa mauris eget dui. Nullam bibendum leo in enim sagittis sed tristique massa tristique. </div>
</td></tr></table>
<div style="letter-spacing:2px; font-size:20px; font-family:channel;color:white;background-color:#00A6AE; font-style:italic; text-align:center;padding:5px;">Informations</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate commodo erat sed aliquet. Morbi iaculis elementum lectus, et gravida tellus pretium a. Vestibulum sagittis tempus augue, at adipiscing sem fermentum eu. Maecenas lacinia pretium auctor. Vivamus magna massa, rutrum nec mattis sit amet, sagittis et eros. Duis congue enim ut nisl dignissim tempus. Nullam interdum est ac leo sodales iaculis. Sed malesuada faucibus sapien, a accumsan lectus mollis id.


<center><a href="http://libre-graph.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><font color="#747C94" size="1">© FICHE CRÉÉE PAR REIRA DE LIBRE GRAPH'</font></a></center></div></center>



<center>
<div style="background-color:#F7F7F7; width:500px"><div style="letter-spacing:2px; font-size:20px; font-family:channel;color:white;background-color:#D0DE6B; font-style:italic; width:500px">nom prénom prénom</div>[table][tr][td]<div style="width:100px; height:100px">[img]http://img15.hostingpics.net/pics/353984892.png[/img]</div>[/td][td]<div style="width:390px; height:100px; overflow:auto; letter-spacing:1px; font-size:11px; line-height:11px">[b]titre du lien ;[/b]
description texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div>[/td][/tr][/table]</div>
<div style="background-color:#F7F7F7; width:500px"><div style="letter-spacing:2px; font-size:20px; font-family:channel;color:white;background-color:#00A6AE; font-style:italic; width:500px">nom prénom prénom</div>[table][tr][td]<div style="width:100px; height:100px">[img]http://img15.hostingpics.net/pics/353984892.png[/img]</div>[/td][td]<div style="width:390px; height:100px; overflow:auto; letter-spacing:1px; font-size:11px; line-height:11px">[b]titre du lien ;[/b]
description texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte.</div>[/td][/tr][/table]</div></center>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'><center><div style="width:480px; background-image: url('https://2img.net/r/hpimg11/pics/48316769i.png');">
<div class="prnom">NOM PRÉNOM</div>

<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><div style="width:200px; height:300px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px;"><div class="prtitres">Nom</div> ► nom du personnage.
<div class="prtitres">Prénoms(s)</div> ► Blabla.
<div class="prtitres">Âge</div> ► Blabla.
<div class="prtitres">Race/Groupe</div> ► Blabla.
<div class="prtitres">Feat</div> ► Blabla.</div></td><td><img src="http://image.noelshack.com/fichiers/2015/25/1434704942-elk.png" /></td></tr></tbody></table></div>

<div class="prnom">Aspect Psychologique</div>

<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><img src="http://image.noelshack.com/fichiers/2015/25/1434705920-elk4.png" /></td><td><div style="width:200px; height:300px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px; text-align:justify;">Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.

Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.</div></td></tr></tbody></table></div>

<div class="prnom">Histoire</div>

<div style="width:454px;background:#1e1e1e; font-family:arial; font-size:12px; color:#bfbfbf; padding:3px; line-height:12px; text-align:left; text-align:justify;">Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.

Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.

Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.</div>

<div class="prnom">PSEUDO</div>

<div style="width:460px;background:#1e1e1e;"><table><tbody><tr><td><div style="width:250px; height:200px; overflow:auto; font-family:arial; font-size:12px; color:#bfbfbf; line-height:12px;"><div class="prtitres">Pseudos(s)</div> ► Blabla.
<div class="prtitres">Âge</div> ► Blabla.
<div class="prtitres">Avis sur le forum</div> ► Blabla.
<div class="prtitres">Autre</div> ► Blabla.</div></td><td><img src="http://image.noelshack.com/fichiers/2015/25/1434707153-ken.png" /></td></tr></tbody></table></div>

<div style="text-align:center; font-family:arial; color:#7a7a7a; font-size:9px;">© ASHLING POUR <a href="http://libre-graph.forumperso.com/">LIBRE GRAPH'</a></div></div></center>

<style>.prnom {text-align:center; font-family:roboto condensed; font-size:40px; font-weight:300; color:#d91a4b; text-shadow: 0px 0px 15px #d91a4b; transition: all 0.8s ease-in-out; margin-top:10px;}.prnom:hover {color:#525252; text-shadow: 0px 0px 5px #0f0f0f;}.prtitres {color:#d91a4b; text-shadow: 0px 0px 15px #d91a4b;}</style>

<style>.abloc {width:450px;background:#ece7ef;border-radius: 100px/30px 30px 30px;overflow: hidden;box-shadow: 0px 0px 7px silver;} .aimage {margin-top:0px;margin-bottom:30px;border-radius: 100px/30px 30px 30px;background:#fff;} .aimage img {width:450px;border-radius: 100px/30px 30px 30px;}.aimage img:hover {opacity:0.9;}.anom { position: absolute; z-index: 1;background-image:url(http://image.noelshack.com/fichiers/2015/21/1431983479-ribb.png); width:450px;height:38px;margin-top:-100px;font-family:'great vibes'; color:#ff6a40;font-size:60px;padding-top:16px;transition: all 0.2s ease-in-out;}.anom:hover { color:#666669;}.ainfos2 {height:310px;width:190px ; background:#f9f9f9;border: 5px solid #caf89a;margin-right:5px;overflow: auto;padding:5px;line-height: 13px;font-family:'vani';font-size:13px;}.atinfos2 {font-family:'great vibes';color:#666669;font-size:40px;margin-top:-30px;padding-left:20px;transition: all 0.2s ease-in-out ;}.atinfos2:hover { color:#3f7344;}.aavatar {height:320px;width:200px;background:#fff;overflow: hidden;border: 5px solid #fff;margin-top:-12px;}.aavatar:hover {opacity:0.9;}.amental {width:406px;background:#f9f9f9;border: 5px solid #e3e1e5;margin-right:5px;overflow: auto;padding:5px;padding-top:10px;line-height: 13px;font-family:'vani';font-size:13px;text-align:left;}.atmental {font-family:'great vibes';color:#666669;font-size:50px;margin-top:0px;transition: all 0.2s ease-in-out;}.atmental:hover {color:#ff6a40;}.athistoire { position: absolute; z-index: 1;background-image:url(http://image.noelshack.com/fichiers/2015/21/1431983479-ribb.png);width:450px;height:32px;margin-top:-25px;font-family:'great vibes';color:#ff6a40;font-size:60px;padding-top:20px;transition: all 0.2s ease-in-out;}.athistoire:hover {color:#666669;}.ahistoire {width:406px;background:#f9f9f9;border: 5px solid #e3e1e5;margin-right:5px;margin-top:20px;overflow: auto;padding:5px;line-height: 13px;font-family:'vani';font-size:13px;text-align:left;}.ainfos3 {height:190px;width:190px;background:#f9f9f9;border: 5px solid #caf89a;overflow: auto;padding:5px;line-height: 13px;font-family:'vani';font-size:13px ;}.atinfos3 {font-family:'great vibes';color:#666669;font-size:40px;margin-top:-18px;transition: all 0.2s ease-in-out;padding-left:20px;}.atinfos3:hover {color:#3f7344;}.aavatar2 {height:200px;width:200px ;background:#fff;overflow: hidden;border: 5px solid #fff;margin-top:00px;margin-right:5px;}.aavatar2:hover {opacity:0.9;}</style>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<center><div class="abloc"><div class="aimage"><img src="http://image.noelshack.com/fichiers/2015/21/1431985348-10620489-269748293225047-6116442048653520719-o3.png" /></div>
<div class="anom">nom p. prénom</div>
<table></tbody><tr><td><div class="atinfos2">informations</div><div class="ainfos2">Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua sollemnitate prope Septembris initium mensis ad nundinas magna promiscuae fortunae convenit multitudo ad commercanda quae Indi mittunt et Seres aliaque plurima vehi terra marique consueta

Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua.</div></td><td><div class="aavatar"><img src="http://image.noelshack.com/fichiers/2015/21/1431985139-woo.png" /></div></td></tr></tbody></table>

<div class="atmental">psychologie</div><div class="amental">Thalassius vero ea tempestate praefectus praetorio praesens ipse quoque adrogantis ingenii, considerans incitationem eius ad multorum augeri discrimina, non maturitate vel consiliis mitigabat, ut aliquotiens celsae potestates iras principum molliverunt, sed adversando iurgandoque cum parum congrueret, eum ad rabiem potius evibrabat, Augustum actus eius exaggerando creberrime docens, idque, incertum qua mente, ne lateret adfectans. quibus mox Caesar acrius efferatus, velut contumaciae quoddam vexillum altius erigens, sine respectu salutis alienae vel suae ad vertenda opposita instar rapidi fluminis irrevocabili impetu ferebatur.

Latius iam disseminata licentia onerosus bonis omnibus Caesar nullum post haec adhibens modum orientis latera cuncta vexabat nec honoratis parcens nec urbium primatibus nec plebeiis.</div>

<div class="athistoire">histoire</div>
<div class="ahistoire">Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum tunc urgentium captu disponeretur concordi consilio, quibus virium incrementis Parthicarum gentium a arma minantium impetus frangerentur.

Tantum autem cuique tribuendum, primum quantum ipse efficere possis, deinde etiam quantum ille quem diligas atque adiuves, sustinere. Non enim neque tu possis, quamvis excellas, omnes tuos ad honores amplissimos perducere, ut Scipio P. Rupilium potuit consulem efficere, fratrem eius L. non potuit. Quod si etiam possis quidvis deferre ad alterum, videndum est tamen, quid ille possit sustinere.</div>

<table></tbody><tr><td><div class="aavatar2"><img src="http://image.noelshack.com/fichiers/2015/21/1431988153-200.png" /></div></td><td><div class="atinfos3">pseudo</div><div class="ainfos3">Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua sollemnitate prope Septembris initium mensis ad nundinas magna promiscuae fortunae convenit multitudo ad commercanda quae Indi mittunt et Seres aliaque plurima vehi terra marique consueta

Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua.</div></td></tr></tbody></table>

<div style="font-family:vani; font-size:11px; color:#b1b1b1">© ASHLING DE <a href="http://libre-graph.forumperso.com/">LIBRE GRAPH'</a></div></div></center>

<style> .spacer { clear: both; height:0; } .contour_journal {background-color:#F1F1F1;padding:10px;width:500px;border-left: 2px solid #CDCDCD;} #titre_typo { font-family: 'Vollkorn', serif;font-size :22px;color:#00A6EB;background-color:white;padding:5px;margin-bottom:10px;border-bottom: 1px solid #CDCDCD;texy-align:center; } .date {text-align:center;padding:5px;background-color:#FDFDFD;width:50px;border-right:1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;margin-top:-15px;float:left;} .date span.mois {font-family: 'Exo 2', sans-serif;font-size:11px;color:#7B7B7B;} .date span.jour {font-family: 'Vollkorn', serif;font-size:30px;font-weight:bold;color:#00A6EB;} .contenu_date b {font-family: 'Vollkorn', serif;font-weight:bold;color:#00A6EB; } .contenu_date {background-color:#FDFDFD;width:410px;padding: 0 10px 0 10px;margin-top:-50px;margin-bottom:10px;text-align:justify;font-size:13px;color:#7B7B7B;border-bottom: 1px solid #CDCDCD;float:right;}</style>

<center><div class="contour_journal"><div id="titre_typo">Journal de "Nom du personnage" </div>
 
  <div class="date" style="margin-top:-32px;"><span class="jour">3</span> <span class="mois">décembre</span></div>
  <div class="contenu_date"> <b>Phrase explicite de ce qui est arrivé ce jour.</b> Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.
  </div>
 
 <div class="spacer">
 
</div>

<div class="date"><span class="jour">10</span> <span class="mois">février</span> </div>
 
  <div class="contenu_date"> <b>Phrase explicite de ce qui est arrivé ce jour.</b> Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.
  </div><div class="spacer">&nbsp;</div></div></center>