Modèle de répertoire ☩ non obligatoire

<center> <div class="cadrecouleur" style="margin-left:50px"><!-- II --><div class="cadrefiche">
  <!-- TITRE -->  <div class="namefiche"><section id="article93" class="crayon article-css-93 demoTime"><p class="effect">Répertoire</p></section>

<div class="sst">be my best enemy or my worst friend</div></div>
  <!-- CONTENU -->
<div style="margin-top:-50px"><table style="width:450px"><tr><td style="width:150px"><div style="width:150px;height:200px;overflow:hidden"><img src="PETIT GIF OU AVATAR" style="height:200px;"></div>
<form><select class="info" style="margin-top:-20px;width:150px"> <option selected>Mes qualités</option> <option>Qualité</option> <option>Qualité</option> <option>Qualité</option> <option>Qualité</option> <option>Qualité</option> </select></form><form><select class="info" style="margin-top:-5px;width:150px"> <option selected>Mes défauts </option> <option>Défaut</option> <option>Défaut</option> <option>Défaut</option> <option>Défaut</option> <option>Défaut</option> </select></form></td>
 <!-- ONGLET -->
<td><div class="positionnementscenar" style="margin-left:-20px"><div class="systabscenar s_bottom s_float s_slide"><div><span style="margin-left:-35px;"><img src="https://image.ibb.co/fW0gpn/cornerribbonb.png"></span>

<div class="contenuscenar"><b>PRÉNOM(S), NOM -</b> réponse ici.
<b>AGE -</b> réponse ici.
<b>DATE ET LIEU DE NAISSANCE -</b> réponse ici.
<b>STATUT MATRIMONIAL -</b> réponse ici.
<b>OCCUPATION -</b> réponse ici.
<b>LIEU DE VIE -</b> réponse ici (nom du quartier ou autre).
<b>AUTRE -</b> réponse ici.

<b>CÉLÉBRITÉ -</b> réponse ici.
<b>GROUPE -</b> réponse ici.
<b>CRÉDITS-</b> réponse ici.<br></div></div>
<!--
-->
<div><span style="margin-left:-35px;"><img src="https://image.ibb.co/mEv9aS/729714ribbondroit.png"></span>
<div class="contenuscenar"><center><m>Mes recherches</m></center>
<b>☩</b> Idée de lien/RP ici.
<b>☩</b> Idée de lien/RP ici.
<b>☩</b> Idée de lien/RP ici.
<b>☩</b> Idée de lien/RP ici.</div></div>
</div>
</td></tr></table>
</div>
<center><a href="URL fiche de prés">» Fiche de présentation « </a></center>
<!-- LISTE DES RP -->
<center><m>Mes RP</m></center>

[left]<div class="FLIEN"><b>☩</b> [url=http://theshapeofwater.forumsrpg.com/]NOM DU RP[/url] ft. Nom du partenaire<span>Description ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></div>
<div class="FLIEN"><b>☩</b> [url=http://theshapeofwater.forumsrpg.com/]NOM DU RP[/url] ft. Nom du partenaire<span>Description ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></div>
[/left]

<!-- BAS DE MESSAGE -->
<div class="soustitre">THE SHAPE OF WATER</div>
</div></div></center>

<center> <div class="cadrecouleur" style="margin-left:50px"><!-- II --><div class="cadrefiche">
  <!-- TITRE -->  <div class="namefiche"><section id="article93" class="crayon article-css-93 demoTime"><p class="effect">Répertoire des liens</p></section>

<div class="sst">be my worst friend or my best enemy</div></div>
<div class="soustitre">Les filles</div>
<!-- LIENS --><!-- LIEN1 -->
<div class="numberone"><table><tr><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td></tr></table></div><!-- LIEN2 --><div class="numberpaire"><table><tr><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td></tr></table></div><!-- LIEN3 --><div class="numberimpaire"><table><tr><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td></tr></table></div>

<div class="soustitre">Les garçons</div>
<!-- LIENS --><!-- LIEN1 -->
<div class="numberone"><table><tr><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td></tr></table></div><!-- LIEN2 --><div class="numberpaire"><table><tr><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td></tr></table></div><!-- LIEN3 --><div class="numberimpaire"><table><tr><td><center><m>PRENOM NOM -</m> <i>Type de lien</i></center><div style="width:250px; height:80px;overflow:auto; padding-right:5px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div></td><td><img src="ICONE100x100" class="imglien" style="float: left; margin: 5px;"></td></tr></table></div>
<!-- BAS DE MESSAGE -->
<div class="soustitre">THE SHAPE OF WATER</div>
</div></div></center>