Fiches de présentation

<span style="display: block; position: relative; width: 300px; margin-left: auto; margin-right: auto; margin-bottom: -60px; height: 40px; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-left: 1px solid #ac6140; border-right: 1px solid #ac6140; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; -htm-border-radius: 30px; font-family: trebuchet; padding: 5px; font-size: 24px; color: #74331a; text-align: center; font-weight: bold;">NOM - Prénom</span>

<div style="width: 95%; margin: auto; background-color: #d3c3a9; border-top: 4px solid #ac6140; border-bottom: 4px solid #ac6140; border-left: 1px dashed #ac6140; border-right: 1px dashed #ac6140; border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; -htm-border-radius: 20px;">

<span style="display: block; text-align: right; padding-right: 20px; font-family: courier new; font-size: 16px; letter-spacing: 2px; width: 500px; float: right; color: #ac6140; text-shadow: 1px 1px 0px #ffffff;"><span style="font-size: 40px;">"</span>Mets ici une phrase, un dicton ou une maxime qui correspond à ton personnage.
<span style="font-size: 40px;">"</span></span>

<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140; margin-top: 100px; margin-bottom: -100px;"></span>
<table><tr><td><span style="display: block; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://h2.mabellephoto.com/time-is-runnig-out-scenes-de-vie-8d6041C100.jpg) center center; border: 5px solid #ac6140; -moz-border-radius: 100px; border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; margin: 10px;"></span></td></tr></table>

<div style="float: left; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Personnage</span>
<span style="display: block; float: left; width: 100px; height: 100px; background: url(http://49.img.v4.skyrock.net/49e/liseuse-en-book/pics/photo_58522173_avatar_31.jpg) center center; border: 5px solid #ac6140; margin: 6px;"></span>
<b>|- Age</b> : [AGE]
<b>|- Métier</b> : [METIER]
<b>|- Situation familiale</b> : [SITUATION]
<b>|- Donnée 4</b> : [DONNEE]
<b>|- Donnée 5</b> : [DONNEE]
<b>|- Donnée 6</b> : [DONNEE]
</div><div style="float: right; width: 250px; height: 250px; overflow: auto; background-color: #ece2d2; border: 1px solid #ca876a; box-shadow: 0px 0px 4px #ac6140; -moz-box-shadow: 0px 0px 4px #ac6140; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; padding: 4px; margin: 10px;">
<span style="display: block; height: 20px; font-size: 18px; text-align: center; letter-spacing: 4px; font-weight: bold; font-variant: small-caps;">Joueur</span>
<b>|- Age</b> : [AGE]
<b>|- Localisation</b> : [LOCALISATION]
<b>|- Pourquoi ce forum ?</b> : [POURQUOI]
<b>|- Donnée 4</b> : [DONNEE]
<b>|- Donnée 5</b> : [DONNEE]
<b>|- Donnée 6</b> : [DONNEE]
</div>
<div style="clear: both;">

<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"My Past"</i> - Histoire</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;">histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire</span>

<span style="font-family: trebuchet; padding: 5px; font-size: 32px; color: #74331a; text-align: center; font-weight: bold; letter-spacing: 4px; padding-left: 20px;"><i>"Calm or Lunatic ?"</i> - Caractère</span>
<span style="display: block; width: 100%; border-bottom: 4px solid #ac6140;"></span>
<span style="display: block; color: #96714e; font-size: 11px; font-family: trebuchet; letter-spacing: 2px; margin: 10px; text-align: justify;">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 - 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</span>

<a style="display: block; text-align: right; color: #a48567; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; padding-right: 20px;" href="http://never-utopia.com">© Never-Utopia</a>
</div> </div>

<div style="width: 95%; margin: auto; background-color: #5d0f0f; border-top: 8px solid #6f5757; border-bottom: 8px solid #6f5757;">
<span style="display: block; width: 100%; height: 250px; margin-top: -18px; background: url(http://www.genderandeducation.com/wp-content/uploads/2010/06/feminist-life-writing.jpg) center center; border-bottom: 5px solid #6f5757;"></span>
<span style="display: block; text-align: center; font-size: 42px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; margin-top: -35px; color: #ffffff; text-shadow: 0px 0px 5px #000000;">Nom, Prénom</span>

