<center><div class="ttr"><ttrf>Prénom Nom</ttrf></div><img src="https://i.imgur.com/pNn874d.gif" class="imgf" /><table width="454px" style="padding-bottom: 5px;"><tr><td width="200px" height="320px" style="padding-right: 5px;"><img src="https://i.imgur.com/0wnKVLjm.png" /></td><td width="240px" height="310px" class="identity" valign="top"><div class="scrollf">
<champ>Lieu de Naissance : </champ>Ecrire ici
<champ>Age : </champ>Ecrire ici
<champ>Métier(ou aptitude) : </champ>Ecrire ici
<champ>Statut: </champ>Ecrire ici
<champ>Orientation: </champ>Ecrire ici
<champ>Caractère : </champ>Une petite liste d'adjectifs fera l'affaire.
<champ>Groupe : </champ>Ecrire ici
<champ>Avatar : </champ> Ecrire ici
</table>
<div class="txt" style="height: 350px;"><sttr3>Histoire</sttr3><div style="height: 335px;overflow:auto;padding-right: 5px;">

Pour exposer l'histoire de votre prédéfini, sous la forme qui vous plaira et le nombre de mots qu'il vous plaira.</div></div><table width="454px" style="margin-top: 5px;"><tr><td width="100px" style="padding-right: 5px;"><img src="https://i.imgur.com/5DaBofp.png" style="width: 100px;height:100px;" /></td><td width="340px" class="identity" valign="top"><champ>Prénom Nom - Lien</champ><div style="height: 80px; overflow: auto; padding-right: 5px;">Maecenas commodo facilisis ornare. Quisque scelerisque ligula et est iaculis scelerisque. Morbi gravida viverra hendrerit. Nulla pretium lectus est, quis hendrerit sapien fringilla vitae. Nulla ut malesuada erat. Duis vel dolor imperdiet, sagittis justo in, volutpat tortor. Nunc aliquet sem facilisis egestas ultricies. Vivamus nisl urna, interdum efficitur lectus non, pretium lacinia quam. </div></td></tr></table><table width="454px" style="margin-top: 5px;"><tr><td width="100px" style="padding-right: 5px;"><img src="https://i.imgur.com/5DaBofp.png" style="width: 100px;height:100px;" /></td><td width="340px" class="identity" valign="top"><champ>Prénom Nom - Lien</champ><div style="height: 80px; overflow: auto; padding-right: 5px;">Maecenas commodo facilisis ornare. Quisque scelerisque ligula et est iaculis scelerisque. Morbi gravida viverra hendrerit. Nulla pretium lectus est, quis hendrerit sapien fringilla vitae. Nulla ut malesuada erat. Duis vel dolor imperdiet, sagittis justo in, volutpat tortor. Nunc aliquet sem facilisis egestas ultricies. Vivamus nisl urna, interdum efficitur lectus non, pretium lacinia quam. </div></td></tr></table><table width="454px" style="margin-top: 5px;"><tr><td width="100px" style="padding-right: 5px;"><img src="https://i.imgur.com/5DaBofp.png" style="width: 100px;height:100px;" /></td><td width="340px" class="identity" valign="top"><champ>Prénom Nom - Lien</champ><div style="height: 80px; overflow: auto; padding-right: 5px;">Maecenas commodo facilisis ornare. Quisque scelerisque ligula et est iaculis scelerisque. Morbi gravida viverra hendrerit. Nulla pretium lectus est, quis hendrerit sapien fringilla vitae. Nulla ut malesuada erat. Duis vel dolor imperdiet, sagittis justo in, volutpat tortor. Nunc aliquet sem facilisis egestas ultricies. Vivamus nisl urna, interdum efficitur lectus non, pretium lacinia quam. </div></td></tr></table></center>
<center><div class="ttr"><ttr>Le mot de l'auteur</ttr></div><div class="txt">Avant toute chose, il est important de mettre les choses au clair. Nous vous proposons donc d'adresser un petit mot avec vos exigences.


<sttr1> Avatar : </sttr1> écrire ici

<sttr1> Nom et prénom : </sttr1> écrire ici

<sttr1> Histoire et caractère : </sttr1> écrire ici

<sttr1> Activité : </sttr1> écrire ici

<sttr1> Le mot de la fin : </sttr1> écrire ici

</div></center>