<span style="display: block; position: absolute; width: 236px; height: 225px;center center; margin-top: 10px;">
<span style="display: block; width: 100px; height: 100px; margin: auto; margin-top: 35px; background: url(http://i53.tinypic.com/98sgvr.png) center center; border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -htm-border-radius: 100px; -webkit-border-radius: 100px; border: 3px solid #7BC7BC;"></span>
</span>

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

<div class="a1">Nom & Prénom</div>

<span style="display: block; width: 400px; max-height: 300px; overflow: auto; float: right; margin-right: 10px; border: 3px solid #b95889; padding: 10px;">
<span style="display: block; background: url(http://i53.tinypic.com/98sgvr.png) center center; width: 100px; height: 100px; margin: 10px; float: right; border: 3px solid #7BC7BC;"></span>
• Nom & Prénom :
• Age :
• Nationalité :
• Préférence sexuelle :
• Groupe : (section L ou B, Prof, Personnel, ....)
• Niveau :  (1ère, 2ème ou 3ème année)
</span>

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

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

<span style="display: block; padding: 20px;">Histoire de 12 lignes minimum</span>

<div class="a1">Caractère et Physique</div>

<span style="display: block; padding: 20px;">Mon texte de 8 lignes minimum</span>

<div class="a1">Derrière l'ordi</div>

<span style="display: block; padding: 20px;">• Prénom/Pseudo:
• Comment avez vous connu le forum?:
• Suggestion d'amélioration:
• Code règlement:
• Personnage prédéfini ?: [color=green][ ✓ ][/color] [color=red][ X ][/color]</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>