<table style="margin-left: auto; margin-right: auto; margin-top: -100px;"><tr>
<td><span style="display: block; width: 100px; height: 100px; margin: 10px; background: url(http://anglais-fac.com/forum/images/avatars/gallery/Divers/journal_writing.jpg) center; ceter; border: 3px solid #6f5757;"></span></td>
<td><span style="text-align: justify; font-size: 11px; font-family: georgia; font-variant: small-caps; font-weight: bold; color: #c0b8b8;">◘ Age
◘ Situation
◘ Poste, Métier
◘ Origines
◘ Passion(s)
◘ Objectif(s)</span></td>
<td><span style="display: block; width: 100px; height: 100px; margin: 10px; background: url(http://i184.photobucket.com/albums/x69/Sunryze02/ththWriting.jpg) center; ceter; border: 3px solid #6f5757;"></span></td>
<td><span style="text-align: justify; font-size: 11px; font-family: georgia; font-variant: small-caps; font-weight: bold; color: #c0b8b8;">◘ Adjectif
◘ Adjectif
◘ Adjectif
◘ Adjectif
◘ Adjectif
◘ Adjectif</span></td>
</tr></table>

<span style="display: block; text-align: center; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff; text-shadow: 0px 0px 5px #000000;">Mon passé</span>
<div style="width: 90%; margin-left: auto; margin-right: auto; margin-top: -25px; border-top: 5px solid #6f5757; background-color: #ac9c9c; font-family: georgia; letter-spacing: 1px; font-size: 11px; color: #340a0a; text-align: justify; padding: 10px;">
histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire -
</div>

<span style="display: block; text-align: center; font-size: 32px; font-family: lucida calligraphy; letter-spacing: 2px; font-style: italic; color: #ffffff; text-shadow: 0px 0px 5px #000000;">Mon caractère</span>
<div style="width: 90%; margin-left: auto; margin-right: auto; margin-top: -25px; border-top: 5px solid #6f5757; background-color: #ac9c9c; font-family: georgia; letter-spacing: 1px; font-size: 11px; color: #340a0a; text-align: justify; padding: 10px;">
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 - caractère - caractère - caractère -
</div>

<a style="display: block; text-align: center; color: #926c6c; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>
</div>

<span style="display: block; position: absolute; width: 236px; height: 225px; background: url(http://img4.hostingpics.net/pics/372167shuriken.png) center center; margin-top: 10px;">
<span style="display: block; width: 100px; height: 100px; margin: auto; margin-top: 35px; background: url(http://fc03.deviantart.net/fs15/f/2007/075/5/7/Naruto__s_ambition_by_Stiners.jpg) center center; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; border: 3px solid #37bbf9;"></span>
</span>

<div style="background-color: #ffffff; border-top: 12px solid #ff6401; border-bottom: 12px solid #ff6401; text-align: justify; font-family: verdana; font-size: 11px; color: #58200c; margin-top: 50px; margin-left: 80px; min-height: 500px;">

<span style="display: block; text-align: right; font-family: arial black; font-size: 46px; color: #ff6401; text-shadow: 3px 3px 0px #0b095d; padding-right: 20px;">Uzumaki Naruto</span>
<span style="display: block; border-bottom: 6px solid #37bbf9; margin-top: -20px;"></span>

<span style="display: block; width: 400px; max-height: 300px; overflow: auto; float: right; margin-right: 10px; border: 3px solid #37bbf9; padding: 10px;">
<span style="display: block; background: url(http://00.img.v4.skyrock.net/006/naruto-kawaii-fiction/pics/photo_74710860_avatar_2.png) center center; width: 100px; height: 100px; margin: 10px; float: right; border: 3px solid #ff6401;"></span>
<b>Age</b> : [AGE]
<b>Village d'origine</b> : [VILLAGE]
<b>Famille</b> : [FAMILLE]
<b>Grade</b> : [GRADE]
<b>Affinité</b> : [ELEMENT]
<b>Passions</b> : [PASSIONS]
<b>Nindô</b> : [NINDO]
</span>

