prologue _{à découvrir par ici}

<div class="DIGITALSUJET_BG"></div><!-- PARTIE IMAGE + PSEUDO + GROUPE --><div class="FICHE_top"><div class="FICHE_topimg"><img src="URL_BACKGROUND_IMG"></div>
<div class="FICHE_top_pseudo"><span class="FICHE_titrered">prénom</span><br>nom de famille</div> <div class="FICHE-titre-groupe"><div>nom du groupe choisi</div></div>
<div class="FICHE_top_img"><img src="URL_IMAGE_OU_GIF_DE_VOTRE_PERSONNAGE"><br><img src="URL_IMAGE_OU_GIF_DE_VOTRE_PERSONNAGE"></div></div><div class="DIGITALSUJET_middle"><!-- PARTIE GAUCHE INFOS GENERALES --><div class="FICHE_left_info"><div class="FICHE_left_info_pseudo">jeu d'origine</div><div class="FICHE_left_info_pseudo1">écrire ici</div>
<div class="FICHE_left_info_pseudo">zone de départ</div><div class="FICHE_left_info_pseudo1">écrire ici</div>
<div class="FICHE_left_info_pseudo">âge</div><div class="FICHE_left_info_pseudo1">écrire ici</div>
<div class="FICHE_left_info_pseudo">statut civil</div><div class="FICHE_left_info_pseudo1">écrire ici</div>
<div class="FICHE_left_info_pseudo">caractère</div><div class="FICHE_left_info_pseudo1 FICHEleft-surplus">écrire ici</div>
<div class="FICHE_left_info_pseudo">crédits</div><div class="FICHE_left_info_pseudo1">écrire ici</div></div> <!-- PARTIE DROITE HISTOIRE/ANECDOTES + QUESTIONS + POUVOIRS --><div class="FICHE_right_info"><div class="FICHE_right_barre"> <!-- EMPLACEMENT TITRES DES ONGLETS - NE PAS TOUCHER --><input type="radio" id="FICHEDIGITAL-tab-1" name="FICHEDIGITAL-tab" checked=""><label for="FICHEDIGITAL-tab-1"><div class="onglet" style="width:130px;margin-left:15px;margin-top:5px;">résumé du personnage</div></label> <input type="radio" id="FICHEDIGITAL-tab-2" name="FICHEDIGITAL-tab"><label for="FICHEDIGITAL-tab-2"><div class="onglet" style="margin-left:160px;margin-top:5px;">recherches de liens</div></label> <input type="radio" id="FICHEDIGITAL-tab-3" name="FICHEDIGITAL-tab"><label for="FICHEDIGITAL-tab-3"><div class="onglet" style="margin-left:300px;margin-top:5px;">répertoire des rp's</div></label><!-- EMPLACEMENT TITRES DES ONGLETS - NE PAS TOUCHER -->

<!-- ONGLET 1 --><div class="FICHEDIGITAL-right-1"><div class="FICHE_right_contenu1"><div class="FICHEanecdotes-back" style="margin-top: 12px;"><div class="FICHEanecdotes_backtexte"><div class="FICHEanecdotes_texte">N'hésitez pas à indiquer les points essentiels que vos futurs compagnons de route devront connaître sur votre personnage. Vous pouvez autant reprendre vos anecdotes réalisées pour la fiche de présentation que vous pouvez lister différents points. </div></div></div>
</div> </div>

<!-- ONGLET 2 --><div class="FICHEDIGITAL-right-2"><div class="FICHE_right_contenu1"><div class="LIENS_recherchescroll" style="margin-top: -25px;">
<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">nature du lien recherché</div><div class="FICHEquestions_backtexte"><div class="FICHEquestions_texte">Rien de plus simple. Il suffit simplement d'écrire une description de ce lien si avidement recherché et de laisser la magie opérer!</div></div></div>

<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">nature du lien recherché</div><div class="FICHEquestions_backtexte"><div class="FICHEquestions_texte">Rien de plus simple. Il suffit simplement d'écrire une description de ce lien si avidement recherché et de laisser la magie opérer!</div></div></div>

<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">nature du lien recherché</div><div class="FICHEquestions_backtexte"><div class="FICHEquestions_texte">Rien de plus simple. Il suffit simplement d'écrire une description de ce lien si avidement recherché et de laisser la magie opérer!</div></div></div>

<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">nature du lien recherché</div><div class="FICHEquestions_backtexte"><div class="FICHEquestions_texte">Rien de plus simple. Il suffit simplement d'écrire une description de ce lien si avidement recherché et de laisser la magie opérer!</div></div></div>
</div></div></div>

<!-- ONGLET 3 --><div class="FICHEDIGITAL-right-3"><div class="FICHE_right_contenu1"><div class="LIENS_hauteur"><div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">sujets en ligne</div><div class="FICHErepertoire_backtexte"><div class="FICHErepertoire_texte">- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage</div></div></div>

<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">sujets prévus</div><div class="FICHErepertoire_backtexte"><div class="FICHErepertoire_texte">- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage</div></div></div>

<div class="FICHEquestions-back"><div class="FICHEquestions_titrered" style="height:20px;">sujets terminés</div><div class="FICHErepertoire_backtexte"><div class="FICHErepertoire_texte">- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage
- <a href="url_du_rp" target="_blank" class="link-red">titre du rp</a> feat. personnage</div></div></div></div>
</div></div>

</div>

</div></div><div style="margin-top:0px;" class="DIGITALSUJET_BOTBG"></div>

<!-- PARTIE IMAGE + PSEUDO + GROUPE --><div class="LIENS_top"><div class="LIENS_topimg"><img src="URL_BACKGROUND_IMG"></div>
<div class="FICHE_top_pseudo" style="margin-top: 10px;"><span class="FICHE_titrered">titre de la</span><br>fiche de liens</div></div><div class="DIGITALSUJET_middle"><center><!-- 1er LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div> <!-- 2E LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div>

<!-- 3E LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div> <!-- 4E LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div>

<!-- AJOUTER UNE LIGNE DE LIEN -->

</center>
</div><div style="margin-top:0px;" class="DIGITALSUJET_BOTBG"></div>

<!-- 3E LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div> <!-- 4E LIEN --><div class="LIENS1-back"><div class="LIENSicon_img"><img src="https://images2.imgbox.com/4d/ff/pbPhyWPl_o.png"></div><div class="LIENS_pseudolie"><div class="pseulie">first lastname</div></div><div class="LIENS1_backtexte"><div class="LIENS1_texte">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>
</div><div class="DE_groupbottom"></div></div>