<center> <div class="fiche">
<div class="haut"><h1>Prénom Nom</h1>
<img class="avatar_fiche" src="https://66.media.tumblr.com/58e699c97491acef21568bbbaaf481ed/tumblr_pinjo5V58T1xbyjf2o2_250.png" />
<div class="texte_haut"><b>nom |</b>  ici
<b>prenom |</b>  ici
<b>âge |</b>  ici
<b>race |</b> ici
<b>lieu et date de naissance |</b>  ici
<b>orientation sexuelle |</b>  ici
<b>statut marital |</b>  ici
<b>metier/etudes |</b>  ici
<b>situation financiere |</b>  ici
<b>organisation |</b>  ici  
<b> ft |</b>  ici </div></div>
<div class="tabs">
<div class="tab"> <input type="radio" id="tab_personnage" name="tab-group-1" checked>
<label for="tab_personnage">Personnage</label>
<div class="content" style="overflow:auto;"> <h2> TON HISTOIRE, TA PETITE HISTOIRE</h2>
 <div class="texte un"> ici
</div>
<h2> DÉTAILS, ANECDOTES ET CARACTÈRE</h2>
<div class="flexbox questions">
<div class="texte deux">ici
</div>
<div class="img square" style="background-image: url('https://66.media.tumblr.com/ae88310c0c9dcd6c3da4a30cce8ac199/tumblr_pgwp9vFZcx1u9ooogo1_500.gif'); background-position: 50% 100%;"> </div> </div> </div> </div>
<div class="tab"><input type="radio" id="tab_histoire" name="tab-group-1">
 <label for="tab_histoire">Liens</label>
<div class="content"><h2> PRÉNOM NOM</h2>
<div class="flexbox questions">
<div class="texte deux"><b>lien +</b>ici
</div>
<div class="img square" style="background-image: url('https://66.media.tumblr.com/38ff9b800c2e224e13feb19550a7a34b/tumblr_onk5pfj2QG1vl07m9o1_500.gif'); background-position: 50% 100%;"> </div> </div> <h2 style="text-align:left;"> PRÉNOM NOM</h2>
<div class="flexbox questions">
<div class="img square" style="background-image: url('https://66.media.tumblr.com/38ff9b800c2e224e13feb19550a7a34b/tumblr_onk5pfj2QG1vl07m9o1_500.gif'); background-position: 50% 100%;"> </div> 
<div class="texte deux"><b>lien +</b>ici
</div></div> <h2> PRÉNOM NOM</h2>
<div class="flexbox questions">
<div class="texte deux"><b>lien +</b>ici
</div>
<div class="img square" style="background-image: url('https://66.media.tumblr.com/38ff9b800c2e224e13feb19550a7a34b/tumblr_onk5pfj2QG1vl07m9o1_500.gif'); background-position: 50% 100%;"> </div> </div> <h2 style="text-align:left;"> PRÉNOM NOM</h2>
<div class="flexbox questions">
<div class="img square" style="background-image: url('https://66.media.tumblr.com/38ff9b800c2e224e13feb19550a7a34b/tumblr_onk5pfj2QG1vl07m9o1_500.gif'); background-position: 50% 100%;"> </div> 
<div class="texte deux"><b>lien +</b>ici
</div></div> </div> </div> </div>
<div class="bas"><div class="img basfiche" style="background-image: url('https://66.media.tumblr.com/627f5782ef2548f015a9f09f4666b2b0/tumblr_o206trSdDz1r00iheo1_500.gif'); background-position: 50% 80%;"> </div><div class="texte quatre"><b style="font-size: 1.1em;">Petites exigences</b>
ici</div>
</div></div> </div>
</center>