TEST DEUX DE PRESENTATION

<center><div class="lotfond"><div class="lot"><div class="lotit">Prénom <lo>Prénom²</lo> Nom<div class="lotcit">une petite citation qui va bien</div></div>
<table><tr><td><div class="lotinf"><div class="tit1">Les infos principales</div><if>» prénom(s):</if> écrire ici. <if>» nom:</if> écrire ici <if>» âge:</if> écrire ici <if>» date de naissance:</if> écrire ici <if>» lieu de naissance:</if> écrire ici <if>» origines et nationalités:</if> écrire ici <if>» métier/études:</if> écrire ici <if>» statut civil:</if> écrire ici <if>» orientation sexuelle:</if> écrire ici <if>» statut financier:</if> écrire ici <if>» quartier:</if> écrire ici <if>» a new-york depuis:</if> écrire ici <if>» animaux de compagnie:</if> écrire ici <if>» musique qui représente le personnage:</if> écrire ici <if>» citation préférée:</if> écrire ici <if>» hobbies:</if> écrire ici <if>» trait de caractère:</if> écrire ici <if>» avatar:</if> écrire ici</div></td><td><img class="avat" src="https://i.imgur.com/8MmsMOg.png" /></td></tr></table><div class="loane"><div class="tit1">Les anecdotes</div><if>(un) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(deux) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(trois) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(quatre) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(cinq) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(six) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(sept) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(huit) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(neuf) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. <if>(dix) </if>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. </div>
<div class="divid"></div>
<!-- SI VOUS SOUHAITEZ FAIRE L'HISTOIRE, AJOUTEZ LE CODE APRES LA FLECHE --><div class="loinfo2"><div class="tit1">Et toi alors ?</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis libero, aliquam et nulla eu, porttitor porttitor lacus. Nullam porta at nunc id varius. Aliquam iaculis cursus neque. Nam venenatis turpis eu molestie tempus. </div>
</div></div></center>

<div class="lohist"><div class="tit1">l'histoire</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a dui vitae justo varius dignissim. In iaculis justo non ipsum lacinia pharetra. Nulla eget purus quis nibh molestie semper. Aliquam vitae accumsan leo, nec ultricies eros. Vestibulum scelerisque nunc et massa fringilla finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent eget turpis sed velit porta gravida. Maecenas tempor nulla sed volutpat vestibulum. Integer id eleifend odio. Curabitur a ex id tortor iaculis pharetra in non massa.

Cras tincidunt augue ac finibus auctor. Pellentesque semper faucibus auctor. In non neque quis neque ultricies sollicitudin. Vivamus a lectus at lorem sagittis fringilla. Vivamus aliquet lobortis pellentesque. Nulla dapibus facilisis dolor ac lobortis. Quisque scelerisque quis libero a efficitur. Morbi massa dui, convallis nec ante id, fringilla suscipit orci. Curabitur condimentum enim at libero porttitor, ut mattis urna efficitur. Suspendisse efficitur ex vel sodales porttitor. Proin maximus at mauris sit amet auctor. In a tortor accumsan, eleifend justo eget, congue diam.

Donec vestibulum bibendum tellus, ut ultrices velit accumsan vitae. In sagittis in lectus luctus vehicula. Quisque vitae sem sed mauris hendrerit elementum. Sed eu pretium sem, ac consectetur magna. Cras facilisis libero quis libero porta, a volutpat justo porttitor. Integer at euismod metus. Donec ut erat facilisis, sagittis dui vel, tincidunt lacus. Donec in purus ac risus mollis egestas. Sed placerat, urna vel tincidunt faucibus, ex mi convallis urna, et cursus libero est in arcu. Quisque eu nulla et enim euismod porttitor.

Quisque imperdiet sodales malesuada. Ut mollis eu neque fringilla tempus. Proin auctor quis odio ut aliquam. Aliquam ultrices molestie metus, ultrices elementum neque mollis at. Etiam fermentum risus sit amet fringilla congue. Nunc pretium id diam finibus sodales. Aliquam pharetra orci lectus, eu cursus risus sollicitudin et. Duis fringilla accumsan velit, et vulputate eros pulvinar sit amet. Donec vel leo neque.

</div>
<div class="divid"></div>