Modèle de présentation

<style>.astree-cadre{border: 2px solid #19386e; background-color: #19386e; max-width: 500px; margin: 20px auto; color: #38ffff; font-family: 'Open Sans', sans-serif; font-size: 13px;}.astree-cadre a{color: #38FFFF; text-decoration: none !important; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;}.astree-cadre a:hover{color: #8b2f32; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;}.astree-nom{display: block; text-align: center; margin: -15px auto 40px; color: #968070; font-family: 'Cinzel Decorative', serif; font-size: 45px; line-height: 25px; text-shadow: 0 0 2px #000;}.astree-titre{border-bottom: 2px solid #19386e; color: #968070; text-shadow: 0 0 2px #000; padding: 5px 20px; font-family: 'Cinzel Decorative', serif; font-size: 30px; margin-top: 20px;}.astree-cadre ul{list-style: none; padding: 0 20px;}.astree-cadre li span{font-family: 'Cinzel', serif; color: #38FFFF; font-size: 16px;}.astree-chapitre{display: inline-block; font-family: 'Cinzel', serif; font-size: 25px; color: #FA9B3D; margin: 25px; padding: 5px 15px; border-left: 5px solid #968070; text-shadow: 0 0 2px #000;}.astree-cadre p{margin: 10px 20px; text-align: justify;}.astree-cadre p > q{display: block; font-family: 'Cinzel', serif; color: #FA9B3D; font-size: 16px; line-height: 28px;}.astree-cadre p > q:before, .astree-cadre p > q:after{content: '';}.astree-credits a{display: block; text-align: center; font-family: 'Cinzel', serif; color: #FA9B3D; line-height: 40px;}</style>    <link href="https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Open+Sans" rel="stylesheet" /><div class="astree-cadre"> <div style="background: url('https://img4.hostingpics.net/pics/804959pourfiche.jpg') no-repeat top center; width: 500px; height: 250px;"></div><span class="astree-nom">Prénom p²<br/>Nom</span> <div class="astree-titre">Identité</div><ul> <li><span>Âge :</span> XX ans</li><li><span>Taille :</span> XX M</li><li><span>Poids :</span> XX KG</li><li><span>Préférence amoureuse :</span> Truc</li><li><span>Espèce :</span> ( Humain, vampire, être ailé, animorphe, psychique)</li><li><span>Métier et passion :</span> ( boulanger, professeur, président, tueur, ect) </li><li><span>Qui est sur votre avatar ?  :</span> Ex : Emma Stone</li></ul> <div class="astree-titre">Racontez-nous...</div><span class="astree-chapitre">Son histoire</span> <p>15 lignes minimums pour l'histoire de votre personnage. <a href="lien url ici">Je suis un super lien !</a></p><span class="astree-chapitre">Ses anecdotes</span> <p>Parlez-nous de quelques souvenirs plaisant ou déplaisant de votre personnage.</p><div class="astree-titre">Caractère et goûts</div><p> Parlez-nous du caractère de votre personnages en quelques lignes. Dites nous ce qu'il aime, ce qu'il n'aime pas, ses tics, ses manies, sa façon de se comporter.<q>Défaut / qualité / défaut / qualité/ défaut / qualité / défaut / qualité / défaut, qualité.</q> </p><div class="astree-titre">Physique</div><p>Décrivez-nous le physique de votre personnage en quelques lignes.<q>Caractéristiques spéciales physiques de votre personnage.</q> </p><div class="astree-titre">Derrière l'écran</div><ul> <li><span>Votre âge :</span> xx ans </li><li><span>Prénom ou pseudo : </span>écrire ici</li><li><span>Le mot de passe  : ( il se trouve caché dans le règlement. Sans ce mot de passe votre fiche ne sera pas validée.)</span> écrire le mot de passe ici.</li></ul> <div class="astree-credits"><a href="http://www.never-utopia.com/" target="_blank">Never Utopia | Shaneliae</a></div></div>