<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style>.fiche_presentation ::-webkit-scrollbar {width: 10px;} .fiche_presentation ::-webkit-scrollbar-thumb {background: #888;} .fiche_presentation ::-webkit-scrollbar-track {background: #252b2f;} .clear {clear: both;} .fiche_presentation {width: 600px; margin: 2% auto; background: #252b2f; font-size: 11px; text-align: justify; padding: 0 0 4% 0;} .fiche_presentation .illustration {max-width: 100%;} .fiche_presentation h2 {text-align: center; margin: 5% 0 2%; padding: 0; border: 0; color: #ffffff; font-size: 40px; font-family: 'Abel', sans-serif; font-weight: normal; text-transform: uppercase;} .fiche_presentation h3 {text-transform: uppercase; text-align: center; font-family: 'Abel', sans-serif; font-size: 25px; color: #ffffff; font-weight: normal; margin: 4% 0 2%; letter-spacing: .2rem;} .fiche_presentation .separation {background: url(http://img110.xooimage.com/files/f/e/e/separateur-5513574.png); width: 95%; height: 100px; margin: auto;} .fiche_presentation .identite {float: left; margin: 0 3% 0 5%; width: 250px;} .fiche_presentation .identite p {width: 100%; height: 320px; overflow: auto; padding: 5%; box-sizing: border-box; background: #fff; margin: 5% 0 0;} .fiche_presentation .identite p span {font-weight: bold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px;} .fiche_presentation .physique {float: right; text-align: center; margin: 0 5% 0 3%; width: 250px;} .fiche_presentation .bloc_physique {width: 250px; height: 320px; overflow: hidden; margin: 5% 0 0;} .fiche_presentation .bloc_physique:hover .description {margin-top: -320px; transition: .5s all; display: block;} .fiche_presentation .bloc_physique .description {background: #fff; width: 250px; height: 320px; text-align: justify; padding: 10%; box-sizing: border-box; transition: .5s all; position: relative; z-index: 2; overflow: auto;} .fiche_presentation p {width: 90%; padding: 5%; margin: auto; box-sizing: border-box; display: block; overflow: auto; height: 250px; background: #fff;} .fiche_presentation p span {font-weight: bold; font-size: 12px; letter-spacing: 1px;} .fiche_presentation p.maitrises {background: none; padding: 0; height: auto;} .fiche_presentation p.maitrises span {display: block; text-align: center; background: #fff; padding: 2% 0; margin: 0 2% 2% 2%; font-family: 'Abel', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; transition: .5s all;} .fiche_presentation p.maitrises span:hover {background: #888; transition: .5s all; color: #e3e3e3;}</style><div class="fiche_presentation">
[center]<img src="https://zupimages.net/up/20/29/l1i1.gif" alt="" class="illustration" />[/center]
<h2>Nom du personnage</h2><div class="separation"></div><FONT size="5pt"> <h2>Groupe Choisi</h2></FONT>.
<div class="identite"><h3>Identité</h3><p><span>Nom :</span> [i]écrire ici.[/i]
<span>Prénom :</span> [i]écrire ici.[/i]
<span>Type d'androïde :</span> [i]écrire la série d'androïde, si vous êtes un humain, retirez la ligne[/i]
<span>Nom de code :</span> [i]si vous êtes de la Coalition : un animal en anglais / si vous êtes de la Rébellion ou un Corrompu : un élément naturel en anglais, sinon retirez la ligne[/i]
<span>Age :</span> [i]écrire ici.[/i]
<span>Sexe :</span> [i]écrire ici.[/i]
<span>Date & lieu de naissance :</span> [i]écrire ici.[/i]
<span>Nationalité :</span> [i]écrire ici.[/i]
<span>Groupe :</span> [i]écrire ici.[/i]
<span>Orientation Sexuelle :</span> [i]écrire ici.[/i]
<span>Situation</span> [i]écrire ici.[/i]
<span>Occupation/Métier :</span> [i]écrire ici.[/i]
<span>Avatar :</span> [i]ft. écrire ici[/i]
<span>Double Compte ?</span> [i]Oui ou non[/i]</p></div><div class="physique"><h3>Physique</h3><div class="bloc_physique"><img src="https://i.servimg.com/u/f98/17/38/51/70/image_10.jpg" alt="" /><div class="description">[i]Un minimum de 10 lignes est imposé.

[/i]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</div></div></div><div class="clear"></div>
<h3>Caractère</h3>
<p>[i]Un minimum de 10 lignes est imposé. Au moins 5 qualités et 5 défauts doivent être mentionnés.[/i]

ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</p>

<h3>Histoire</h3>
<p>[i]Un minimum de 20 lignes est imposé.[/i]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum semper porttitor varius. Morbi et tellus dapibus, viverra elit id, pretium dui. Nullam vitae justo consequat, ultricies diam ut, egestas libero. Nunc a lacus est. Sed dictum nunc eget sapien suscipit, vel rhoncus sapien egestas. Integer hendrerit, nisl nec pretium scelerisque, ipsum mi dignissim felis, vitae semper lectus augue in massa. Fusce ultrices et nisl et fermentum. Nunc id lacus eget odio semper imperdiet. Suspendisse convallis massa ut velit egestas finibus. Sed elit libero, mollis eget neque non, semper pellentesque augue. Praesent malesuada efficitur erat sed aliquet. Maecenas efficitur ac nulla vitae condimentum. Cras volutpat non justo et aliquet.

Vivamus at velit tempus, euismod elit in, dictum felis. Praesent nisl magna, suscipit vitae neque pretium, lobortis gravida lorem. Vivamus vestibulum sollicitudin tristique. Praesent cursus quam nisl, sit amet efficitur sapien imperdiet id. Curabitur maximus venenatis massa at scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam gravida dignissim ex, eget mattis nunc suscipit a. Duis magna diam, malesuada pretium mauris eget, semper hendrerit turpis.</p>

<h3>Derrière l'écran</h3>
<p>[color=#ffffff]▬▬▬▬▬▬▬▬[/color][img(100px,100px)]https://i2.wp.com/images6.fanpop.com/image/photos/32400000/Icon-Black-Wolf-Blue-Eyes-wolves-32460877-200-200.jpg[/img] [img(100px,100px)]https://64.media.tumblr.com/c3c75fde0dd4b50a038f3a4f34ace6c9/tumblr_p23qgewNhC1uoh1z6o6_400.png[/img] [img(100px,100px)]https://64.media.tumblr.com/e8957befcbb8a63e97417818d06df0df/d0089b0cb12c6e13-9b/s250x250_c1/ba0540745d2ee1a49ec47a3dcbca7c76f2257da1.jpg[/img]
Pseudo ϟ [i]ici l'info[/i]
Âge ϟ [i]ici l'info[/i]
PV, Scénario ou Inventé ? ϟ [i]ici l'info[/i]
Fréquences de connexion ϟ [i]ici l'info[/i]
Comment nous as-tu connu ? ϟ [i]ici l'info[/i]
Un dernier mot ? ϟ [i]ici l'info[/i]</p></div>