<br/><div class="cadre_rp"><div class="t_img"><div class="losperso"> <div style="background-image:url('https://nsm09.casimages.com/img/2021/01/15//2101151050545196717213533.jpg'); background-position: 0% 60%;" class="lospimg"></div> </div> <div class="losback"> <div style="background-image:url('https://nsm09.casimages.com/img/2021/01/15//2101151050545196717213534.jpg'); background-position: 70% 50%;" class="losbimg"></div> </div> <div class="losperso2"> <div style="background-image:url('https://nsm09.casimages.com/img/2021/01/15//2101151055265196717212571.png'); background-position: 0% 50%;" class="lospimg"></div> </div> <div class="losback2"> <div style="background-image:url('https://nsm09.casimages.com/img/2021/01/15//2101151050545196717213532.jpg'); background-position: 70% 40%;" class="losbimg"></div></div></div><div class= "titre_rp">Un super titre</div><div class="p_rp">Partenaire de rp</div ><div class="cont_rp">Contenu de rp !</div></div></div>
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?&family=Encode+Sans+Condensed&family=Kalam&family=Parisienne&display=swap" rel="stylesheet">
<style type="text/css">.cadre_rp{width: 500px; margin: auto;}.t_img{width:250px; margin-left: 150px;}.titre_rp{width: 450px; font-family: Parisienne; font-size: 30px; text-align: center; margin: auto; margin-top: -120px; margin-bottom: 20px; color: #c6c6c6;}.p_rp{width: 450px; font-family: Kalam; font-size: 15px; text-align: center; margin: auto; margin-bottom: 10px; color: #909090;}.cont_rp{width: 450px; min-height: 150px; border-left: 5px double #909090; border-right: 5px double #909090; font-family: Encode Sans Condensed; font-size: 13px; margin: auto; margin-bottom: 20px; padding: 5px; color:#909090;}.losperso {width: 100px; height: 100px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; position: relative;margin: auto; top: 0; left: -90px; } .losperso2 {width: 100px; height: 100px; margin: auto; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; position: relative; left: 27px; top: -113px;} .losback {width: 50px; height: 50px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; position: relative; margin: auto; top: -115px; left: -15px;} .losback2 {width: 50px; height: 50px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); overflow: hidden; top: -150px; left: -50px; position: relative; margin: auto;} .losbimg {width: 240px; height: 240px; margin: -50px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .lospimg {width: 210px; height: 210px; margin: -30px; -ms-transform: rotate(45deg); -webkit-transform: rotate(20deg); transform: rotate(45deg);}</style>