<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url('https://zupimages.net/up/21/04/zko8.png') no-repeat bottom right, url('https://i.imgur.com/NDb3Xpv.png') no-repeat top center; background-color: #080808; border-left: 5px solid #8d2525; width: 505px; margin: auto; box-sizing: border-box; position: relative; font-family: calibri; font-size: 12px; color: #dadada;} .fond_pres h2 {display: block; margin: auto; padding: 11% 0; font-family: times new roman; font-size: 35px; letter-spacing: -2px; text-align: center; text-transform: uppercase; color: #8d2525;} .fond_pres h3 {margin-top: -10%; text-align: center; letter-spacing: 2px; font-family: calibri;} .fond_pres h5 {display: block; margin-left: 50px; margin-bottom: -5px; font-family: times new roman; font-size: 25px; letter-spacing: -2px; color: #8d2525;} .intro_relation {background: rgba(0,0,0,.2); padding: 5%; width: 80%; margin: 0 auto 2%;} .liens_relations {text-align: center;} .liens_relations a {color: #d9d9d9; transition: .5s all; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 400; letter-spacing: 2px; margin: 0 4% 5%; position: relative; text-align: center;} .liens_relations a:hover {color: #8d2525;} .liens_rps{ padding-left: 5%; padding-right: 5px; text-align: justify;} .liens_rps span1{ font-weight: bolder; color: #990000; } 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"><h2>Nom Prénom</h2>
<h3>Groupe - Âge - Sexe - Ville</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>
<div class="liens_relations"><a href="#">Présentation</a> <a href="#">Demande RP</a> <a href="#">Demande maître/esclave</a></div>

<h5>Liens recherchés</h5>
<div class="liens_rps"><span1>> Lien</span1> Nature du lien
<span1>> Lien</span1> Nature du lien
<span1>> Lien</span1> Nature du lien

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

<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url('https://zupimages.net/up/21/04/zko8.png') no-repeat bottom right, url('https://i.imgur.com/NDb3Xpv.png') no-repeat top center; background-color: #080808; border-left: 5px solid #8d2525; width: 505px; margin: auto; box-sizing: border-box; position: relative; font-family: calibri; font-size: 12px; color: #dadada;} .fond_pres h2 {display: block; margin: auto; padding: 11% 0; font-family: times new roman; font-size: 35px; letter-spacing: -2px; text-align: center; text-transform: uppercase; color: #8d2525;} .fond_pres h3 {margin-top: -10%; text-align: center; letter-spacing: 2px; font-family: calibri;} img.image_footer {border: 1px solid #d9d9d9; float: left; margin: 0 3%; padding: 1%; width: 100px; height: 100px; object-fit: cover;} .informations_footer {background: rgba(0,0,0,.2); border-left: 2px solid #8d2525; padding: 2% 5%; float: left; width: 60%; height: 90px; overflow: auto;} .informations_footer span {font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; text-transform: uppercase;} .informations_footer h4 {margin: 0 0 0 2%; display: inline-block; font-family: 'Alegreya Sans SC', sans-serif; line-height: 3;} .informations_footer.maitre {border-left: 2px solid #AC00F0;} .informations_footer.maitre h4 {color: #AC00F0;} .informations_footer.maitre span {background: #AC00F0; padding: 1%; color: #000000;} .informations_footer.hybride {border-left: 2px solid #1FEBF2;} .informations_footer.hybride h4 {color: #1FEBF2;} .informations_footer.hybride span {background: #1FEBF2; padding: 1%; color: #000000;} .informations_footer.humain {border-left: 2px solid #8BF007;} .informations_footer.humain h4 {color: #8BF007;} .informations_footer.humain span {background: #8BF007; padding: 1%; color: #000000;} .informations_footer.traitre {border-left: 2px solid #FFBF00;} .informations_footer.traitre h4 {color: #FFBF00;} .informations_footer.traitre span {background: #FFBF00; padding: 1%; color: #000000;} .informations_footer.rebelle {border-left: 2px solid #FF5900;} .informations_footer.rebelle h4 {color: #FF5900;} .informations_footer.rebelle span {background: #FF5900; padding: 1%; color: #000000;} 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"><h2 class="footer">Les relations</h2>
<h3>Prénom Nom</h3>

<img src="https://i.imgur.com/52URZXh.jpg" alt="" class="image_footer" /><div class="informations_footer maitre"><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" /><div class="informations_footer hybride"><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" /><div class="informations_footer humain"><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" /><div class="informations_footer traitre"><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" /><div class="informations_footer rebelle"><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><a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>

<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Volkhov" rel="stylesheet"><style>.fond_pres {background: url('https://zupimages.net/up/21/04/zko8.png') no-repeat bottom right, url('https://i.imgur.com/NDb3Xpv.png') no-repeat top center; background-color: #080808; border-left: 5px solid #8d2525; width: 505px; margin: auto; box-sizing: border-box; position: relative; font-family: calibri; font-size: 12px; color: #dadada;} .fond_pres h2 {display: block; margin: auto; padding: 11% 0; font-family: times new roman; font-size: 35px; letter-spacing: -2px; text-align: center; text-transform: uppercase; color: #8d2525;} .fond_pres h3 {margin-top: -10%; text-align: center; letter-spacing: 2px; font-family: calibri;} .fond_pres h5 {display: block; margin-left: 50px; margin-bottom: -5px; font-family: times new roman; font-size: 25px; letter-spacing: -2px; color: #8d2525;} .liens_rps{ padding-left: 5%; padding-right: 5px; text-align: justify;} .liens_rps span1{ font-weight: bolder; color: #990000; } 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"><h2>Les RPs</h2>
<h3>Prénom Nom</h3>

<h5>RPs en cours</h5>
<div class="liens_rps"><span1>></span1> <a href="#">Titre du RP</a> avec <span class="maitre">Nom du partenaire</span>
<span1>></span1> <a href="#">Titre du RP</a> avec <span class="hybride">Nom du partenaire</span>

</div><h5>RPs terminés</h5>
<div class="liens_rps"><span1>></span1> <a href="#">Titre du RP</a> avec <span class="maitre/hybride/humain/traitre/rebelle">Nom du partenaire</span>
<span1>></span1> <a href="#">Titre du RP</a> avec <span class="maitre/hybride/humain/traitre/rebelle">Nom du partenaire</span>

</div><h5>RPs abandonnés</h5>
<div class="liens_rps"><span1>></span1> <a href="#">Titre du RP</a> avec <span class="maitre/hybride/humain/traitre/rebelle">Nom du partenaire</span>
<span1>></span1> <a href="#">Titre du RP</a> avec <span class="maitre/hybride/humain/traitre/rebelle">Nom du partenaire</span>
</div>
<a href="http://ls-halloween.fr/" class="morsmordre_credits">Halloween</a>
</div>