<style>.cadregeneral {width : 600px; height :780px ;background-image: url(); margin: 0 auto; position: relative; box-shadow: 3px 3px 3px 3px darkgoldenrod;}.polaroid {float: left; width: 470px; height: 180px; }.container {width: 580px; height: 760px; margin-top: 20px; margin-left: 20px; position: relative; padding-left: 5px;}.container::before {content: "Pages";position: absolute; right: 95px; top: 10px; font-size: 13px;opacity: 1;}.contenu {position: absolute; top: 30px; left: 5px; right: 0;bottom: 0;}.floatleft {margin-bottom: -20px;}.titre {text-align: center; font-weight: bold; font-style: italic; font-size: 16px; margin: 0px 0px 10px -30px;}.texte {width: 550px; height: 180px; padding: 0px 5px 0px 0px; text-align: justify; overflow: auto;}.page label {position: absolute; top: 1px; right: 0; padding: 5px; cursor: pointer;}.page [type="radio"] {opacity: 0;}.contenu > * {opacity: 0;transition: opacity .6s ease;}[type="radio"]:focus ~ label {ouline: 2px solid blue;}[type="radio"]:checked ~ label {z-index: 2;font-weight: bold;}[type="radio"]:checked ~ label ~ .contenu {z-index: 1;}[type="radio"]:checked ~ label ~ .contenu > * {opacity: 1;}label[for="page-1"] {right: 70px;}label[for="page-2"] {right: 35px;}.page2 .contenu, .page3 .contenu {position: absolute; top: 28px;left: 10px; right: 0;bottom: 0;padding: 15px 25px;}.colonnes{-webkit-column-count: 2;}.blockgauche {width: 245px; height: 190px; padding: 0px 5px 0px 0px; margin: 0px 0px 0px -20px; text-align: justify; overflow: auto;}.blockdroite {width: 245px; height: 305px; padding: 0px 5px 0px 0px; margin: 0px 10px 0px -10px; text-align: justify; overflow: auto;}.histoire {width: 520px; height: 380px; padding: 0px 5px 0px 0px; margin: 0px 0px 0px -20px; text-align: justify; overflow: auto;}.prez {width: 520px; height: 160px; padding: 0px 5px 0px 0px; margin: 0px 0px 0px -20px; text-align: justify; overflow: auto;}.citation {width: 520px; height: 50px; text-align: center;}</style>


<div class="cadregeneral"><div class="container"><div class="page"><input type="radio" id="page-1" name="page-g1" checked><label for="page-1">1</label>
<div class="contenu"><div class="polaroid">
[b]Surnom(s) :[/b] texte
[b]Sexe :[/b] texte
[b]Âge :[/b] texte
[b]Race :[/b] texte
[b]Situation Matrimoniale :[/b] texte
[b]Métier :[/b] texte
[b]Lieu de résidence :[/b] texte
[b]Réputation :[/b] texte
[b]Dieu(x) révéré(s) :[/b] texte
</div><div class="floatleft">
Adjectif 1
Adjectif 2
Adjectif 3
Adjectif 4
Adjectif 5
Adjectif 6
Adjectif 7
Adjectif 8
Adjectif 9
</div>
<div class="citation" style="margin-top: 40px;">Citation classe et si la citation devient subitement très longue parce qu'on a envie de raconter sa vie qu'est-ce qu'il se passe ?</div>
<div class="titre" style="margin-top: 10px;">❧ APPARENCE</div><div class="texte"> Ici nous attendons la description précise du physique de votre personnage. Bien qu'on ne vous demande pas d'en faire des caisses juste pour nous impressionner, pensez néanmoins à bien préciser si votre personnage possède des caractéristiques physiques particulières ou marquantes, et n'hésitez pas à décrire ses vêtements, ses cheveux, sa taille, sa musculature... Tous ces éléments nous serviront à déterminer les caractéristiques qui seront les vôtres pour la suite de la partie, à savoir ATK (attaque) et DEF (défense).</div><div class="titre">❧ CARACTÈRE</div><div class="texte">Tout comme pour le physique, on ne vous demande pas d'écrire des tartines en pure perte, n'hésitez pas à aller dans le détail pour expliquer sa façon de réagir ou même de penser. Ce sera d'une grande aide pour vos partenaires d'écriture plus tard, ainsi que pour les Maîtres du Jeu, qui pourront s'y référer au besoin. C'est aussi grâce à votre description que nous pourrons déterminer votre stat de PER, ou perception.</div></div></div>
<div class="page page2"><input type="radio" id="page-2" name="page-g1"><label for="page-2">2</label><div class="contenu"><div class="colonnes">
<div class="titre">❧ LOOT               </div><div class="blockgauche">Cet encart est destiné à accueillir tout  ce que vous transportez sur vous; hormis votre équipement. N'hésitez pas à détailler ou à présenter sous forme de liste vos possessions.</div>
<div class="titre">❧ MONTURE          </div><div class="blockgauche">Si vous possédez une monture, c'est ici qu'il faudra la décrire, et expliciter ses pouvoirs si elle en est pourvue.</div>
<div class="titre">❧ FAMILIER            </div><div class="blockgauche">Si vous possédez un familier, c'est ici qu'il faudra le décrire, et expliciter ses pouvoirs s'il en est pourvu.</div>
<div class="titre">❧ ARMURE</div><div class="blockdroite">Ici sera le lieu de récap' de tout ce qui vous sert de protection (évidement les vêtements ne font pas partie de l'équipement, on n'attend ici que les objets que vous transportez).</div>
<div class="titre">❧ ARMES</div><div class="blockdroite">Vous listerez ici les armes en votre possession.</div></div></div></div>
<div class="page page3"><input type="radio" id="page-3" name="page-g1"><label for="page-3">3</label><div class="contenu">
<div class="titre">❧ HISTOIRE</div><div class="histoire">Enfin, après toutes ces étapes fastidieuses, nous arrivons à votre histoire. Elle est essentielle pour comprendre par quoi est passé votre personnage, ce qu'il a traversé, comment cela a pu l'influencer et façonner la personne qu'il est aujourd'hui. Il n'y a pas de minimum de lignes requis, toutefois nous vous ferons savoir si nous trouvons votre récit trop succinct. Nous nous appuierons aussi sur cet encart pour vos caractéristiques, gardez-le à l'esprit !
N'hésitez pas à mentionner les infos importantes que vous jugerez utiles, comme par exemple ses convictions ou ses objectifs.</div>
<div class="titre">❧ DERRIÈRE L'ÉCRAN</div><div class="prez">Cet espace vous permet, si vous le souhaitez, de nous parler de vous. Vous pouvez y mentionner vos goûts, votre âge, vos passions, votre puff (pseudo internet), et tout ce qui vous passera par la tête. Bien sûr, c'est totalement optionnel.</div></div></div>
</div></div>