<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link href="https://fonts.googleapis.com/css?family=Muli:400,400i|Roboto+Condensed:400,700&display=swap" rel="stylesheet"><style>.suivi_ryvin {z-index: 2; position: relative; width: 600px; margin: 2rem auto; background: url("https://i.imgur.com/q46je9p.jpg"); margin: auto; box-sizing: border-box; border-left: 5px solid #183d23; position: relative; width: 550px; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; display: grid; grid-template-columns: repeat(2,50%); grid-template-areas: 'a b' 'c d' 'e e';} .sr_intro {grid-area: a;} .sr_avatar {grid-area: b; text-align: center;} .sr_termines {grid-area: d;} .sr_uc {grid-area: c; width: 80%; } .sr_uc, .sr_termines {width: 80%; margin: 4rem auto 1rem;} .sr_end {grid-area: e;} .suivi_ryvin h2 {color: #dedede; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 3em; line-height: 1; margin: 2rem 2rem 1rem; font-weight: bold; text-transform: uppercase;} .suivi_ryvin h2::after {display: inline-block; width: 50px; height: 20px; background: #dc3a2c; content: ""; margin: 0 0 0 1rem;} .sr_intro .sr_content {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; width: 75%; height: 170px; overflow: hidden; box-sizing: border-box; margin: 0 auto; text-align: justify;} .sr_image img {width: 200px; height: 320px; object-fit: cover; position: relative; z-index: 2;} .sr_image {position: relative;} .sr_image::before {width: 300px; height: 300px; content: ""; display: block; background: #000; border-radius: 100%; position: absolute; z-index: 1; left: 0; top: .8rem;} .sr_links {display: flex; justify-content: center; font-size: 15px;} .sr_links a {margin: 0 1rem 1rem;} .sr_links a:nth-child(2) .fas {color: #dc3a2c;} .sr_intro .sr_content p {margin: 0; width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0; font-family: 'Roboto Condensed', sans-serif;} .suivi_ryvin h3 {border: 0; font-style: initial; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 11px; letter-spacing: 1px; display: initial; padding: .5rem; margin: 0;} .sr_listing {width: 100%; display: flex; margin: 1rem 0 0;} span.statut_rp {color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 9px; padding: .5% 1%; width: 40px; display: inline-block; text-align: center; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_listing h4 {font-size: 12px; text-decoration: none; margin: 0 3%; border-bottom: 1px solid; color: #dedede; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_content_listing {width: 100%; height: 180px; overflow: hidden;} .sr_cl {width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0;} .sr_end::after {content: ""; display: block; width: 520px; height: 240px; position: absolute; background: #183d23; transform: rotate(-10deg); top: 54px; right: -25px;} .sr_end {display: flex; align-items: flex-end; height: 100px; position: relative; overflow: hidden;} .sr {position: relative; width: 600px; margin: auto;} a.h_credits {text-decoration: none; text-transform: lowercase; font-style: italic; color: #dedede; padding: 0 0 .3rem 3rem; font-size: 10px;}</style><!--

FIN CSS --><div class="sr"><div class="sr_debut"></div><div class="suivi_ryvin"><!--

NOM ADJECTIFS FACTS
--><div class="sr_intro"><h2>Prénom
Nom</h2><!--
--><div class="sr_links"><a href="lien de la fiche de présentation"><i class="fas fa-bookmark" aria-hidden="true"></i></a> <a href="lien relations"><i class="fas fa-heart-broken" aria-hidden="true"></i></a> <a href="lien mp"><i class="fas fa-mobile-alt" aria-hidden="true"></i></a></div><!--
--><div class="sr_content"><p>Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif

Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact</p></div></div><!--

AVATARS ET LIENS
--><div class="sr_avatar"><div class="sr_image"><img src="https://imgur.com/Id56znT.png" alt="" /></div></div><!--

RP EN COURS
--><div class="sr_uc"><h3 style="background: #000; color: #fff;"><i class="fas fa-forward"></i> En cours</h3>

<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Soon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--

RP TERMINES
--><div class="sr_termines"><h3 style="background: #000; color: #fff;"><i class="fas fa-check"></i> Terminés</h3>

<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Abandon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--

--><div class="sr_end"><a href="http://ls-halloween.fr/" class="h_credits" target="_blank">Halloween</a></div></div><div class="sr_fin"></div></div>