Fiche de présentation

<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">Age:</span> réponse
<span class="info">Sexe:</span> réponse
<span class="info">Métier:</span> Vous pouvez trouver tout les métiers possible ici
<span class="info">Situation:</span> Veuf, célibataire, marié ?
<span class="info">Lieu de vie:</span> Vous pouvez trouvez toute la géographie d'Aro ici

<span class="info">Signes distinctifs:</span> réponse
</div><div class="aay-photo"><img src="https://i.servimg.com/u/f58/20/15/80/14/loish-10.jpg"/><div class="aay-photo-src"><i>Petite citation qui va bien</i></div></div>
<div class="aay-title">Caractère</div>
<div class="aay-bloctxt"> --- Décrivez en quelques lignes ce qui forge votre personnage. Quels sont ses manières de penser, ses habitudes, ses croyances, ses peurs les plus profondes.  --- </div>
<div class="aay-title">Physique</div>
<div class="aay-bloctxt"> --- Comment reconnait on votre personnage ? Comment a t'il l'habitude se s'habiller, peut être des particularités physique ?  --- </div>
<div class="aay-title">Histoire</div>
<div class="aay-bloctxt">N"hésitez pas à nous raconter les moindres détails de sa vie ! Nous vous conseillons aussi de préciser quel est le ressenti de votre personnages vis à vis des héros anciens et actuel. Quel est sa religion. En cas de besoin, nous vous invitons à relire les annexes, ou à envoyer un MP au staff.</div>
<div class="aay-player"><img src="https://i.servimg.com/u/f58/20/15/80/14/tumblr10.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo:</span> réponse
<span class="info">Age:</span> réponse
<span class="info">Quelque chose à nous dire?</span> réponse
<span class="info">Code du règlement:</span> réponse
</div></div><div class="aay-opinion"><span class="in">Ou avez vous trouvez le forum ?</span><br> Top-site, google, bouche à oreille etc.
<br><span class="in2"> Vos avis, vos impressions</span>
N'hésitez pas à nous donner vos suggestions.
</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: #436A8C; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.2); 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: #436A8C; background:lightgrey; 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: #191919;} .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: #191919; padding: 10px; height: 250px; overflow: auto; border-top: lightgrey 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: #436A8C; 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: #436A8C;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #191919; 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: darkgrey; 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: lightgrey; 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: lightgrey; 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' />

<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">Age:</span> réponse
<span class="info">Sexe:</span> réponse
<span class="info">Classe:</span> Thae'le, Wen'Orah ou E'ja. Si Thae'le; précisez si vous êtes un ancien ou un nouveau porteur.
<span class="info">Situation:</span> Veuf, célibataire, marié ?
<span class="info">Lieu de vie:</span> Vous pouvez trouvez toute la géographie d'Aro ici

<span class="info">Votre jet de dés:</span> Merci de nous repréciser le résultat de votre jet et d'adapter votre lien avec celle-ci dans votre fiche.

</div><div class="aay-photo"><img src="https://i.servimg.com/u/f58/20/15/80/14/loish-10.jpg"/><div class="aay-photo-src"><i>Petite citation qui va bien</i></div></div>
<div class="aay-title">Votre arme</div>
<div class="aay-bloctxt"> --- Description de votre arme et de ses aptitudes + Illustration.
ATTENTION: Merci d'adapter votre lien avec celle-ci en accord avec votre jet. Un système d'exp et d'évolution sera mis en place plus tard. Nous ne vous empêcherons pas de faire évoluer votre relation avec celle-ci avec des RP justifiés.   

Vous pouvez raconter votre rencontre, son caractère, votre entente plus ou moins bonne.
Nous insistons bien sur la difficultés de jouer cette classe et vous demandons de bien être au fait de toutes les annexes avant d'entreprendre un personnage de cette classe.--- </div>
<div class="aay-title">Caractère</div>
<div class="aay-bloctxt"> --- Décrivez en quelques lignes ce qui forge votre personnage. Quels sont ses manières de penser, ses habitudes, ses croyances, ses peurs les plus profondes.  --- </div>
<div class="aay-title">Physique</div>
<div class="aay-bloctxt"> --- Comment reconnait on votre personnage ? Comment a t'il l'habitude se s'habiller, peut être des particularités physique ?  --- </div>
<div class="aay-title">Histoire</div>
<div class="aay-bloctxt">N"hésitez pas à nous raconter les moindres détails de sa vie !
Pour les nouveaux porteurs, nous vous conseillons aussi de préciser quel est le ressenti de votre personnages vis à vis de sa nouvelle situation, les porteurs étant actuellement mal vu.

Pour les anciens Thae'le, vous n'êtes pas obligé de faire une histoire retraçant leurs 700 années, ne vous en faite pas. Les événements marquant de leur vie ainsi que leur position vis à vis de l'attaque d'Aendel et leur crainte ou non de l'activation des nouvelles armes est chaudement recommandé.

En cas de besoin, nous vous invitons à relire les annexes, ou à envoyer un MP au staff.</div>
<div class="aay-player"><img src="https://i.servimg.com/u/f58/20/15/80/14/tumblr10.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo:</span> réponse
<span class="info">Age:</span> réponse
<span class="info">Quelque chose à nous dire?</span> réponse
<span class="info">Code du règlement:</span> réponse
</div></div><div class="aay-opinion"><span class="in">Ou avez vous trouvez le forum ?</span><br> Top-site, google, bouche à oreille etc.
<br><span class="in2"> Vos avis, vos impressions</span>
N'hésitez pas à nous donner vos suggestions.
</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: #436A8C; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.2); 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: #436A8C; background:lightgrey; 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: #191919;} .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: #191919; padding: 10px; height: 250px; overflow: auto; border-top: lightgrey 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: #436A8C; 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: #436A8C;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #191919; 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: darkgrey; 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: lightgrey; 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: lightgrey; 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' />