<div style="clear: both;"></div>

<span style="display: block; text-align: left; font-family: arial black; font-size: 36px; color: #ff6401; text-shadow: 3px 3px 0px #0b095d; padding-left: 40px;">Histoire</span>
<span style="display: block; border-bottom: 6px solid #37bbf9; margin-top: -20px;"></span>

<span style="display: block; padding: 20px;">histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire</span>


<span style="display: block; text-align: left; font-family: arial black; font-size: 36px; color: #ff6401; text-shadow: 3px 3px 0px #0b095d; padding-left: 40px;">Apparence & Caractère</span>
<span style="display: block; border-bottom: 6px solid #37bbf9; margin-top: -20px;"></span>

<span style="display: block; padding: 20px;">apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère - apparence & caractère</span>


<span style="display: block; text-align: left; font-family: arial black; font-size: 36px; color: #ff6401; text-shadow: 3px 3px 0px #0b095d; padding-left: 40px;">Combat & Techniques</span>
<span style="display: block; border-bottom: 6px solid #37bbf9; margin-top: -20px;"></span>

<span style="display: block; padding: 20px;">combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques - combat & techniques</span>


<a style="display: block; text-align: center; color: #37bbf9; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>

</div>

<div style="min-height: 500px; background-color: #282828; border-top: 8px solid #6f6f6f; border-bottom: 8px solid #6f6f6f; border-left: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-top-left-radius: 200px; border-bottom-right-radius: 200px; -moz-border-radius-topleft: 200px; -moz-border-radius-bottomright: 200px; padding: 40px; color: #9a9a9a; font-family: trebuchet; letter-spacing: 1px; font-size: 11px; text-align: justify;">

<span style="float: right; width: 250px; height: 250px; background: url(http://www.cinemablend.com/images/sections/19219/world_of_darkness_19219.jpg) center center; margin-right: 10px; margin-top: -40px; margin-left: 10px; margin-bottom: 10px; border: 5px solid #6f6f6f; border-bottom-left-radius: 200px; -moz-border-radius-bottomleft: 200px;"></span>

<span style="display: block; text-align: center; margin-top: -40px; font-family: arial narrow; font-size: 56px; letter-spacing: 2px; color: #cdcdcd; font-weight: bold; text-shadow: 0px 0px 10px #000000;">NOM</span>
<span style="display: block; text-align: center; margin-top: -10px; font-family: arial narrow; font-size: 46px; letter-spacing: 4px; color: #8a8a8a; font-style: italic; text-shadow: 0px 0px 5px #000000;">Prénom</span>

<table><tr>
<td>♠ [age]
♠ [race]
♠ [famille]
♠ [situation]
♠ [ambition en quelques mots]
</td>
<td>♠ [qualité]
♠ [qualité]
♠ [qualité]
♠ [défaut]
♠ [défaut]
</td></tr></table>

<span style="display: block; text-align: left; padding-left: 20px; margin-bottom: -20px; font-family: arial narrow; font-size: 46px; letter-spacing: 4px; color: #8a8a8a; font-style: italic; text-shadow: 0px 0px 5px #000000;">Mon passé me rattrape...</span>
<span style="display: block; background-color: #3e3e3e; margin: auto; padding: 10px; box-shadow: 2px 2px 3px #000000; -moz-box-shadow: 2px 2px 3px #000000; font-family: trebuchet; letter-spacing: 1px; font-size: 11px; text-align: justify;">
histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire</span>

