<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: #fff; 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: #000; 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: #7ddccf; 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: #7ddccf; 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: #7ddccf;} .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: #2d2c2c; 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: linear-gradient(45deg,#fe7b2a,#d23377)!important; 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;} .sr_debut {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(20deg); position: absolute; bottom: 3.8rem; left: -2rem; z-index: 2;} .sr_fin {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(-160deg); position: absolute; top: 3.8rem; right: -2rem; z-index: 1;} a.h_credits {text-decoration: none; text-transform: lowercase; font-style: italic; color: #dedede; padding: 0 0 .3rem 3rem; font-size: 10px;}h4{font-family: Times New Roman;font-size: 30px;text-transform: lowercase;margin: 5% 0;text-align: center;font-style: italic;background: rgba(216, 216, 216, 0.7);color: #5d5d5d;text-shadow: #fff 3px 0 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838247px 0;</style>
<div class="sr"><h4>Code fiche</h4><div class="sr_debut"></div><div class="suivi_ryvin"><!--

RP EN COURS
--><div class="sr_uc"><h3 style="background:#5d5d5d; 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: #ed6047;">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: #ed6047;">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: #ed6047;">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: #ed6047;">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: #5d5d5d; 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: #d53871;">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: #d53871;">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: #d53871;">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: #d53871;">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>