code fiche d'onglets

<link href="https://fonts.googleapis.com/css?family=Dorsa|Megrim|Roboto" rel="stylesheet"><style>/* STYLES D'ÉCRITURE*/[class*=_bp_adpz5]{/*  MISE EN FORME DE LA POLICE PRINCIPALE*/color: #fff; font-family: Arial; font-size: 11px; line-height: 13px; text-align: justify;}.citation_adpz5{/*  MISE EN FORME DE LA CITATION*/color: #47727D; font-family: Georgia; text-align: center; font-style: italic;}st, .credit_adpz5{/*  MISE EN FORME DES PETITS INTITULÉS*/color: #7C7C7C; text-transform: uppercase; font-variant: small-caps; text-decoration: none;}.credit_adpz5{/*  MISE EN FORME DU CRÉDIT*/font-size: 10px; letter-spacing: 4px;text-align: center;}.titre_adpz5{/*  MISE EN FORME DES TITRES ET DU NOM*/color: #66BFD5; font-family: 'Dorsa', sans-serif; font-size: 50px; letter-spacing: 2px; text-align: center; font-weight: bold;}[class*=_bp_adpz5], [class*=inbouton_adpz5]{/*  COULEUR DU FNOD*/background: #000;}.info_adpz5, [class*=buton_adpz5], [class*=_bp_adpz5]{/*  COULEUR DES BORDURES*/border-color: #fff;}/*  Pour l'instant, la valeur qui suit ne sert à rien. Remplacer le 0% par 100% si vous voulez que vos icones soient en noir et blanc. Sinon, supprimer jusqu'au prochain commentaire.*/[class*=_icone_adpz5]{filter: grayscale(0%);}/*   BLOCS PRINCIPAUX*/[class*=_bp_adpz5]{width: 420px; margin: auto; padding-top: 20px; border-bottom: 1px solid;}.trois_bp_adpz5{border-bottom: none; padding-bottom: 10px;}/*  (retirer s'il y a déjà une mise en forme de la scroll-bar de votre forum, c'est juste pour que ce ne soit pas le style par défaut de Google) MISE EN FORME DE LA SCROLL-BAR*/[class*=_bp_adpz5] div::-webkit-scrollbar {background: transparent; width: 6px; height: auto; padding-right: 15px;}[class*=_bp_adpz5] div::-webkit-scrollbar-thumb {/* COULEUR DE LA SCROLL BAR*/background: #7C7C7C;); border-radius: 5px}/*  BLOCS INTÉRIEURS*/.bloc_adpz5{width: 380px;display: block;margin: 0px auto 20px;}[class*=_icone_adpz5]{width: 80px; height: 80px; opacity: 0.9;}[class*=_icone_adpz5]:hover{opacity: 1;}.un_icone_adpz5{display: inline-block; margin-left: 20px;}.nom_adpz5{margin: 0px auto;}.ligneinfo_adpz5, .avatar_adpz5, .info_adpz5{height: 240px;}.avatar_adpz5{width: 150px; float: left;}.info_adpz5{width: 179px; padding: 0px 10px 0px 20px; border-left: 1px solid; overflow: auto; float: right;}/*  TEXTE*/.lignetexte_adpz5, .colonne_adpz5, .gauchecolonne_apdz5{height: 342px;}.lignetexte_adpz5{width: 400px; overflow: hidden; margin: -20px 0px 20px 20px;}.gauchecolonne_apdz5, [class*=inbouton_adpz5]{height: 322px;width: 260px; padding-right: 20px; position: relative; overflow: auto;}.gauchecolonne_apdz5{ margin: 20px 0px -380px; z-index: 10;}.colonne_adpz5{ float: right;}.colonne_adpz5, [class*=buton_adpz5]{width: 120px;}[class*=buton_adpz5]{height: 120px; border-bottom: 1px solid; overflow: hidden;}[class*=buton_adpz5]:hover{overflow: visible;}.deux_icone_adpz5{ position: relative; top: 20px; left: 20px;}[class*=inbouton_adpz5]{ margin-left: -280px; z-index: 20;}.un_inbouton_adpz5{ margin-top: -60px;}.deux_inbouton_adpz5{ margin-top: -181px;}.trois_inbouton_adpz5{ margin-top: -302px;}.intitule_adpz5{width: 100%; margin: 20px auto; line-height: 28px;}.trois_icone_adpz5{display: inline-block; margin: 20px 1px;}.quatre_icone_adpz5{display: inline-block; margin-left: 20px; margin-bottom: 20px;}[class*=_image_adpz5]{display: inline-block;width: 180px; margin: 0px 0px 20px;}[class*=image_adpz5]{ opacity: 0.9;}[class*=image_adpz5]:hover{opacity: 1;}.gauche_image_adpz5{float: left;}.droite_image_adpz5{float: right;}</style><!-----    BLOC D'INTRODUCTION -----><div class="un_bp_adpz5"><div class="bloc_adpz5 citation_adpz5"><!--  CITATION ICI -->une citation. pas trop longue non plus.<!--  --></div> <div class="bloc_adpz5"> <div class="un_icone_adpz5" style=" /*  ICONE DU HAUT UN*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i1510.png); background-position: 50% 50%; background-size: cover; margin-left: 0px;"></div><div class="un_icone_adpz5" style=" /* ICONE DU HAUT DEUX*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i1610.png); background-position: 50% 50%; background-size: cover;"></div><div class="un_icone_adpz5" style=" /* ICONE DU HAUT TROIS*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i310.png); background-position: 50% 50%; background-size: cover;"></div><div class="un_icone_adpz5" style=" /* ICONE DU HAUT QUATRE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2810.png); background-position: 50% 50%; background-size: cover;"></div> </div> <!--   GRANDE IMAGE ICI--><img src="http://tinyurl.com/y8blef5t" class="bloc_adpz5 image_adpz5"/> <div class="bloc_adpz5 titre_adpz5 nom_adpz5"> <!--    NOM DU PERSONNAGE ICI --> PRÉNOM P. NOM<!-- --></div> </div><!-----    BLOC D'INFORMATION -----><div class="deux_bp_adpz5" style="color: white;"><div class="bloc_adpz5 ligneinfo_adpz5"> <div class="avatar_adpz5 image_adpz5" style="/*  AVATAR ICI*/background: url(https://images2.imgbox.com/d7/97/kTVwfUcS_o.png); background-position: 50% 50%; background-size: cover;"></div> <div class="info_adpz5"> <!--   BLOC D'INFORMATION SUR LE PERSONNAGE ICI --><st>nom :</st> écrire ici. <st>+ prénom :</st> écrire ici. <st>+ surnom :</st> écrire ici. <st>+ âge :</st> écrire ici. <st>+ nationalité :</st> écrire ici. <st>+ métier/études :</st> écrire ici. <st>+ groupe :</st> écrire ici. <st>+ avatar :</st> écrire ici. <!-- Oubliez pas de créditer, les amis, c'est pas sympa sinon--><st>+ crédit icone :</st> skate vibe. <st>+ crédit avatar :</st> vinyles idylles. <!--  --></div> </div></div><!-----    BLOC DES TEXTES-----><div class="trois_bp_adpz5"><div class="lignetexte_adpz5"> <div class="gauchecolonne_apdz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA PREMIÈRE CATÉGORIE ICI -->Raconter des histoires<!-- --></div> <!--  TEXTE DE LA PREMIÈRE CATÉGORIE -->L'histoire du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nibh vitae nibh vehicula auctor eu ac lectus. Curabitur hendrerit nisi nec elementum ullamcorper. Vestibulum pulvinar orci ac enim sollicitudin blandit. Integer a venenatis purus. Maecenas vitae rutrum massa, vel commodo enim. Praesent vulputate mi ac pretium tincidunt. Mauris bibendum viverra massa, sed consectetur magna pellentesque vehicula. Duis a auctor eros. Sed pellentesque enim eu viverra dictum. Maecenas bibendum leo nunc, semper pharetra erat laoreet sed. Vestibulum accumsan in elit vel iaculis. Sed ornare, metus quis interdum dignissim, nisi eros eleifend nulla, ac eleifend elit dui eu diam. Duis tellus libero, tempus et leo ut, ultricies porttitor massa. Morbi feugiat lorem faucibus cursus vestibulum. Duis malesuada at ex a dictum. Quisque fringilla, sem in suscipit lobortis, orci lorem luctus nisi, nec ornare felis nisl non libero. Donec venenatis mauris sem, vitae scelerisque urna vulputate ut. Vestibulum ante ipsum primis in faucibus.<!--  --></div> <div class="colonne_adpz5"> <div class="un_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA DEUXIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="un_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA DEUXIÈME CATÉGORIE ICI -->Offrir un bout de soi<!-- --></div> <!--  TEXTE DE LA DEUXIÈME CATÉGORIE -->Personnalité du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat neque quis orci tincidunt, quis gravida est fringilla. Quisque molestie finibus lacus. Nunc eu malesuada mauris. Fusce eu justo ac purus condimentum blandit. Quisque sollicitudin mi vel enim fringilla, ac malesuada nunc dictum. Aliquam sit amet nibh commodo odio bibendum tincidunt. In facilisis est iaculis massa finibus elementum. Nullam condimentum felis a felis blandit placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque malesuada et velit aliquet porttitor. Proin in lorem sed magna efficitur luctus. Aenean molestie luctus tortor, eget commodo lacus eleifend in. Nunc ex nunc, pharetra quis consequat nec, ultricies nec orci. In venenatis a sem eget pretium. Suspendisse vitae augue vitae lorem iaculis venenatis. <!--  --></div> </div> <div class="deux_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA TROISIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2210.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="deux_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA TROISIÈME CATÉGORIE ICI -->Boîte à souvenirs<!-- --></div> <!--  TEXTE DE LA TROISIÈME CATÉGORIE ICI -->Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <!--  --></div> </div> <div class="trois_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE DE LA QUATRIÈME CATÉGORIE ICI*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i3310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="trois_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA QUATRIÈME CATÉGORIE ICI -->Et toi, marionnettiste ?<!-- --></div> <!--  TEXTE DE LA QUATRIÈME CATÉGORIE ICI --><st>+ Surnom/pseudo :</st> écrire ici. <st>+ Prénom :</st> écrire ici. <st>+ Âge :</st> écrire ici. <st>+ Pays/région :</st> écrire ici. <st>+ Comment as-tu connu le forum ? :</st> écrire ici. <st>+ Scénario ? Inventé ? :</st> écrire ici. <st>+ Commentaire ? :</st> écrire ici. <!--   --><center><div class="trois_icone_adpz5" style="/*   ICONE DU IRL GAUCHE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i810.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL MILIEU*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i1310.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL DROIT*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2410.png); background-position: 50% 50%; background-size: cover;"></div></center> </div> </div> </div> </div><div class="credit_adpz5">☾ ANESIDORA</div></div>"]

<link href="https://fonts.googleapis.com/css?family=Dorsa|Megrim|Roboto" rel="stylesheet"><style>/*
STYLES D'ÉCRITURE*/[class*=_bp_adpz5]{/*

MISE EN FORME DE LA POLICE PRINCIPALE*/color: #fff; font-family: Arial; font-size: 11px; line-height: 13px; text-align: justify;}.citation_adpz5{/*

MISE EN FORME DE LA CITATION*/color: #47727D; font-family: Georgia; text-align: center; font-style: italic;}st, .credit_adpz5{/*

MISE EN FORME DES PETITS INTITULÉS*/color: #7C7C7C; text-transform: uppercase; font-variant: small-caps; text-decoration: none;}.credit_adpz5{/*

MISE EN FORME DU CRÉDIT*/font-size: 10px; letter-spacing: 4px;text-align: center;}.titre_adpz5{/*

MISE EN FORME DES TITRES ET DU NOM*/color: #66BFD5; font-family: 'Dorsa', sans-serif; font-size: 50px; letter-spacing: 2px; text-align: center; font-weight: bold;}[class*=_bp_adpz5], [class*=inbouton_adpz5]{/*

COULEUR DU FNOD*/background: #000;}.info_adpz5, [class*=buton_adpz5], [class*=_bp_adpz5]{/*

COULEUR DES BORDURES*/border-color: #fff;}/*

Pour l'instant, la valeur qui suit ne sert à rien. Remplacer le 0% par 100% si vous voulez que vos icones soient en noir et blanc. Sinon, supprimer jusqu'au prochain commentaire.*/[class*=_icone_adpz5]{filter: grayscale(0%);}/*


BLOCS PRINCIPAUX*/[class*=_bp_adpz5]{width: 420px; margin: auto; padding-top: 20px; border-bottom: 1px solid;}.trois_bp_adpz5{border-bottom: none; padding-bottom: 10px;}/*

(retirer s'il y a déjà une mise en forme de la scroll-bar de votre forum, c'est juste pour que ce ne soit pas le style par défaut de Google)
MISE EN FORME DE LA SCROLL-BAR*/[class*=_bp_adpz5] div::-webkit-scrollbar {background: transparent; width: 6px; height: auto; padding-right: 15px;}[class*=_bp_adpz5] div::-webkit-scrollbar-thumb {/*
COULEUR DE LA SCROLL BAR*/background: #7C7C7C;); border-radius: 5px}/*

BLOCS INTÉRIEURS*/.bloc_adpz5{width: 380px;display: block;margin: 0px auto 20px;}[class*=_icone_adpz5]{width: 80px; height: 80px; opacity: 0.9;}[class*=_icone_adpz5]:hover{opacity: 1;}.un_icone_adpz5{display: inline-block; margin-left: 20px;}.nom_adpz5{margin: 0px auto;}.ligneinfo_adpz5, .avatar_adpz5, .info_adpz5{height: 240px;}.avatar_adpz5{width: 150px; float: left;}.info_adpz5{width: 179px; padding: 0px 10px 0px 20px; border-left: 1px solid; overflow: auto; float: right;}/*

TEXTE*/.lignetexte_adpz5, .colonne_adpz5, .gauchecolonne_apdz5{height: 342px;}.lignetexte_adpz5{width: 400px; overflow: hidden; margin: -20px 0px 20px 20px;}.gauchecolonne_apdz5, [class*=inbouton_adpz5]{height: 322px;width: 260px; padding-right: 20px; position: relative; overflow: auto;}.gauchecolonne_apdz5{ margin: 20px 0px -380px; z-index: 10;}.colonne_adpz5{ float: right;}.colonne_adpz5, [class*=buton_adpz5]{width: 120px;}[class*=buton_adpz5]{height: 120px; border-bottom: 1px solid; overflow: hidden;}[class*=buton_adpz5]:hover{overflow: visible;}.deux_icone_adpz5{ position: relative; top: 20px; left: 20px;}[class*=inbouton_adpz5]{ margin-left: -280px; z-index: 20;}.un_inbouton_adpz5{ margin-top: -60px;}.deux_inbouton_adpz5{ margin-top: -181px;}.trois_inbouton_adpz5{ margin-top: -302px;}.intitule_adpz5{width: 100%; margin: 20px auto; line-height: 28px;}.trois_icone_adpz5{display: inline-block; margin: 20px 3px;}.quatre_icone_adpz5{display: inline-block; margin-left: 20px; margin-bottom: 20px;}[class*=_image_adpz5]{display: inline-block;width: 180px; margin: 0px 0px 20px;}[class*=image_adpz5]{ opacity: 0.9;}[class*=image_adpz5]:hover{opacity: 1;}.gauche_image_adpz5{float: left;}.droite_image_adpz5{float: right;}</style><!-----


BLOC D'INTRODUCTION -----><div class="un_bp_adpz5"><div class="bloc_adpz5 citation_adpz5"><!--

CITATION ICI
-->une citation. pas trop longue non plus.<!--

--></div> <div class="bloc_adpz5"></div> <!--

GRANDE IMAGE ICI--><img src="http://tinyurl.com/y8blef5t" class="bloc_adpz5 image_adpz5"/> <div class="bloc_adpz5 titre_adpz5 nom_adpz5"> <!--


NOM DU PERSONNAGE ICI
-->UNE HISTOIRE DU TEMPS<!--
--></div> </div><!-----


BLOC D'INFORMATION -----><div class="trois_bp_adpz5"><div class="bloc_adpz5"><!--

-->Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici. Histoire du personnage ici.
</div> </div> </div> </div><div class="credit_adpz5">☾ ANESIDORA</div></div>

<link href="https://fonts.googleapis.com/css?family=Dorsa|Megrim|Roboto" rel="stylesheet"><style>/* STYLES D'ÉCRITURE*/[class*=_bp_adpz5]{/*  MISE EN FORME DE LA POLICE PRINCIPALE*/color: #fff; font-family: Arial; font-size: 11px; line-height: 13px; text-align: justify;}.citation_adpz5{/*  MISE EN FORME DE LA CITATION*/color: #47727D; font-family: Georgia; text-align: center; font-style: italic;}st, .credit_adpz5{/*  MISE EN FORME DES PETITS INTITULÉS*/color: #7C7C7C; text-transform: uppercase; font-variant: small-caps; text-decoration: none;}.credit_adpz5{/*  MISE EN FORME DU CRÉDIT*/font-size: 10px; letter-spacing: 4px;text-align: center;}.titre_adpz5{/*  MISE EN FORME DES TITRES ET DU NOM*/color: #66BFD5; font-family: 'Dorsa', sans-serif; font-size: 50px; letter-spacing: 2px; text-align: center; font-weight: bold;}[class*=_bp_adpz5], [class*=inbouton_adpz5]{/*  COULEUR DU FNOD*/background: #000;}.info_adpz5, [class*=buton_adpz5], [class*=_bp_adpz5]{/*  COULEUR DES BORDURES*/border-color: #fff;}/*  Pour l'instant, la valeur qui suit ne sert à rien. Remplacer le 0% par 100% si vous voulez que vos icones soient en noir et blanc. Sinon, supprimer jusqu'au prochain commentaire.*/[class*=_icone_adpz5]{filter: grayscale(0%);}/*   BLOCS PRINCIPAUX*/[class*=_bp_adpz5]{width: 420px; margin: auto; padding-top: 20px; border-bottom: 1px solid;}.trois_bp_adpz5{border-bottom: none; padding-bottom: 10px;}/*  (retirer s'il y a déjà une mise en forme de la scroll-bar de votre forum, c'est juste pour que ce ne soit pas le style par défaut de Google) MISE EN FORME DE LA SCROLL-BAR*/[class*=_bp_adpz5] div::-webkit-scrollbar {background: transparent; width: 6px; height: auto; padding-right: 15px;}[class*=_bp_adpz5] div::-webkit-scrollbar-thumb {/* COULEUR DE LA SCROLL BAR*/background: #7C7C7C;); border-radius: 5px}/*  BLOCS INTÉRIEURS*/.bloc_adpz5{width: 380px;display: block;margin: 0px auto 20px;}[class*=_icone_adpz5]{width: 80px; height: 80px; opacity: 0.9;}[class*=_icone_adpz5]:hover{opacity: 1;}.un_icone_adpz5{display: inline-block; margin-left: 20px;}.nom_adpz5{margin: 0px auto;}.ligneinfo_adpz5, .avatar_adpz5, .info_adpz5{height: 240px;}.avatar_adpz5{width: 150px; float: left;}.info_adpz5{width: 179px; padding: 0px 10px 0px 20px; border-left: 1px solid; overflow: auto; float: right;}/*  TEXTE*/.lignetexte_adpz5, .colonne_adpz5, .gauchecolonne_apdz5{height: 342px;}.lignetexte_adpz5{width: 400px; overflow: hidden; margin: -20px 0px 20px 20px;}.gauchecolonne_apdz5, [class*=inbouton_adpz5]{height: 322px;width: 260px; padding-right: 20px; position: relative; overflow: auto;}.gauchecolonne_apdz5{ margin: 20px 0px -380px; z-index: 10;}.colonne_adpz5{ float: right;}.colonne_adpz5, [class*=buton_adpz5]{width: 120px;}[class*=buton_adpz5]{height: 120px; border-bottom: 1px solid; overflow: hidden;}[class*=buton_adpz5]:hover{overflow: visible;}.deux_icone_adpz5{ position: relative; top: 20px; left: 20px;}[class*=inbouton_adpz5]{ margin-left: -280px; z-index: 20;}.un_inbouton_adpz5{ margin-top: -60px;}.deux_inbouton_adpz5{ margin-top: -181px;}.trois_inbouton_adpz5{ margin-top: -302px;}.intitule_adpz5{width: 100%; margin: 20px auto; line-height: 28px;}.trois_icone_adpz5{display: inline-block; margin: 20px 1px;}.quatre_icone_adpz5{display: inline-block; margin-left: 20px; margin-bottom: 20px;}[class*=_image_adpz5]{display: inline-block;width: 180px; margin: 0px 0px 20px;}[class*=image_adpz5]{ opacity: 0.9;}[class*=image_adpz5]:hover{opacity: 1;}.gauche_image_adpz5{float: left;}.droite_image_adpz5{float: right;}</style><div class="bloc_adpz5 titre_adpz5 nom_adpz5"> <div class="trois_bp_adpz5"><div class="lignetexte_adpz5"> <div class="gauchecolonne_apdz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA PREMIÈRE CATÉGORIE ICI -->Raconter des histoires<!-- --></div> <!--  TEXTE DE LA PREMIÈRE CATÉGORIE -->L'histoire du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nibh vitae nibh vehicula auctor eu ac lectus. Curabitur hendrerit nisi nec elementum ullamcorper. Vestibulum pulvinar orci ac enim sollicitudin blandit. Integer a venenatis purus. Maecenas vitae rutrum massa, vel commodo enim. Praesent vulputate mi ac pretium tincidunt. Mauris bibendum viverra massa, sed consectetur magna pellentesque vehicula. Duis a auctor eros. Sed pellentesque enim eu viverra dictum. Maecenas bibendum leo nunc, semper pharetra erat laoreet sed. Vestibulum accumsan in elit vel iaculis. Sed ornare, metus quis interdum dignissim, nisi eros eleifend nulla, ac eleifend elit dui eu diam. Duis tellus libero, tempus et leo ut, ultricies porttitor massa. Morbi feugiat lorem faucibus cursus vestibulum. Duis malesuada at ex a dictum. Quisque fringilla, sem in suscipit lobortis, orci lorem luctus nisi, nec ornare felis nisl non libero. Donec venenatis mauris sem, vitae scelerisque urna vulputate ut. Vestibulum ante ipsum primis in faucibus.<!--  --></div> <div class="colonne_adpz5"> <div class="un_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA DEUXIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="un_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA DEUXIÈME CATÉGORIE ICI -->Offrir un bout de soi<!-- --></div> <!--  TEXTE DE LA DEUXIÈME CATÉGORIE -->Personnalité du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat neque quis orci tincidunt, quis gravida est fringilla. Quisque molestie finibus lacus. Nunc eu malesuada mauris. Fusce eu justo ac purus condimentum blandit. Quisque sollicitudin mi vel enim fringilla, ac malesuada nunc dictum. Aliquam sit amet nibh commodo odio bibendum tincidunt. In facilisis est iaculis massa finibus elementum. Nullam condimentum felis a felis blandit placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque malesuada et velit aliquet porttitor. Proin in lorem sed magna efficitur luctus. Aenean molestie luctus tortor, eget commodo lacus eleifend in. Nunc ex nunc, pharetra quis consequat nec, ultricies nec orci. In venenatis a sem eget pretium. Suspendisse vitae augue vitae lorem iaculis venenatis. <!--  --></div> </div> <div class="deux_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA TROISIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2210.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="deux_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA TROISIÈME CATÉGORIE ICI -->Boîte à souvenirs<!-- --></div> <!--  TEXTE DE LA TROISIÈME CATÉGORIE ICI -->Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <!--  --></div> </div> <div class="trois_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE DE LA QUATRIÈME CATÉGORIE ICI*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i3310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="trois_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA QUATRIÈME CATÉGORIE ICI -->Et toi, marionnettiste ?<!-- --></div> <!--  TEXTE DE LA QUATRIÈME CATÉGORIE ICI --><st>+ Surnom/pseudo :</st> écrire ici. <st>+ Prénom :</st> écrire ici. <st>+ Âge :</st> écrire ici. <st>+ Pays/région :</st> écrire ici. <st>+ Comment as-tu connu le forum ? :</st> écrire ici. <st>+ Scénario ? Inventé ? :</st> écrire ici. <st>+ Commentaire ? :</st> écrire ici. <!--   --><center><div class="trois_icone_adpz5" style="/*   ICONE DU IRL GAUCHE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i810.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL MILIEU*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i1310.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL DROIT*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2410.png); background-position: 50% 50%; background-size: cover;"></div></center> </div> </div> </div> </div><div class="credit_adpz5">☾ ANESIDORA</div></div>

<link href="https://fonts.googleapis.com/css?family=Dorsa|Megrim|Roboto" rel="stylesheet"><style>/* STYLES D'ÉCRITURE*/[class*=_bp_adpz5]{/*  MISE EN FORME DE LA POLICE PRINCIPALE*/color: #fff; font-family: Arial; font-size: 11px; line-height: 13px; text-align: justify;}.citation_adpz5{/*  MISE EN FORME DE LA CITATION*/color: #47727D; font-family: Georgia; text-align: center; font-style: italic;}st, .credit_adpz5{/*  MISE EN FORME DES PETITS INTITULÉS*/color: #7C7C7C; text-transform: uppercase; font-variant: small-caps; text-decoration: none;}.credit_adpz5{/*  MISE EN FORME DU CRÉDIT*/font-size: 10px; letter-spacing: 4px;text-align: center;}.titre_adpz5{/*  MISE EN FORME DES TITRES ET DU NOM*/color: #66BFD5; font-family: 'Dorsa', sans-serif; font-size: 50px; letter-spacing: 2px; text-align: center; font-weight: bold;}[class*=_bp_adpz5], [class*=inbouton_adpz5]{/*  COULEUR DU FNOD*/background: #000;}.info_adpz5, [class*=buton_adpz5], [class*=_bp_adpz5]{/*  COULEUR DES BORDURES*/border-color: #fff;}/*  Pour l'instant, la valeur qui suit ne sert à rien. Remplacer le 0% par 100% si vous voulez que vos icones soient en noir et blanc. Sinon, supprimer jusqu'au prochain commentaire.*/[class*=_icone_adpz5]{filter: grayscale(0%);}/*   BLOCS PRINCIPAUX*/[class*=_bp_adpz5]{width: 420px; margin: auto; padding-top: 20px; border-bottom: 1px solid;}.trois_bp_adpz5{border-bottom: none; padding-bottom: 10px;}/*  (retirer s'il y a déjà une mise en forme de la scroll-bar de votre forum, c'est juste pour que ce ne soit pas le style par défaut de Google) MISE EN FORME DE LA SCROLL-BAR*/[class*=_bp_adpz5] div::-webkit-scrollbar {background: transparent; width: 6px; height: auto; padding-right: 15px;}[class*=_bp_adpz5] div::-webkit-scrollbar-thumb {/* COULEUR DE LA SCROLL BAR*/background: #7C7C7C;); border-radius: 5px}/*  BLOCS INTÉRIEURS*/.bloc_adpz5{width: 380px;display: block;margin: 0px auto 20px;}[class*=_icone_adpz5]{width: 80px; height: 80px; opacity: 0.9;}[class*=_icone_adpz5]:hover{opacity: 1;}.un_icone_adpz5{display: inline-block; margin-left: 20px;}.nom_adpz5{margin: 0px auto;}.ligneinfo_adpz5, .avatar_adpz5, .info_adpz5{height: 240px;}.avatar_adpz5{width: 150px; float: left;}.info_adpz5{width: 179px; padding: 0px 10px 0px 20px; border-left: 1px solid; overflow: auto; float: right;}/*  TEXTE*/.lignetexte_adpz5, .colonne_adpz5, .gauchecolonne_apdz5{height: 342px;}.lignetexte_adpz5{width: 400px; overflow: hidden; margin: -20px 0px 20px 20px;}.gauchecolonne_apdz5, [class*=inbouton_adpz5]{height: 322px;width: 260px; padding-right: 20px; position: relative; overflow: auto;}.gauchecolonne_apdz5{ margin: 20px 0px -380px; z-index: 10;}.colonne_adpz5{ float: right;}.colonne_adpz5, [class*=buton_adpz5]{width: 120px;}[class*=buton_adpz5]{height: 120px; border-bottom: 1px solid; overflow: hidden;}[class*=buton_adpz5]:hover{overflow: visible;}.deux_icone_adpz5{ position: relative; top: 20px; left: 20px;}[class*=inbouton_adpz5]{ margin-left: -280px; z-index: 20;}.un_inbouton_adpz5{ margin-top: -60px;}.deux_inbouton_adpz5{ margin-top: -181px;}.trois_inbouton_adpz5{ margin-top: -302px;}.intitule_adpz5{width: 100%; margin: 20px auto; line-height: 28px;}.trois_icone_adpz5{display: inline-block; margin: 20px 1px;}.quatre_icone_adpz5{display: inline-block; margin-left: 20px; margin-bottom: 20px;}[class*=_image_adpz5]{display: inline-block;width: 180px; margin: 0px 0px 20px;}[class*=image_adpz5]{ opacity: 0.9;}[class*=image_adpz5]:hover{opacity: 1;}.gauche_image_adpz5{float: left;}.droite_image_adpz5{float: right;}</style><!-----    BLOC D'INTRODUCTION -----><div class="un_bp_adpz5"> <!--   GRANDE IMAGE ICI--><img src="http://tinyurl.com/y8blef5t" class="bloc_adpz5 image_adpz5"/>  </div><!-----    BLOC DES TEXTES-----><div class="trois_bp_adpz5"><div class="lignetexte_adpz5"> <div class="gauchecolonne_apdz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA PREMIÈRE CATÉGORIE ICI -->Raconter des histoires<!-- --></div> <!--  TEXTE DE LA PREMIÈRE CATÉGORIE -->L'histoire du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac nibh vitae nibh vehicula auctor eu ac lectus. Curabitur hendrerit nisi nec elementum ullamcorper. Vestibulum pulvinar orci ac enim sollicitudin blandit. Integer a venenatis purus. Maecenas vitae rutrum massa, vel commodo enim. Praesent vulputate mi ac pretium tincidunt. Mauris bibendum viverra massa, sed consectetur magna pellentesque vehicula. Duis a auctor eros. Sed pellentesque enim eu viverra dictum. Maecenas bibendum leo nunc, semper pharetra erat laoreet sed. Vestibulum accumsan in elit vel iaculis. Sed ornare, metus quis interdum dignissim, nisi eros eleifend nulla, ac eleifend elit dui eu diam. Duis tellus libero, tempus et leo ut, ultricies porttitor massa. Morbi feugiat lorem faucibus cursus vestibulum. Duis malesuada at ex a dictum. Quisque fringilla, sem in suscipit lobortis, orci lorem luctus nisi, nec ornare felis nisl non libero. Donec venenatis mauris sem, vitae scelerisque urna vulputate ut. Vestibulum ante ipsum primis in faucibus.<!--  --></div> <div class="colonne_adpz5"> <div class="un_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA DEUXIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="un_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA DEUXIÈME CATÉGORIE ICI -->Offrir un bout de soi<!-- --></div> <!--  TEXTE DE LA DEUXIÈME CATÉGORIE -->Personnalité du personnage ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat neque quis orci tincidunt, quis gravida est fringilla. Quisque molestie finibus lacus. Nunc eu malesuada mauris. Fusce eu justo ac purus condimentum blandit. Quisque sollicitudin mi vel enim fringilla, ac malesuada nunc dictum. Aliquam sit amet nibh commodo odio bibendum tincidunt. In facilisis est iaculis massa finibus elementum. Nullam condimentum felis a felis blandit placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque malesuada et velit aliquet porttitor. Proin in lorem sed magna efficitur luctus. Aenean molestie luctus tortor, eget commodo lacus eleifend in. Nunc ex nunc, pharetra quis consequat nec, ultricies nec orci. In venenatis a sem eget pretium. Suspendisse vitae augue vitae lorem iaculis venenatis. <!--  --></div> </div> <div class="deux_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE-BOUTON DE LA TROISIÈME CATÉGORIE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2210.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="deux_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA TROISIÈME CATÉGORIE ICI -->Boîte à souvenirs<!-- --></div> <!--  TEXTE DE LA TROISIÈME CATÉGORIE ICI -->Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <st>+++</st> Fait divers sur le personnage, de tout, de rien, ce qu'il y a à savoir. <!--  --></div> </div> <div class="trois_buton_adpz5"> <div class="deux_icone_adpz5" style=" /*   ICONE DE LA QUATRIÈME CATÉGORIE ICI*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i3310.png); background-position: 50% 50%; background-size: cover; margin: 0px;"></div> <div class="trois_inbouton_adpz5"> <div class="titre_adpz5 intitule_adpz5"><!--  TITRE DE LA QUATRIÈME CATÉGORIE ICI -->Et toi, marionnettiste ?<!-- --></div> <!--  TEXTE DE LA QUATRIÈME CATÉGORIE ICI --><st>+ Surnom/pseudo :</st> écrire ici. <st>+ Prénom :</st> écrire ici. <st>+ Âge :</st> écrire ici. <st>+ Pays/région :</st> écrire ici. <st>+ Comment as-tu connu le forum ? :</st> écrire ici. <st>+ Scénario ? Inventé ? :</st> écrire ici. <st>+ Commentaire ? :</st> écrire ici. <!--   --><center><div class="trois_icone_adpz5" style="/*   ICONE DU IRL GAUCHE*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i810.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL MILIEU*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i1310.png); background-position: 50% 50%; background-size: cover;"></div><div class="trois_icone_adpz5" style="/* ICONE DU IRL DROIT*/background: url(https://i.servimg.com/u/f62/19/80/02/25/i2410.png); background-position: 50% 50%; background-size: cover;"></div></center> </div> </div> </div> </div><div class="credit_adpz5">☾ ANESIDORA</div></div>