<link rel="stylesheet" type="text/css" href="https://output.jsbin.com/vohulaviqo.css"><div class="contieneo explo3"><div class="numeramber explo">MAZE</div><div class="titubus"><explo>Prenom</explo> Nom<span class="datob">feat perso de nom oeuvre</span></div><div class="icon"><img src="https://images2.imgbox.com/c8/68/W5SJ3pf6_o.png"/></div><div class="buscabitch"><div class="info-desc explo2"><!--
--><div class="netinfo explo">âge // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">sexe // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">date de naissance // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">pays d'origine // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">ancien métier // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">métier dans Maze // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">groupe // <span>écrire juste ici</span></div><!--
--></div></div><div class="tableonglets"><label for="o1" class="onglet explo2">personnage</label><label for="o3" class="onglet explo2">irl</label><!--
--><input id="o1" type="radio" name="onglets" checked /><span class="ongletcont"><!--
--><div class="buscabitch2"><div class="info-desc2 explo2"><!--
--><div class="netinfo2 explo">description du personnage</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div></div><!--
--><div class="buscabitch2"><div class="info-descH3 explo2"><!--
--><div class="titubus"><explo>Lien</explo> avec votre Personnage</div><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis.</div></div></span><!--
--><input id="o3" type="radio" name="onglets" /><span class="ongletcont"><div class="buscabitch2"><div class="info-desc2 explo2"><!--
--><div class="netinfo explo">Créateur du prédéfinis // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Niveau de RP/Nombre de mot moyen // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--></div></div><!--
--></span></div></div>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Raleway:400,800,900" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="https://output.jsbin.com/vohulaviqo.css"><div class="contieneo vil3"><div class="numeramber vil">MAZE</div><div class="titubus"><vil>Prenom</vil> Nom<span class="datob">feat perso de nom oeuvre</span></div><div class="icon"><img src="https://images2.imgbox.com/c8/68/W5SJ3pf6_o.png"/></div><div class="buscabitch"><div class="info-desc vil2"><!--
--><div class="netinfo vil">âge // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">sexe // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">date de naissance // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">pays d'origine // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">ancien métier // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">métier dans Maze // <span>écrire juste ici</span></div><!--
--><div class="netinfo vil">groupe // <span>écrire juste ici</span></div><!--
--></div></div><div class="tableonglets"><label for="o1" class="onglet vil2">personnage</label><label for="o3" class="onglet vil2">irl</label><!--
--><input id="o1" type="radio" name="onglets" checked /><span class="ongletcont"><!--
--><div class="buscabitch2"><div class="info-desc2 vil2"><!--
--><div class="netinfo2 vil">description du personnage</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div></div><!--
--><div class="buscabitch2"><div class="info-descH3 vil2"><!--
--><div class="titubus"><vil>Lien</vil> avec votre Personnage</div><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis.</div></div></span><!--
--><input id="o3" type="radio" name="onglets" /><span class="ongletcont"><div class="buscabitch2"><div class="info-desc2 explo2"><!--
--><div class="netinfo explo">Créateur du prédéfinis // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Niveau de RP/Nombre de mot moyen // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--></div></div><!--
--></span></div></div>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Raleway:400,800,900" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="https://output.jsbin.com/vohulaviqo.css"><div class="contieneo cherch3"><div class="numeramber cherch">MAZE</div><div class="titubus"><cherch>Prenom</cherch> Nom<span class="datob">feat perso de nom oeuvre</span></div><div class="icon"><img src="https://images2.imgbox.com/c8/68/W5SJ3pf6_o.png"/></div><div class="buscabitch"><div class="info-desc cherch2"><!--
--><div class="netinfo cherch">âge // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">sexe // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">date de naissance // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">pays d'origine // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">ancien métier // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">métier dans Maze // <span>écrire juste ici</span></div><!--
--><div class="netinfo cherch">groupe // <span>écrire juste ici</span></div><!--
--></div></div><div class="tableonglets"><label for="o1" class="onglet cherch2">personnage</label><label for="o3" class="onglet cherch2">irl</label><!--
--><input id="o1" type="radio" name="onglets" checked /><span class="ongletcont"><!--
--><div class="buscabitch2"><div class="info-desc2 cherch2"><!--
--><div class="netinfo2 cherch">description du personnage</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div></div><!--
--><div class="buscabitch2"><div class="info-descH3 cherch2"><!--
--><div class="titubus"><cherch>Lien</cherch> avec votre Personnage</div><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis.</div></div></span><!--
--><input id="o3" type="radio" name="onglets" /><span class="ongletcont"><div class="buscabitch2"><div class="info-desc2 explo2"><!--
--><div class="netinfo explo">Créateur du prédéfinis // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Niveau de RP/Nombre de mot moyen // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--></div></div><!--
--></span></div></div>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Raleway:400,800,900" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="https://output.jsbin.com/vohulaviqo.css"><div class="contieneo comb3"><div class="numeramber comb">MAZE</div><div class="titubus"><comb>Prenom</comb> Nom<span class="datob">feat perso de nom oeuvre</span></div><div class="icon"><img src="https://images2.imgbox.com/c8/68/W5SJ3pf6_o.png"/></div><div class="buscabitch"><div class="info-desc comb2"><!--
--><div class="netinfo comb">âge // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">sexe // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">date de naissance // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">pays d'origine // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">ancien métier // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">métier dans Maze // <span>écrire juste ici</span></div><!--
--><div class="netinfo comb">groupe // <span>écrire juste ici</span></div><!--
--></div></div><div class="tableonglets"><label for="o1" class="onglet comb2">personnage</label><label for="o3" class="onglet comb2">irl</label><!--
--><input id="o1" type="radio" name="onglets" checked /><span class="ongletcont"><!--
--><div class="buscabitch2"><div class="info-desc2 comb2"><!--
--><div class="netinfo2 comb">description du personnage</div><!--
-->Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div></div><!--
--><div class="buscabitch2"><div class="info-descH3 comb2"><!--
--><div class="titubus"><comb>Lien</comb> avec votre Personnage</div><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis. Risus commodo viverra maecenas accumsan lacus vel facilisis.</div></div></span><!--
--><input id="o3" type="radio" name="onglets" /><span class="ongletcont"><div class="buscabitch2"><div class="info-desc2 explo2"><!--
--><div class="netinfo explo">Créateur du prédéfinis // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Niveau de RP/Nombre de mot moyen // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--><div class="netinfo explo">Une condition spécifique // <span>écrire juste ici</span></div><!--
--></div></div><!--
--></span></div></div>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Raleway:400,800,900" rel="stylesheet">