<div style="width: 600px; margin: auto; border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -htm-border-radius: 20px; -webkit-border-radius: 20px; padding: 20px; min-height: 200px;">
<span style="display: block; font-size: 34px; font-family: Megrim; text-align: center; color: #CFCBD1; margin-bottom: -10px;"> • Prénom P. NOM DE FAMILLE •</span>
<div style="width: 550px; margin: auto; background-color: #141117; border: 6px solid #CFCBD1; border-top-left-radius: 50px; border-bottom-right-radius: 50px; min-height: 400px; padding: 5px;">
<table><tr><td>
<span style="display: block; margin: 10px; width: 200px; height: 320px; background: url(http://image.noelshack.com/fichiers/2015/26/1435243908-presentation-av.png) center center no-repeat; border: 3px double #CFCBD1;"></span></td>
<td><span style="display: block; text-align: right; font-style: italic; color: #CFCBD1; font-size: 10px; margin-right: 30px;">Pseudo</span>
<div style="border-left: 3px solid #ffffff; padding-left: 10px; width: 280px; min-height: 310px;">
<span style="display: block; background-color: #ffffff; width: 200px; margin: auto; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -htm-border-radius: 6px; -webkit-border-radius: 6px; border: 3px double #a3a3a3; padding: 3px; color: #343434; font-size: 10px; text-align: center;">Âge • Pays • Arme • Groupe • Mutation</span>
<span style="display: block; font-size: 20px; font-family: Megrim; text-align: center; color: #CFCBD1;">.Ma situation</span>
<span style="display: block; width: 250px; margin: auto; color: #a3a3a3; text-align; justify; height: 200px; overflow: auto; font-size: 11px;">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.</span>
<span style="display: block; font-size: 20px; font-family: Megrim; text-align: center; color: #CFCBD1;">.Mon caractère</span>
<span style="display: block; background-color: #ffffff; width: 200px; margin: auto; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -htm-border-radius: 6px; -webkit-border-radius: 6px; border: 3px double #a3a3a3; padding: 3px; color: #343434; font-size: 10px; text-align: center;"><marquee scrollamount="3">Qualité • Défaut • Qualité • Défaut • Qualité</marquee></span>
</div></td>
</tr></table>
<span style="display: block; font-size: 20px; font-family: Megrim; text-align: left; color: #CFCBD1; padding-left: 20px;">.Mes relations</span>
<span style="font-size: 16px; font-family: impact; color: red;">|-{inamical}</span><span style="font-size: 12px; color: white; font-variant: small-caps; font-weight: bold;"> • type de relation •</span><span style="font-size: 10px; color: #a3a3a3;">description...</span>
<span style="font-size: 16px; font-family: impact; color: green;">|-{amical}</span><span style="font-size: 12px; color: white; font-variant: small-caps; font-weight: bold;"> • type de relation •</span><span style="font-size: 10px; color: #a3a3a3;">description...</span>

<span style="display: block; font-size: 20px; font-family: Megrim; text-align: left; color: #CFCBD1; padding-left: 20px;">.Mes RP</span>
<span style="font-size: 16px; font-family: impact; color: purple;">Titre du RP</span><span style="font-size: 12px; color: white; font-variant: small-caps; font-weight: bold;"> <a href="#">Lien</a></span>
<span style="font-size: 16px; font-family: impact; color: purple;">Titre du RP</span><span style="font-size: 12px; color: white; font-variant: small-caps; font-weight: bold;"> <a href="#">Lien</a></span>
</div>
<a style="display: block; text-align: center; text-decoration: none !important; font-size: 10px; color: #a3a3a3; letter-spacing: 2px;" href="http://www.never-utopia.com">(c) CREDIT fiche - Never-Utopia</a>
<div style="clear: both;"></div>
</div>
<style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('http://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Megrim';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('http://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold; color: #CFCBD1; padding: 5px;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Megrim';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>