Fiche Scénario

<link href='http://fonts.googleapis.com/css?family=Nunito:400,700' rel='stylesheet' type='text/css'><link href="codefichepresa.css" rel="stylesheet" type="text/css" />
<center><div class="formulaire1"><div class="prenom_nom jus">Prénom P² Nom<br><i>feat Prénom Nom</i></div>

<center class="jus"><span style="font-size:18px;">LIBRE / RESERVE / PRIS</span></center>

<div height="350" class="formulaire2"><img src="https://2img.net/r/hpimg11/pics/266133avatarbase.png" class="auimgs float"><div class="float ptit"><b>Nom</b> :
<b>Prénom</b> :
<b>Age</b> :
<b>Orientation sexuelle</b>:
<b>Groupe</b> :
<b>Métier</b> :</div></div>

<span class="jus">Caractère</span>
<div class="formulaire2" width="500"><div width="350" class="ptit float">Qualités
<form>
<select style="width: 200px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Qualité principale
</option>
<option value>
Qualité 1
</option>
<option>
Qualité 2
</option>
<option>
Qualité 3
</option>
<option>
Qualité 4
</option>
<option>
Qualité 5
</option>
</select>
</form></div><div class="def float">Défauts
<form>
<select style="width: 200px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Défaut principal
</option>
Qualité 1
</option>
<option>
Qualité 2
</option>
<option>
Qualité 3
</option>
<option>
Qualité 4
</option>
<option>
Qualité 5
</option>
</select>
</form></div></div>

<span class="jus">Histoire</span>
<div class="formulaire2" height="200" width="500"><div class="txtptit">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur leo sem, gravida a dui at, pellentesque ultricies magna. Phasellus est nunc, imperdiet eu finibus at, ornare id justo. Nulla et felis dui. Praesent interdum ex vel dui fringilla iaculis. Phasellus auctor ut leo eu tincidunt. Nunc sed turpis sagittis justo mattis interdum quis quis tellus. Nunc quis urna nec justo congue suscipit vel sit amet dolor. Vivamus condimentum massa vitae lacinia tincidunt. Aenean ac erat velit. Proin aliquet est orci, non consequat dolor dapibus non. Nullam pharetra, erat non condimentum finibus, magna nulla ultrices enim, vitae ultricies dui risus imperdiet augue. In sed magna ut orci cursus fringilla et ut erat.

Mauris accumsan est arcu, vel convallis est cursus ut. Sed nulla nibh, tempor eu luctus ac, consectetur nec mauris. Cras eu sem quis justo efficitur porta in sed est. Suspendisse potenti. Vestibulum cursus rutrum dui, eu blandit nunc tempus sed. Suspendisse lacinia convallis libero et blandit. Quisque cursus risus enim, in efficitur velit ultricies id. Aenean purus urna, scelerisque nec nisi a, rutrum ultricies erat. Aenean efficitur leo non ornare consequat. Morbi sodales, purus eget imperdiet rutrum, justo magna dictum mi, ut iaculis augue lectus pretium leo. Integer id ante laoreet, mollis arcu eget, tempor quam. Etiam augue purus, ultrices sed tristique id, laoreet vel metus. Etiam rutrum justo at eleifend varius. Vivamus sit amet dolor pellentesque, venenatis enim nec, faucibus nibh. Integer ultrices lacinia elementum.</div></div>

<span class="jus">Relations</span>
<div class="formulaire2" width="650"><div><div class="img float"><img class="imgs" src="https://2img.net/r/hpimg11/pics/324703iconpourcode.png"/><div class="nomprenom jus"><strong>Prénom P² Nom</strong><br><em>feat marie avgeropoulos</em></div></div><div class="predef float">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur leo sem, gravida a dui at, pellentesque ultricies magna. Phasellus est nunc, imperdiet eu finibus at, ornare id justo. Nulla et felis dui. Praesent interdum ex vel dui fringilla iaculis. Phasellus auctor ut leo eu tincidunt. Nunc sed turpis sagittis justo mattis interdum quis quis tellus. Nunc quis urna nec justo congue suscipit vel sit amet dolor. Vivamus condimentum massa vitae lacinia tincidunt. Aenean ac erat velit. Proin aliquet est orci, non consequat dolor dapibus non. Nullam pharetra, erat non condimentum finibus, magna nulla ultrices enim, vitae ultricies dui risus imperdiet augue. In sed magna ut orci cursus fringilla et ut erat.</div></div>
<div><div class="img float"><img class="imgs" src="https://2img.net/r/hpimg11/pics/324703iconpourcode.png"/><div class="nomprenom jus"><strong>Prénom P² Nom</strong><br><em>feat X</em></div></div><div class="predef float">Lorem Ipsum et tout le tralala</div></div>
<div><div class="img float"><img class="imgs" src="https://2img.net/r/hpimg11/pics/324703iconpourcode.png"/><div class="nomprenom jus"><strong>Prénom P² Nom</strong><br><em>feat X</em></div></div><div class="predef float">Lorem Ipsum et tout le tralala</div></div>
</div>
</div>
<b class="koalavolantfich">Code par KoalaVolant</b></center>