<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Shadows+Into+Light&subset=latin-ext,latin' rel='stylesheet' type='text/css'><style>#asaofond {width: 500px; background-color: #150000; margin: auto; overflow: hidden; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; background-clip: border-box; background-size: 20%; background-repeat: repeat; background-image: url(http://obsession27.free.fr/divers/fonds/ros2.jpg)} #asaohead {width: 600px; opacity: 0.5; transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; transition: 1s} #asaohead:hover {opacity: 1; transition: 1s;} #asaotitre {width: 600px; height: 40px; background: #9D8AB0;  transform-origine: 50% 50%; transform: rotate(-5deg); margin-left: -50px; margin-top: -30px; text-align: center; } .asaorealtitre {color: #E4E1E2 ; font-family: 'Shadows Into Light', cursive; font-size: 50px; display: inline-block; border-bottom: 2px solid #9D8AB0; padding-bottom: 13px; transition: 1s; } .asaorealtitre:hover {color: black; border-bottom: 2px solid black; padding-bottom: 13px; transition 1s; } .asaoicone {width: 100px; height: 100px; border-radius: 50px; background-clip: border-box; background-size: cover; transition: 1s} .asaoicone:hover {transform: rotate(360deg); transition: 1s; } .asaoinfos {position: relative; height: 100px; width: 100px; overflow: visible;}.asaoinfos .asaoinfos .asaoicone:hover {background-color: red;}.asaoinfos .asaoinfobulle {position: absolute; top: 80px; left: -100px; width: 300px; height: 100px; background-color: #150000; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; opacity: 0; visibility: hidden;} .asaoinfos:hover .asaoinfobulle {opacity: 1; visibility: visible; z-index: 999;} .asaoask {font-style: italic; text-shadow: 1px 1px 0px black; font-weight: bold} #asaoavatar {width: 200px; height: 320px; border-top: 1px dotted black; border-bottom: 1px dotted black; box-shadow: 0px 0px 5px black; overflow: hidden;} #asaocoulisse{width: 200px; height: 320px; background-size: cover; transform: translateY(0px) transition: 1s;}  #asaodescriptif {width: 190px; height: 310px; background-color: #E4E1E2; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; padding: 5px; text-align: justify; font-size: 14px;}</style>

<div id="asaofond"><img src="https://38.media.tumblr.com/f9a38bf6897cd5cb52aea0839e1a4d77/tumblr_n9e231oDwU1qgv5pgo1_500.gif" id="asaohead" /><div id="asaotitre"><span class="asaorealtitre">Prénom P² Nom</span></div>

<div style="margin: auto; width: 250px;"><div class="asaoinfos" style=" float: left"><div class="asaoicone" style="background-image: url(http://pics.livejournal.com/mimoiikit143/pic/0044y1th);"></div><div class="asaoinfobulle"><span class="asaoask">Nom de famille? </span> réponse
<span class="asaoask">Prénoms? </span> réponse
<span class="asaoask">Âge? </span> entre 9 et 40 ans (ne rien mettre pour les robots)
<span class="asaoask">Date de naissance? </span> jj/mm/aa
<span class="asaoask">Lieu de naissance? </span> (San Fransokyo ou un autre pays)</div></div><div class="asaoinfos" style="float: right"><div class="asaoicone" style="background-image: url(http://www.ebooks-gratuit.com/images/avatars/thecandystand-onLJ[4842].png);"></div><div class="asaoinfobulle"><span class="asaoask">Métier? </span> Vous pouvez être étudiant(e), ou travailler dans un lieu de San Fransokyo (ou même être au chômage)
<span class="asaoask">Don? </span> [à remplir si vous êtes un "Spécial"]
<span class="asaoask">Groupe? </span> Civil / Spécial / Robot</div></div><div style="clear: both"></div></div>

<div style="margin: auto; background-color: #E4E1E2; font-family: 'Open Sans Condensed', sans-serif; color:#9D8AB0; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je ressemble à...</div>Décrivez ici le physique de votre personnage : parlez de son visage, sa corpulence, sa taille, son style vestimentaire...</div>

<div style="margin: auto; background-color: #E4E1E2; font-family: 'Open Sans Condensed', sans-serif; color:#9D8AB0; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">Je pense à ...</div>Décrivez ici le caractère de votre personnage : qualités, défauts, habitudes, tocs, ce qu'il aime, ce qu'il n'aime pas, ce qu'il déteste...</div>

<div style="margin: auto; background-color: #E4E1E2; font-family: 'Open Sans Condensed', sans-serif; color:#9D8AB0; padding: 5px; text-align: justify; font-size: 14px; width: 90%; min-height: 50px; box-shadow: 0px 0px 5px black"><div style="font-family: 'Shadows Into Light', cursive; width: 100%; text-align: center; font-size: 35px; transform: rotate(-5deg); margin-top: -20px; margin-bottom: 15px; ">J'ai vécu...</div>Décrivez ici l'histoire de votre personnage : sa naissance, son enfance, son adolescence (dépendra de son âge), sa famille...</div>

<div id="asaoavatar" style="float: left"><div id="asaocoulisse" style="background-image: url(urldevotreavatar)"></div></div> <div style="float: right; background-color: #9D8AB0; font-family: 'Open Sans Condensed', sans-serif; color:#E4E1E2; padding: 10px; text-align: justify; font-size: 14px; width: 200px; height: 320px; oveflow: auto; min-height: 50px; box-shadow: 0px 0px 5px black">Parlez de vous IRL, ou racontez un truc cool au hasard :aa:
Mettez aussi le code secret qui se trouve dans le règlement !</div>

<div style="text-align: center; font-family: 'Open Sans Condensed', sans-serif; color:#E3E0D7; clear: both"><a href="http://www.never-utopia.com/" style="font-family: 'Open Sans Condensed', sans-serif; color:#000000; text-decoration: none!important">[size=10][color=#EEEEEE]Narja/Ehawee pour Never-Utopia[/color][/size]</a></div>
</div>