<div class="aay-perso"><div class="aay-presgroup">Groupe</div><div class="aay-presname">Prénom Nom</div><br>
<div class="aay-presinfo"><span class="info">Je suis né(e):</span> réponse
<span class="info">Mon lieu de naissance:</span> réponse
<span class="info">Dans la vie je suis:</span> Ton métier
<span class="info">Je suis actuellement:</span> célibataire/en couple/en relation libre/amoureux/veuf/marié
<span class="info">Et mon orientation sexuelle est:</span> réponse
<span class="info">Je viens de l'univers:</span> réponse
<span class="info">Et mon avatar est celui de:</span> réponse
</div><div class="aay-photo"><img src="https://i.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-photo-src"><i>Crédits des images</i></div></div>
<div class="aay-title">Ton caractère de cochon</div>
<div class="aay-bloctxt">Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé. Inscrire ici la façon d'être du personnage, décrire ses qualités, ainsi que ses défauts. Vous devez avoir un MINIMUM de 10 LIGNES PLEINES lorsque vous aurez terminé.
</div>
<div class="aay-title">Histoire</div>
<div class="aay-bloctxt">Ecrire votre histoire avant et après la collision entre la lune et l'astéroïde. Vous pouvez écrire autant que vous voulez. Donc faites vous plaisir.
N'oubliez pas que suite à la collision vous vous réveillez dans le dernier endroit que vous avez vu votre maison, chez des amis, mais seulement la ville a changer et cela vous ignorez pourquoi.</div>
<div class="aay-player"><img src="https://i.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo sur le web:</span> réponse
<span class="info">Ton âge:</span> réponse
<span class="info">Ta localisation:</span> réponse
<span class="info">Ce que tu penses du forum et comment tu l'as trouvé:</span> réponse
</div></div><div class="aay-opinion"><span class="in">Hésiter pas a nous dire ici ce que vous accepter dans la vie de votre personnage:</span><br>Votre réponse
<br><span class="in2"> Et ici ce que vous n'acceptez pas du tout:</span> Votre réponse
</div>
<div class="crédits">Code by Frosty Blue de <a href="http://www.never-utopia.com">never Utopia</a></div></div>

<style type="text/css"> .aay-presgroup {margin-left: auto; background: #266c94; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.4); display: inline-block; font-size: 17px; line-height: 23px; text-transform: uppercase; margin-right: 10px;} .aay-presname {margin-right: auto; width: 350px; padding: 10px; text-align: center; color: #266c94; background: #EDE8D3; overflow: hidden; font-family: 'Abel'; font-size: 35px; line-height: 37px; display: inline-block; vertical-align: top; text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px;} .aay-perso {margin: auto; text-align: justify; width: 565px;} .aay-presinfo {float: left; width: 320px; height: 200px; overflow: auto; padding: 10px; margin-right: 10px;background: #EDE8D3;} .info {color: white; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 13px; text-transform: uppercase; font-style: normal;} .aay-photo {width: 215px; background: black; vertical-align: top; height: 220px; overflow: hidden;} .aay-photo img {-webkit-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; -webkit-transition: 1s; position: relative; z-index: 1;} .aay-photo-src {position: relative; top: -60px; background: rgba(195,195,195,0.6); color: white; text-align: center; font-size: 12px; z-index: 2; padding: 5px; opacity: 0; transition: 1s; -webkit-transition: 1s;} .aay-photo:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 2s; -webkit-transition: 2s;} .aay-photo:hover .aay-photo-src {opacity: 1; transition: 2s; -webkit-transition: 2s;} .aay-bloctxt {background: #EDE8D3; padding: 10px; height: 250px; overflow: auto; border-top: #266c94 4px solid; position: relative; z-index: 2;} .aay-title {text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px; font-family: 'Abel'; color: #266c94; font-size: 25px; position: relative; left: 5px; bottom: -15px; z-index: 1;} .aay-player {width: 215px; height: 220px; display: inline-block; margin-right: 15px; background: #fa5858;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #EDE8D3; text-align: justify; vertical-align: top;} .aay-player img {position: relative: 1; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition: 1s; -webkit-transition: 1s; } .aay-playerinfo {padding: 10px; position: relative; z-index: 2; background: #266c94; transition: 1s; -webkit-transition: 1s; opacity: 0; overflow: auto; width: 200px; height: 202px; top: -222px;} .aay-player:hover .aay-playerinfo {opacity: 1; transition: 2s; -webkit-transition: 2s;} .in {font-style: normal; color: #266c94; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .in2 {font-style: normal; color: #076505; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .crédits {text-align: right; color: silver; opacity: 0.4; font-size: 11px; font-family: 'Abel'; position: relative; right: 5px;}</style><link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />