<style> .cadre_pres {width: 580px; border: 2px solid #627764; background: #d0cdc8; margin: auto;} .text_gras {font-family: 'Alegreya Sans SC', sans-serif; font-size: 20px; color: #627764;} img.image_pres {width: 580px; height: 300px; border-bottom: 2px solid #627764;} .titre_pres {font-size: 40px; color: #ffffff; font-weight: bold; font-family: 'Shadows Into Light Two', cursive; font-variant: small-caps; width: 550px; padding: 15px; margin: auto; text-align: center; margin-bottom: -15px;} .citation_pres {font-family: 'Alegreya Sans SC', sans-serif; font-size: 15px; font-style: italic; margin: auto; text-align: center; border-bottom: 1px dotted #627764; padding-left: 5px; padding-right: 5px;} .tableau_pres {margin-left: 40px; margin-right: 40px; height: 400px;} img.image_pres_2 {widht: 200px; height: 400px; border: 2px solid #627764;} .cadre_pres_infos {width: 220px; height: 380px; background: #fafafa; border-left: 8px solid #16768e; padding: 10px; margin-left: 40px; overflow: auto; line-height: 1.3;} .sous_titre_pres {background: #16768e; color: #ffffff; padding: 5px; position: relative; left: 40px; bottom: 8px; font-family: 'Alegreya Sans SC', sans-serif; font-size: 25px;} .cadre_pres_description {width: 500px; background: #fafafa; border-left: 8px solid #16768e; border-right: 8px solid #16768e; padding: 10px; margin: auto;}</style>
<div class="cadre_pres"><img src="https://2img.net/r/hpimg15/pics/743831hautpres.png" class="image_pres"/>
<div class="titre_pres bleu">Nom&Prénom</div>
<center><span class="citation_pres">Citation qui tue</span></center>
<table class="tableau_pres"><tr><td style="width: 200px;"><img src="https://2img.net/r/hpimg15/pics/445476vavapres.png" class="image_pres_2"/></td>
<td><div class="cadre_pres_infos"><span class="text_gras">Nom:</span>
ICI
<span class="text_gras">Prénom:</span>
ICI
<span class="text_gras">Groupe:</span>
ICI
<span class="text_gras">Age:</span>
ICI
<span class="text_gras">Pouvoir (magie) /Aptitudes liées au groupe et/ou aux compétences non-magiques:</span>
ICI
<span class="text_gras">Classe/Métier:</span>
ICI
<span class="text_gras">3 qualités principales:</span>
ICI
<span class="text_gras">3 défauts principaux:</span>
ICI
<span class="text_gras">Logement ( Foyer du campus-préciser numéro de chambre-/ studio ou appartement en maison en ville - préciser adresse-) :</span>
ICI
</div></td></tr></table>
<span class="sous_titre_pres">Apparence</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>
<span class="sous_titre_pres">Caractère</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>
<span class="sous_titre_pres">Histoire</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>
<div class="titre_pres bleu">Et IRL ? </div>
<div class="cadre_pres_description"><span class="text_gras">Votre pseudo ?</span>
ICI
<span class="text_gras">Votre âge (facultatif) ?</span>
ICI
<span class="text_gras">Expérience en RP ? </span>
ICI
<span class="text_gras">Comment avez-vous découvert le forum ?</span>
ICI
<span class="text_gras">Comment le trouvez vous ?</span>
ICI
</div>
<center><span style="font-size: 11px; color: #ffffff; text-shadow: 0 0 5px #000000;">:copyright:️ codage par Mini BN sur <a href="http://www.never-utopia.com/">Never Utopia</a></span></center>
</div>
Accueil
