<center><div class="imagefa" style="background-image:url('UNE IMAGE ICI'); background-position:center;"></div><div class="nbordureimage" align="center"></div><div class="boitefa"><div id="titreoupseudo">PRÉNOM PRÉNOM NOM</div><div class="citation">UNE CITATION ICI</div><div class="contenufa"><div class="infosperso"><chose>NOM :</chose> écrire ici <chose>PRÉNOM(S) :</chose> écrire ici <chose>ÂGE :</chose> écrire ici <chose>OCCUPATION :</chose> écrire ici <chose>ALLÉGEANCE :</chose> écrire ici <chose>NATIONALITÉ ET ORIGINES :</chose> écrire ici <chose>RANG SOCIAL :</chose> ou au sein d'une famille <chose>ORIENTATION SEXUELLE :</chose> écrire ici <chose>STATUT CIVIL :</chose> écrire ici <chose>TRAITS DE CARACTÈRES :</chose> une dizaine à écrire ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.</div><br /><table><tbody><tr><td><div class="avatar" style="background-image:url('UN AVATAR ICI');"></div></td><td><div class="dixchoses"><chose>(UN)</chose> 10 choses à écrire sur votre personnage <chose>(DEUX)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(TROIS)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(QUATRE)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(CINQ)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(SIX)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(SEPT)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(HUIT)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(NEUF)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <chose>(DIX)</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></td></tr></tbody></table><br /><br /><chose>(M/F) — IDÉE DE LIENS</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue.
<chose>(M/F) — IDÉE DE LIENS</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue.
<chose>(M/F) — IDÉE DE LIENS</chose> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue.</div>
</center>

<center><div style="height:870px;"><div class="imagepresa" style="background-image:url('http://40.media.tumblr.com/tumblr_mdc3lwCmFY1rvq8n1o1_500.jpg'); background-position:center;"></div><div class="nbordureimage"></div><div class="boitepresa"><div id="titreoupseudo">UN TITRE COOL LÀ</div><div class="boiteonglets"><div class="ONGLETpresa" style="width:200px"><input type="radio" id="ONGLETpresa-1" name="ONGLETpresa-group-1" checked><label for="ONGLETpresa-1">LES HOMMES </label><div class="conteneuronglet"><div class="contenupresa"><table><tr><td class="tdmembres"><p><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center"><div class="multi1"><div class="multi2" style="margin-top:-110px;"><div class="casemembre"><br/><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center"><div class="multi1"><div class="multi2" style="margin-top:-98px;"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div></td></tr>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150);"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue
</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr>
 <td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue
</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr>
 <td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr></table><div style="height: 5px;"></div></div></div></div><div class="ONGLETpresa" style="width:200px"><input type="radio" id="ONGLETpresa-2" name="ONGLETpresa-group-1"><label for="ONGLETpresa-2">LES FEMMES</label><div class="conteneuronglet"><div class="contenupresa"><table><tr><td class="tdmembres"><p><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center"><div class="multi1"><div class="multi2" style="margin-top:-110px;"><div class="casemembre"><br/><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center"><div class="multi1"><div class="multi2" style="margin-top:-98px;"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div></td></tr>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150);"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue
</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr>
 <td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue
</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr>
 <td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue</div></div><P>
</div></div></div></td>
<td><div class="imagemembre" style="background-image: url(http://placehold.it/200x150); background-position:center;"><div class="multi1"><div class="multi2"><div class="casemembre"><BR><div class="casefamille"><div class="nommembre">PRÉNOM NOM</div><div class="infosmembre">TITRE DU LIEN</div><div class="descrimembre">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.</div></div><P>
</div></div></div>
</td></tr>
</table><div style="height: 5px;"></div>
</div></div></div>
</div> </div></div>
</center><br/>