<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  <style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}</style>

  <span class="urielgt">Titre RP</span><span class="urielst">et un sous-titre, pour la classe!</span>
<div class="urielfond3"><span class="urieltitre">ft. XXX</span>Cum haec taliaque sollicitas eius aures everberarent expositas semper eius modi rumoribus et patentes, varia animo tum miscente consilia, tandem id ut optimum factu elegit: et Vrsicinum primum ad se venire summo cum honore mandavit ea specie ut pro rerum tunc urgentium captu disponeretur concordi consilio, quibus virium incrementis Parthicarum gentium a arma minantium impetus frangerentur.

Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.

Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.


  <center><a href="https://fortunasmess.tumblr.com/">Fiche Présentation -</a><a href="https://fortunasmess.tumblr.com/"> Fiche Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></div>

  <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}</style>

    <span class="urielgt">Votre titre principal</span><span class="urielst">et un sous-titre, pour la classe!</span>
    <div class="urielfond3"><span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

    <span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

    <span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

    <center><a href="">Fiche Présentation -</a><a href=""> Fiche Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></div>

<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  <style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;}.urielfond {width: 500px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A} .urielavatar {border-right: 4px solid #F2B45A} #urielright {width: 270px; height: 300px; float: right; padding: 10px; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; } .urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } #urielprez {height: 150px; padding-right: 5px; overflow: auto; } .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}.urielfond2 {width: 420px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; border-right: 4px solid #F2B45A} .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);} .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style>

<div class="urielfond"><img src="https://2img.net/r/hpimg15/pics/981077Eric.png" class="urielavatar"/><div id="urielright"><span class="urieltitre">Titre séduisant</span> <div id="urielprez"><span class="uem">Emphase!</span> Il est en général de bon ton de se présenter dans ce petit bloc. Pas la peine de nous faire un RP de 50km, quelques mots suffiront. Et vous avez tout le bloc EN DESSOUS pour décrire les liens que vous cherchez de toute urgence!  </div><span class="urieltitre">Je cherche...</span><div id="urielinfos">Cet espace n'est pas illimité, parce qu'un scroll c'est moche, cela dit, vous pouvez toujours en mettre un dans le css avec un overflow auto sur le bloc urielinfos. Et merci de<span class="uem"> NE PAS RETIRER LE CREDIT!</span> (c'est pratique l'emphase, pas vrai?)</div><center><a href="">Fiche Présentation -</a><a href=""> Fiche RP's -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></div></div>

<span class="urielgt">Le petit nom de cette catégorie de liens</span><span class="urielst">et un sous-titre, histoire d'avoir du charme!</span>
  <div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></p><img src="https://2img.net/r/hpimg15/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></p><img src="https://2img.net/r/hpimg15/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>