<span style="display: block; text-align: left; padding-left: 20px; margin-bottom: -20px; font-family: arial narrow; font-size: 46px; letter-spacing: 4px; color: #8a8a8a; font-style: italic; text-shadow: 0px 0px 5px #000000;">Ange ou Démon ?</span>
<span style="display: block; background-color: #3e3e3e; margin: auto; padding: 10px; box-shadow: 2px 2px 3px #000000; -moz-box-shadow: 2px 2px 3px #000000; font-family: trebuchet; letter-spacing: 1px; font-size: 11px; text-align: justify;">
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 - 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 - 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</span>

<table style="text-align: center; margin-top: -50px;"><tr>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://04.mgl.skyrock.net/blog/vig/vampire-vampirisme.62621504.2772819182.1.jpg) center center; margin: 10px; border: 5px solid #6f6f6f; border-bottom-left-radius: 100px; -moz-border-radius-bottomleft: 100px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://17.mgl.skyrock.net/art/GRIM.406217.11.0.jpg) center center; margin: 10px; border: 5px solid #6f6f6f; border-bottom-left-radius: 100px; -moz-border-radius-bottomleft: 100px;"></span></td>
<td><span style="display: block; width: 100px; height: 100px; background: url(http://34.mgl.skyrock.net/blog/vig/a-dream-of-vampire.63087034.2537729492.3.jpg) center center; margin: 10px; border: 5px solid #6f6f6f; border-bottom-left-radius: 100px; -moz-border-radius-bottomleft: 100px;"></span></td>
</tr></table>

<a style="display: block; text-align: center; color: #6d6d6d; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>

</div>

<div style="width: 98%; margin: auto; border-left: 3px solid #37703a; border-right: 3px solid #37703a; border-radius: 20px; -moz-border-radius: 20px; color: #6b816c;">
<div style="width: 97%; margin: auto; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;">
<div style="width: 97%; margin: auto; border-left: 1px dashed #37703a; border-right: 1px dashed #37703a;">

<span style="display: block; text-align: center; font-family: georgia; font-size: 32px; letter-spacing: 4px; color: #37703a; font-weight: bold;">VOTRE NOM</span>
<span style="display: block; width: 90%; margin-left: auto; margin-right: auto; margin-top: -16px; text-align: center; font-family: lucida calligraphy; font-size: 28px; letter-spacing: 4px; color: #37703a; font-style: italic; border-bottom: 1px dashed #37703a; padding-bottom: 20px;">votre prénom</span>

