<!-- AJOUT DES LIENS CSS --><link href="https://fonts.googleapis.com/css?family=Montserrat:300|Oswald:400,500&display=swap" rel="stylesheet"><script src="https://kit.fontawesome.com/395753f97a.js"></script><!--

MODIFIER VOTRE COULEUR -->
<style>:root {--main-color : #D09F01;}</style><!--

FIN CSS


--><div class="caspianpres"><!--

HEADER --><header style="background: url(https://zupimages.net/up/23/09/z4h6.png);">Prénom NOM</header><!--

PRENOM --><div class="c_name">Prénom</div><!--

INFORMATIONS --><div class="c_infos"><div class="c_tolerance">Mai
son
ici</div><p>Surnom (non obligatoire) ⥋ Genre ⥋ Date de naissance ⥋ Race ou Sang ⥋ Origines ⥋ Groupe ⥋ Année d'étude (si Élève) ⥋ Profession (sinon) ⥋ (Ancienne) Maison ⥋ Baguette ⥋ Familier</p></div><!--

PHYSIQUE --><div class="c_caractere"><div class="c_triangle"></div><img src="https://i.pinimg.com/564x/52/ba/70/52ba70963deb314fbe88392713e20192.jpg" class="c_avatar" alt="" /><div class="c_carac_txt"><h2>Physique</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id augue a metus imperdiet malesuada. Proin nec eros felis. Aenean consectetur dignissim augue eget ultrices. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris molestie massa mi, sed semper justo finibus vel. Maecenas eget convallis nisi. Maecenas eleifend lacus at massa consectetur convallis. Mauris in mattis nunc. Integer eu tincidunt velit.

  Etiam maximus erat vitae venenatis posuere. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam consectetur lorem et nisi condimentum blandit. In hac habitasse platea dictumst. Quisque dignissim justo sit amet justo aliquam fermentum. Aliquam sodales eros ut mattis sagittis. Suspendisse ipsum ligula, cursus id turpis sit amet, condimentum congue nisi. Pellentesque tincidunt magna nulla, aliquam hendrerit ante consectetur sit amet. Aenean porta luctus velit id ullamcorper. Ut sit amet sem elit. Donec ac tortor lorem. Praesent vel tristique neque, non blandit nulla. Ut quis libero lorem. Vestibulum luctus nec urna et elementum.</p></div></div><!--

VALEURS --><div class="c_details"><div class="c_details_txt"><p><span>Valeurs</span>
Réponse — Réponse — Réponse — Réponse — Réponse — Réponse — Réponse — Réponse — Réponse</p></div><img src="https://i.imgur.com/U9R1dx1.png" class="c_blaireau" alt="" /></div><!--

CARACTERE --><div class="c_adjfacts"><div class="c_adjectifs"><h3>Qualités</h3><h4>Défauts</h4></div><div class="c_truefacts"><h5>Carac<span>tère</span></h5><p><span>Trait ;</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis.

<span>Trait</span> ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis.

<span>Trait</span> ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis.

<span>Trait</span> ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis.

<span>Trait</span> ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis.</p></div></div><!--

HISTOIRE --><div class="c_histoire"><div class="header_histoire"><img src="https://i.pinimg.com/736x/ef/84/ed/ef84ed3e25b38b6189a7deca74d7c098.jpg" alt="" class="header_histoire_img" /></div><h2>Histoire</h2><div class="c_histoire_txt"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue tellus id venenatis semper. Proin fermentum lorem sed justo vehicula, vitae luctus sapien congue. Praesent sed justo leo. Nam sagittis turpis massa, id sollicitudin magna euismod a. Curabitur nunc tortor, fermentum in nulla eu, elementum varius neque. Aenean efficitur sem non justo imperdiet vulputate. Ut ac ex metus. Nunc eu libero vitae tellus aliquam pellentesque et quis turpis. Mauris in tempor elit. Proin tristique bibendum elit, eget cursus lorem scelerisque id. Nulla fringilla condimentum erat. Pellentesque sed placerat ligula.

In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent fermentum iaculis nunc a tempus. Proin viverra sit amet lacus volutpat cursus. Duis congue convallis mauris vitae dictum. Aliquam eu augue sed leo accumsan porta vitae sed magna. Praesent faucibus elit at felis suscipit posuere. Nunc pretium est erat, a fringilla odio aliquet dignissim.

Integer tincidunt lacinia felis, ac facilisis augue porttitor commodo. Donec commodo ultrices ex viverra scelerisque. Morbi risus nibh, blandit et tempor id, vehicula vitae justo. Nullam quis fermentum dolor, in efficitur diam. Suspendisse bibendum posuere lobortis. Donec pulvinar vel lectus mollis eleifend. Fusce a pharetra ex, sit amet consequat lectus. Fusce eleifend libero id sem rutrum, et rhoncus nisi hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras eu viverra nisl, suscipit viverra erat. Fusce in consequat purus. Aliquam ac eleifend purus, et rhoncus mi. Aenean nisl tellus, vestibulum ac fringilla vitae, porttitor non nulla.

Donec eget mi nec orci mattis ullamcorper. Mauris quis velit consequat augue hendrerit fringilla. Nam vitae justo eu metus condimentum varius. Integer sagittis tellus ut sollicitudin suscipit. Ut a quam consectetur, volutpat lacus quis, tincidunt ex. Suspendisse egestas urna sodales vulputate condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Quisque aliquet lacinia erat in pharetra. Quisque ac nisl et est euismod iaculis. Donec nec nisi non massa semper tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis lobortis neque. Suspendisse potenti. Cras vehicula maximus tempor. In varius nisi eu lectus facilisis iaculis. Quisque quis mattis nunc, tempus tincidunt est. Donec facilisis bibendum ipsum et porta. Nam auctor ac metus ut ultrices. Praesent tincidunt neque vel mi luctus, at malesuada massa fringilla. Duis at luctus ex. Pellentesque dignissim posuere vestibulum.</p></div></div><!--

FOOTER --><div class="c_footer"><p>Origines de l'avatar</p></div><!--


--><a href="http://ls-halloween.fr/" target="_blank" id="hallow_credits">Halloween</a></div>

<div class="profil_perso"><div class="nom_perso"><!-- NOM DU PERSONNAGE -->Prénom Nom</div><div class="avatar_perso"><!-- AVATAR DU PERSONNAGE --><img src="https://www.zupimages.net/up/18/49/1xul.png" /></div><div class="rang_perso"><!-- RANG OU TITRE -->Rang / Titre</div><div class="infos_perso"><!-- DEBUT INFORMATIONS PERSONNAGE --><span>Fiche</span> - <a href="#">ICI</a>
<span>Journal</span> - <a href="#">ICI</a>
<span>Compétences</span><div class="inventaire_contenu">Puissance : ???
Connaissances : ???
Réactivité ??
Physique ??
PM : ????
Endurance : ???.</div>
<span>Inventaire</span><div class="inventaire_contenu">Contenu de l'inventaire du personnage...</div></div><!-- FIN INFORMATIONS PERSONNAGE --></div><div class="contenu_rp"><!-- DEBUT DU RP -->

<style>.fond_pres {background: #FFFFFF; width: 500px; margin: auto; box-sizing: border-box; position: relative; font-family: Times New Roman; color: #262628;} .fond_pres ::-webkit-scrollbar {background: #d9d9d9; height: 7px; width: 7px;} .fond_pres ::-webkit-scrollbar-thumb {background: #183d23; border-radius: 27px;} .fond_pres h2 {display: block; text-align: center; text-transform: lowercase; letter-spacing: -2px; font-size: 24px; font-family: 'Arial', sans-serif; margin: -230px 0 0 0; position: relative; color: #ffffff; } .fond_liens_cont { margin: auto; margin-top: 230px; pading: 10px; } .fond_pres h3 {font-family: 'Bigelow Rules', cursive; font-size: 24px;  text-align: center; font-weight: bold; margin: 2% 0 0 5%; color: #D09F01; } .fond_pres h3::before {background: url('https://zupimages.net/up/23/08/ehw1.png'); content: ""; width: 10px; height: 10px; display: inline-block; margin: 0 2% 0 0;} .liens_relations a {text-decoration: none; color: #d9d9d9; transition: .5s all;} .intro_relation {background: #222224; padding: 5%; width: 80%; max-height: 300px; margin: 0 auto 2%; overflow: auto; color: #ffffff; } .intro_relation span { margin-bottom: 3px; margin-left:5px; padding: 1px; text-transform: uppercase; font-weight: 900; font-size: 15px; font-family: 'Bigelow Rules', cursive; background: #D09F01; color: #000000; ); } img.image_footer {border: 5px solid #D09F01; float: left; margin: 0 3%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: #222224; border-left: 2px solid #D09F01; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto; font-family: Times New Roman; color: #ffffff; } .informations_footer span {font-weight: 700; text-transform: uppercase;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; line-height: 3;} img.image_footer.gryffondor1 { border: 5px solid #87262A; } .informations_footer.gryffondor1 { border-left: 2px solid #87262A; } .informations_footer.gryffondor1 h4 { color: #87262A; } .informations_footer.gryffondor1 span { background: #87262A; padding: 1%; } img.image_footer.poufsouffle1 { border: 5px solid #B68D01; } .informations_footer.poufsouffle { border-left: 2px solid #B68D01; } .informations_footer.poufsouffle1 h4 { color: #B68D01; } .informations_footer.poufsouffle1 span { background: #B68D01; padding: 1%; } img.image_footer.serdaigle1 { border: 5px solid #3B4B8C; } .informations_footer.serdaigle1 { border-left: 2px solid #3B4B8C; } .informations_footer.serdaigle1 h4 { color: #3B4B8C; } .informations_footer.serdaigle1 span { background: #3B4B8C; padding: 1%; } img.image_footer.serpentard1 { border: 5px solid #388553; } .informations_footer.serpentard1 { border-left: 2px solid #388553; } .informations_footer.serpentard1 h4 { color: #388553; } .informations_footer.serpentard1 span { background: #388553; padding: 1%; } img.image_footer.poudlard1 { border: 5px solid #DB9214; } .informations_footer.poudlard1 { border-left: 2px solid #DB9214; } .informations_footer.poudlard1 h4 { color: #DB9214; } .informations_footer.poudlard1 span { background: #DB9214; padding: 1%; } img.image_footer.ministere1 { border: 5px solid #693B94; } .informations_footer.ministere1 { border-left: 2px solid #693B94; } .informations_footer.ministere1 h4 { color: #693B94; } .informations_footer.ministere1 span { background: #693B94; padding: 1%; } img.image_footer.nonaffilie1 { border: 5px solid #69296B; } .informations_footer.nonaffilie1 { border-left: 2px solid #69296B; } .informations_footer.nonaffilie1 h4 { color: #69296B; } .informations_footer.nonaffilie1 span { background: #69296B; padding: 1%; } img.image_footer.moldu1 { border: 5px solid #1697A8; } .informations_footer.moldu1 { border-left: 2px solid #1697A8; } .informations_footer.moldu1 h4 { color: #1697A8; } .informations_footer.moldu1 span { background: #1697A8; padding: 1%; } a.morsmordre_credits {color: #d9d9d9; display: block; font-family: Helvetica; font-size: 10px; font-style: italic; letter-spacing: -1px; margin: 4% 0 0; text-align: center; text-decoration: none; text-transform: lowercase; padding: 0 0 1%;}</style>

<div class="fond_pres"><img src="https://zupimages.net/up/23/09/z4h6.png" class="header_pres" alt="" /><h2>Nom Prénom</h2><div class="fond_liens_cont">

<h3>Mon histoire de ma naissance à l'été 2013</h3>
<div class="intro_relation">Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>

<h3>Liens recherchés</h3>
<div class="intro_relation"><span>Type</span> : Descriptions
<span>Type</span> : Descriptions
<span>Type</span> : Descriptions </div>

<h3>Mes rencontres</h3>
<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer gryffondor1" /><div class="informations_footer gryffondor1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer poufsouffle1" /><div class="informations_footer poufsouffle1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer serdaigle1" /><div class="informations_footer serdaigle1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer serpentard1" /><div class="informations_footer serpentard1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer poudlard1" /><div class="informations_footer poudlard1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer ministere1" /><div class="informations_footer ministere1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer nonaffilie1" /><div class="informations_footer nonaffilie1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer moldu1" /><div class="informations_footer moldu1"><span>Nom prénom</span> <h4>Type de relation</h4>
Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam. Saraceni tamen nec amici nobis umquam nec hostes optandi, ultro citroque discursantes quicquid inveniri poterat momento temporis parvi vastabant milvorum rapacium similes, qui si praedam dispexerint celsius, volatu rapiunt celeri, aut nisi impetraverint, non inmorantur.</div>
<div class="clear"></div>

<h3>Mes notes</h3>
<div class="intro_relation">Listez ici vos cours et les notes de l'année si vous êtes élèves, sinon, supprimez la div.</div>

</div><a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>


<!-- FIN DU RP --></div>
<!-- NE PAS TOUCHER CE QUI SUIT --><div style="clear: both;"></div>