La présentation

<div class="pres_cont" id="prem"><div id="prez_tete" class="backgroundprem"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="prem">Monde d'origine :</span> Ici
<span id="prem">Genre :</span> Ici
<span id="prem">Âge :</span> Ici
<span id="prem">Race :</span> Ici
<span id="prem">Origine(s) :</span> Ici
<span id="prem">Préférences sexuelles :</span> Ici
<span id="prem">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="prem">Langues parlées :</span> Ici
<span id="prem">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.
<span id="prem">Énumération des connaissances générales :</span> En quelques lignes.

<center>Maîtrise des pouvoirs</center><div id="pres_ab" class="backgroundprem" style="width:10%;">0%</div>
<center><span>Apprentissage humain</center><div id="pres_ab" class="backgroundprem" style="width:10%;">0%</div>
</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>

<div class="pres_cont" id="deu"><div id="prez_tete" class="backgrounddeux"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="deu">Monde d'origine :</span> Ici
<span id="deu">Genre :</span> Ici
<span id="deu">Âge :</span> Ici
<span id="deu">Race :</span> Ici
<span id="deu">Origine(s) :</span> Ici
<span id="deu">Préférences sexuelles :</span> Ici
<span id="deu">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="deu">Langues parlées :</span> Ici
<span id="deu">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.
<span id="deu">Énumération des connaissances générales :</span> En quelques lignes.

<center>Maîtrise des pouvoirs</center><div id="pres_ab" class="backgrounddeux" style="width:10%;">0%</div>
<center><span>Apprentissage humain</center><div id="pres_ab" class="backgrounddeux" style="width:10%;">0%</div>
</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>

<div class="pres_cont" id="troi"><div id="prez_tete" class="backgroundtrois"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="troi">Monde d'origine :</span> Ici
<span id="troi">Genre :</span> Ici
<span id="troi">Âge :</span> Ici
<span id="troi">Race :</span> Ici
<span id="troi">Identité humaine :</span> Nom complet (Ex : George Bichaud)
<span id="troi">Origine(s) :</span> Ici
<span id="troi">Préférences sexuelles :</span> Ici
<span id="troi">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="troi">Langues parlées :</span> Ici
<span id="troi">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.
<span id="troi">Énumération des connaissances générales :</span> En quelques lignes.

<center>Maîtrise des pouvoirs</center><div id="pres_ab" class="backgroundtrois" style="width:10%;">0%</div>
<center><span>Apprentissage humain</center><div id="pres_ab" class="backgroundtrois" style="width:10%;">0%</div>
</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>

<div class="pres_cont" id="quat"><div id="prez_tete" class="backgroundquatre"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="quat">Monde d'origine :</span> Ici
<span id="quat">Genre :</span> Ici
<span id="quat">Âge :</span> Ici
<span id="quat">Race :</span> Ici
<span id="quat">Identité humaine :</span> Nom complet (Ex : George Bichaud)
<span id="quat">Origine(s) :</span> Ici
<span id="quat">Préférences sexuelles :</span> Ici
<span id="quat">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="quat">Langues parlées :</span> Ici
<span id="quat">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.
<span id="quat">Énumération des connaissances générales :</span> En quelques lignes.

<center>Maîtrise des pouvoirs</center><div id="pres_ab" class="backgroundquatre" style="width:10%;">0%</div>
<center><span>Apprentissage humain</center><div id="pres_ab" class="backgroundquatre" style="width:10%;">0%</div>
</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>

<div class="pres_cont" id="sinq"><div id="prez_tete" class="backgroundcinq"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="sinq">Monde d'origine :</span> Ici
<span id="sinq">Genre :</span> Ici
<span id="sinq">Âge :</span> Ici
<span id="sinq">Race :</span> Ici
<span id="sinq">Identité humaine :</span> Nom complet (Ex : George Bichaud)
<span id="sinq">Origine(s) :</span> Ici
<span id="sinq">Préférences sexuelles :</span> Ici
<span id="sinq">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="sinq">Langues parlées :</span> Ici

<span id="sinq">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.

<span id="sinq">Énumération des connaissances générales :</span> En quelques lignes.

<center>Maîtrise des pouvoirs</center><div id="pres_ab" class="backgroundcinq" style="width:10%;">0%</div>
<center><span>Apprentissage humain</center><div id="pres_ab" class="backgroundcinq" style="width:10%;">0%</div>
</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>

<div class="pres_cont" id="per"><div id="prez_tete" class="backgroundsix"><img src="http://via.placeholder.com/45x45" alt="45*45"/><h2>Nom et prénom</h2></div><div class="pres_info"><img src="http://via.placeholder.com/109x418" alt="109*418"/><div><div><span id="per">Monde d'origine :</span> Ici
<span id="per">Genre :</span> Ici
<span id="per">Âge :</span> Ici
<span id="per">Race :</span> Ici
<span id="per">Identité humaine :</span> (Ex : George Bichaud)
<span id="per">Poste :</span> Ici
<span id="per">Nombre d'années d'expérience :</span> Ici
<span id="per">Origine(s) :</span> Ici
<span id="per">Préférences sexuelles :</span> Ici
<span id="per">Résidence :</span> Ici
</div></div></div><div id="pres_onglet"><div id="contenu">
<div id="premier_onglet"><h3>Mental</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="deuxieme_onglet"><h3>Pouvoirs</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="troisieme_onglet"><h3>Histoire</h3><div>Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</div></div>
<div id="quatrieme_onglet"><h3>Aptitudes</h3><div><span id="sinq">Langues parlées :</span> Ici

<span id="sinq">Relation avec les humains :</span> Que penses-tu des humains ? Ton opinion sur eux, etc.

<span id="sinq">Énumération des connaissances générales :</span> Petite explication brève, tu es un membre du personnel après tout.

</div></div>
</div><div class="tabs-onglets"><a href="#premier_onglet"><span class="onglet"> 1</span></a><a href="#deuxieme_onglet"><span class="onglet"> 2</span></a><a href="#troisieme_onglet"><span class="onglet"> 3</span></a><a href="#quatrieme_onglet"><span class="onglet"> 4</span></a></div></div></div><div id="pres_jou"><h2>Un peu plus sur toi...</h2><div>Une petite description sur toi. Allez mon chou, on a hâte de te connaître </div></div>