<table><tr><td style="width: 40%;"><span style="display: block; text-align: center; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #37703a; font-weight: bold;">ID'</span>
<span style="display: block; padding: 10px;"><b>Age</b> : [AGE]
<b>Métier</b> : [METIER]
<b>Passions</b> : [PASSIONS]
<b>Objectif(s)</b> : [OBJECTIFS]
<b>Famille</b> : [FAMILLE]</span></td>
<td><center><span style="display: block; width: 120px; padding: 6px; border-left: 2px solid #37703a; border-right: 2px solid #37703a; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><span style="display: block; width: 100px; height: 100px; margin: auto; background: url(http://www.arts-plaisirs.fr/WebRoot/ce_fr/Shops/159725/4ACB/6F8C/0166/68FD/938C/C0A8/8008/1CE9/tableau-zen-bougies-vertes_s.jpg) center center; border: 1px dashed #37703a;"></span></span><span style="display: block; width: 120px; padding: 6px; border-left: 2px solid #37703a; border-right: 2px solid #37703a; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><span style="display: block; width: 100px; height: 100px; margin: auto; background: url(http://www.objet-publicitaire-ecologique.com/wp-content/uploads/2010/11/mini-jardin-zenJA21-1-100x100.jpg) center center; border: 1px dashed #37703a;"></span></span>
</center></td>
<td style="width: 40%;"><span style="display: block; text-align: center; font-family: lucida calligraphy; font-size: 26px; letter-spacing: 4px; color: #37703a; font-style: italic;">nothing is black nor white</span>
<span style="display: block; padding: 10px; font-style: italic;">qualité - qualité - qualité - qualité - qualité</span>
<span style="display: block; padding: 10px; font-weight: bold;">défaut - défaut - défaut - défaut - défaut</span>
</td>
</tr>
</table>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #37703a; font-weight: bold; margin-bottom: -16px;">HISTOIRE</span>
<span style="display: block; width: 95%; border-top: 2px solid #37703a; border-bottom: 2px solid #37703a; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu</span>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #37703a; font-weight: bold; margin-bottom: -16px;">CARACTERE</span>
<span style="display: block; width: 95%; border-top: 2px solid #37703a; border-bottom: 2px solid #37703a; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu</span>

<span style="display: block; text-align: left; margin-left: 40px; text-shadow: 2px 2px 0px #ffffff; font-family: georgia; font-size: 26px; letter-spacing: 4px; color: #37703a; font-weight: bold; margin-bottom: -16px;">PHYSIQUE</span>
<span style="display: block; width: 95%; border-top: 2px solid #37703a; border-bottom: 2px solid #37703a; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; padding: 10px; margin: auto;">Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu - Contenu</span>


<a style="display: block; text-align: center; color: #37703a; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>

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

<div style="width: 96%; margin: auto; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #000000; border-bottom: 5px solid #000000; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; background-color: #e1e1e1; padding: 10px; color: #000000; font-family: lucida calligraphy; letter-spacing: 1px; text-align: justify;">

<span style="display: block; text-align: center; font-size: 72px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000;">I</span>
<span style="display: block; margin-left: 100px; margin-top: -40px; text-align: center; font-size: 36px; font-family: lucida calligraphy; color: #000000; text-shadow: 3px 3px 3px #ffffff;">am</span>
<span style="display: block; margin: auto; background-color: #ffffff; width: 90%; text-align: center; color: #ffffff; font-weight: bold; letter-spacing: 4px; color: #000000; font-size: 18px; padding: 4px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;">Prénom X. Nom</span>

<span style="display: block; width: 80%; margin: auto; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><marquee scrollamount="4" behavior="alternate" direction="left">qualité - qualité - qualité - qualité - qualité - qualité - qualité</marquee></span>
<span style="display: block; width: 80%; margin: auto; border-left: 3px solid #000000; border-right: 3px solid #000000; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"><marquee scrollamount="4" behavior="alternate" direction="right">défaut - défaut - défaut - défaut - défaut - défaut - défaut</marquee></span>

<span style="display: block; margin-bottom: -15px; text-align: center; font-size: 42px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000;">Wanna see my face ?</span>
<span style="display: block; width: 500px; height: 200px; margin: auto; background: url(http://img143.imageshack.us/img143/1411/71906635.gif) center center; border-top: 5px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #000000; border-bottom: 5px solid #000000; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -htm-border-radius: 10px;"></span>
<span style="display: block; margin-top: -20px; text-align: center; font-size: 11px; font-family: lucida calligraphy; color: #000000; text-shadow: 3px 3px 3px #ffffff;">feat Prénom Nom</span>

<span style="display: block; text-align: center; font-size: 36px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000; border-bottom: 3px solid #ffffff;">My Story</span>
<span style="display: block; margin: auto; background-color: #ffffff; width: 90%; text-align: justify; color: #ffffff; letter-spacing: 1px; color: #000000; font-size: 11px; padding: 4px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; font-family: arial;">histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire - histoire</span>

<span style="display: block; text-align: center; font-size: 36px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000; border-bottom: 3px solid #ffffff;">Catégorie 2</span>
<span style="display: block; margin: auto; background-color: #ffffff; width: 90%; text-align: justify; color: #ffffff; letter-spacing: 1px; color: #000000; font-size: 11px; padding: 4px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; font-family: arial;">contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu</span>

<span style="display: block; text-align: center; font-size: 36px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000; border-bottom: 3px solid #ffffff;">Catégorie 3</span>
<span style="display: block; margin: auto; background-color: #ffffff; width: 90%; text-align: justify; color: #ffffff; letter-spacing: 1px; color: #000000; font-size: 11px; padding: 4px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; font-family: arial;">contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu</span>

<span style="display: block; margin: auto; text-align: center; font-size: 36px; font-family: lucida calligraphy; color: #ffffff; text-shadow: 3px 3px 3px #000000; border-bottom: 3px solid #ffffff;">In Fact, I'm Just...</span>
<span style="display: block; width: 80%; margin: auto; background-color: #ffffff; box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -o-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; -htm-box-shadow: 2px 2px 2px #000000; text-align: center; font-weight: bold; font-family: arial; font-size: 12px; letter-spacing: 2px; padding: 6px;">
♣ Age
♣ Fonction/métier
♣ Famille
♣ Passions/occupations
♣ Ambition</span>

<a style="display: block; text-align: center; color: #ffffff; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>

</div>

<div style="width: 98%; margin: auto; background-color: #84939c; border-top: 10px solid #17374a; border-bottom: 10px solid #17374a; border-left: 2px solid #17374a; border-right: 2px solid #17374a; padding: 4px; color: #e0e7eb; text-align: justify; min-height: 500px;">

<span style="display: block; margin-top: -20px; margin-bottom: -20px; text-align: center; font-family: arial black; letter-spacing: 6px; font-size: 42px; color: #e0e7eb; text-transform: uppercase;">nom</span>
<span style="display: block; width: 100%; margin: auto; background-color: #17374a; height: 20px; border-bottom: 5px dotted #84939c;"></span>
<span style="display: block; text-align: center; font-family: lucida sans unicode; font-size: 18px; letter-spacing: 8px; color: #17374a; margin-top: -15px;">Prénom, Prénom</span>

<span style="display: block; text-align: center; font-size: 10px; font-family: lucida sans unicode;">ft. Prénom Nom</span>
<span style="display: block; margin: auto; width: 500px; height: 300px; border-top: 5px solid #17374a; border-bottom: 5px solid #17374a; border-left: 1px solid #17374a; border-right: 1px solid #17374a; background: url(http://storage.canalblog.com/65/27/131665/42679779.png) center center;"></span>
<table style="margin-top: -200px;"><tr><td style="width: 290px;"><span style="display: block; color: #9dcaa9; font-family: arial black; font-size: 14px; text-shadow: 1px 1px 0px #17374a; text-transform: uppercase; text-align: left;">Qualité
Qualité</<span></td>
<td style="width: 290px;"><span style="display: block; color: #ca9d9d; font-family: arial black; font-size: 14px; text-shadow: 1px 1px 0px #17374a; text-transform: uppercase; text-align: right;">Défaut
Défaut</span></td></tr></table>

<div style="width: 520px; margin-left: auto; margin-right: auto; margin-top: -50px; height: 400px;">
<span style="display: block; float: left; width: 250px; max-height: 200px; overflow: auto; padding: 4px;"><span style="display: block; text-align: center; font-family: arial black; letter-spacing: 2px; font-size: 26px; color: #e0e7eb; text-transform: uppercase; border-bottom: 5px dotted #17374a;">physique</span>
contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu</span><span style="display: block; float: right; width: 250px; max-height: 200px; overflow: auto; padding: 4px;"><span style="display: block; text-align: center; font-family: arial black; letter-spacing: 2px; font-size: 26px; color: #e0e7eb; text-transform: uppercase; border-bottom: 5px dotted #17374a;">caractère</span>
contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu</span>
</div>

<span style="display: block; margin-top: -150px; margin-bottom: -20px; text-align: center; font-family: arial black; letter-spacing: 6px; font-size: 32px; color: #e0e7eb; text-transform: uppercase;">mon histoire commence...</span>
<span style="display: block; width: 100%; margin: auto; background-color: #17374a; height: 20px; border-bottom: 5px dotted #84939c;"></span>
<span style="display: block; text-align: justify; font-family: lucida sans unicode; font-size: 11px; letter-spacing: 1px; color: #17374a;">contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu - contenu</span>

<a style="display: block; text-align: center; color: #e0e7eb; font-size: 10px; font-family: arial narrow; letter-spacing: 2px;" href="http://never-utopia.com">© Never-Utopia</a>

</div>