<div style="width: 500px; margin: auto; background: #e6e6e6; border: 1px solid black; border-radius: 10px;"><div style="font: 40px yanone kaffeesatz; line-height: 100%; text-align: center; color: black">Nom du Forum</div>

    <center><div style=";text-align: center; background-color:#ffffff; width: 400px; border: 1px dotted black;"><img src="http://24.media.tumblr.com/19d59e4ebde2c2cb73fb9b0a82ba8fa2/tumblr_mwbcyxeEAI1sp2bw6o1_500.gif" style="width: 400px; height: 200px;" />

    <div style="width: 100%; background-color:black; ;font-size:18px; text-align: center;">[color=white] Information [/color]</div>
    [size=10][color=#5E5E5E]
    • <b> Nom du Forum </b> : Ici !
    • <b> Adresse </b> : Ici !
    • <b> Contexte </b> : Ici !
    • <b> Bouton </b> : Ici !

    [/color][/size]
    <div style="width=50%; background-color: black; text-transform:small-caps;font-size:18px;text-align: center;">[color=white] Statistiques [/color]</div>
    [size=10][color=#5E5E5E]• <b> Nombre de membres </b> : Ici !
    • <b> Nombre de Message </b> : Ici !
    • <b> Ouvert depuis </b> : Ici !
    </br >[/color]
    [/size]
    [right][color=#bdbdbd]© Lavandes sur <a href="http://epicode.bbactif.com/">Epicode</a>[/color][/right]



    </div>
    </center>
    </div>

<div class="phoenixFiche" style="background:#EDA16E;box-shadow: 0px 0px 4px #937A6A;color:#7C5F50"><div class="entêtePhoenix"></div><div class="titrePhénix" style="color:#F4B06E;text-shadow: 1px 0px 2px #394242;">Le petit titre du rp se place ici</div><div class="partenairesphe" style="border-top:1px solid #d15820;border-bottom:1px solid #d15820;">Les partenaires du rp</div><div class="blocTextePhénix">Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.

Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.

Et quoniam apud eos ut in capite mundi morborum acerbitates celsius dominantur, ad quos vel sedandos omnis professio medendi torpescit, excogitatum est adminiculum sospitale nequi amicum perferentem similia videat, additumque est cautionibus paucis remedium aliud satis validum, ut famulos percontatum missos quem ad modum valeant noti hac aegritudine colligati, non ante recipiant domum quam lavacro purgaverint corpus. ita etiam alienis oculis visa metuitur labes.</div><div class="basPhoenix"><div style="font-size:8px;text-align:center;">Codage par Libella sur Graphiorum</div></div></div>

<link href="https://fonts.googleapis.com/css?family=Calligraffitti|Playfair+Display+SC" rel="stylesheet"><style>.phoenixFiche {width:480px;margin:auto;} .entêtePhoenix{width:100%;height:200px;background:url('http://culture.affinitymagazine.us/wp-content/uploads/2017/08/phoenix_by_sandara-d4o2ewx.jpg') top right;opacity:0.5;background-size:130%;box-shadow: 0px 0px 4px #937A6A;border-top:1px solid #d15820;border-bottom:1px solid #d15820;} .basPhoenix {width:100%;height:120px;background:url('http://culture.affinitymagazine.us/wp-content/uploads/2017/08/phoenix_by_sandara-d4o2ewx.jpg') bottom right;opacity:0.5;background-size:130%;box-shadow: 0px 0px 4px #937A6A;border-top:1px solid #d15820;border-bottom:1px solid #d15820;} .titrePhénix {text-align:center;font-size:30px;font-family: 'Calligraffitti', cursive;padding:10px;margin-top:8px;margin-bottom:-10px;} .partenairesphe {font-family: 'Playfair Display SC', serif;font-weight:bold;font-size:12px;padding:3px;text-align:center;} .blocTextePhénix {margin-top:8px;padding:15px;text-align:justify;family:arial;font-size: 12px;letter-spacing: 1px;}</style>

<div id="imagefond"><div class="gristitle">Time is ticking</div><div class="dessoustitre">When this world is no more The moon is all we'll see I'll ask you to fly away with me</div><div class="posterici"><span>P</span>ost here</div></div><div class="endcred">Myrddin ♕ <a href="http://epicode.variousforum.com/">Epicode</a></div>
<style>.endcred{text-align:center;font-size:11px;color:darkgrey;}#imagefond{width:450px; height:500px; background-image:url('https://imgur.com/i7tCB6n.jpg'); background-size:100%; background-repeat:no-repeat; margin:0 auto; border:solid 1px darkgrey;}.gristitle{font-family: 'Roboto Condensed'; font-weight:100; font-style:italic; font-size:30px; text-transform:uppercase; color:grey; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); padding:40px; float:left; position:relative; top:40px;}.dessoustitre{line-height: 10px; text-transform: uppercase; text-align:center; float:left; width:150px; font-size: 9px; letter-spacing: 1px; font-style: italic; padding: 40px; position:relative; top:-30px; left:10px; color: darkgrey;}.posterici{width: 300px; background: rgba(255,255,255,0.8); padding: 10px; font-size: 13px; line-height: 14px; text-align:justify; font-family: calibri, sans-serif; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-top: -50px; margin-left:15px; max-height: 260px; overflow: auto; float:left;}.posterici span{float: left; color: darkgrey; font-size: 40px; padding: 5px; font-family: old standard tt; text-shadow: 1px 1px 0px rgba(255,255,255,1)}</style>

<div id="photofond"><div class="rosetitle">Dandelion</div><div class="dessoustitre">When this world is no more The moon is all we'll see I'll ask you to fly away with me</div><div class="posterici"><span>P</span>ost here</div></div><div class="endcred">Myrddin ♕ <a href="http://epicode.variousforum.com/">Epicode</a></div>
<style>.endcred{text-align:center;font-size:11px;color:darkgrey;}#photofond{width:450px; height:500px; background-image:url('https://imgur.com/hzvA6TZ.jpg'); background-size:100%; background-repeat:no-repeat; margin:0 auto; border:solid 1px darkgrey;}.rosetitle{font-family: 'Roboto Condensed'; font-weight:100; font-style:italic; font-size:30px; text-transform:uppercase; color:#f1af3c; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); padding:40px; float:right; position:relative; top:40px;}.dessoustitre{line-height: 10px; text-transform: uppercase; text-align:center; float:right; width:246px; font-size: 9px; letter-spacing: 1px; font-style: italic; padding: 40px; position:relative; top:-24px; left:10px; color: black;}.posterici{width: 300px; background: lightgrey; padding: 10px; font-size: 13px; line-height: 14px; text-align:justify; font-family: calibri, sans-serif; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-top: -50px; margin-right:15px; max-height: 260px; overflow: auto; float:right;}.posterici span{float: left; color: #f1af3c; font-size: 40px; padding: 5px; font-family: old standard tt; text-shadow: 1px 1px 0px rgba(255,255,255,1)}</style>

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto+Condensed" rel="stylesheet"><div style="background-image:url('https://i.pinimg.com/564x/e6/14/6f/e6146f24742f4b3ca26c7439769fa156.jpg');width:500px;height:700px;background-repeat:no-repeat;margin:0 auto;"><img src="http://via.placeholder.com/70x70" alt="img" style=" position:relative; top:30px; left:60px; width:70px; height:70px; border-radius:100%;"/><div class="title" style="color:#d9b2b3;font-family:'Abril fatface';text-transform:lowercase;font-style:italic;font-size:20px;padding:20px;text-align:right;width:300px;position:relative;right:-150px;top:-50px;">To the moon and back et on tente une nouvelle fois le titre long </br><div style="color:white;font-family:roboto condensed;font-size:9px;text-transform:uppercase;font-style:italic;">ceci est une sous phrase</div></div><div class="textrp" style=" color:#eaeaea; position:relative; top:50px; padding:20px; text-align:justify; font-size:12px; overflow:auto; width:400px; margin:0 auto; height:350px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div style="color:#525368;font-family:abril fatface;font-size:15px;text-shadow:0px 1px 2px #454545;text-align:center;position:relative;top:80px;">nom du partenaire</div></div><div class="trukcred" style=" text-align:center; color:#282d41; font-size:9px;">:copyright:️ <a href="/">♕ TO THE CROWN ♕</a></div>

<style>.imgrond img{width:70px; height:70px;}.trukcred a{text-decoration:none; color:#282d41; letter-spacing:6px; font-size:8px;}</style>

<div class="fondficherp"><div class="imguser"><img src="http://via.placeholder.com/100x100"></div><div class="fondrp"><div class="textrp">[post ici]</div></div></div><div class="quiestce"> feat ♛ nom du partenaire</div><div class="cred"><a href="http://epicode.variousforum.com/">♛ Jawn ♛</a></div><style>.fondficherp{background-image:url('https://imgur.com/qKEtiVA.png'); background-size:cover; background-repeat:no-repeat; margin:0 auto; width:450px; height:680px;}.fondrp{margin:0 auto; width:350px; height:460px; background:#eaeaea; transform:translateY(80px); outline: 1px solid #b1b6af; outline-offset:5px;}.imguser{position:relative; text-align:center; top:40px;}.imguser img{border-radius:50%; width:100px; height:100px;}.textrp{margin:0 auto; width:320px; height:420px; overflow:auto; position:relative; top:15px; text-align:justify; font-size:12px; color:#454545;}.quiestce{margin:auto; background:#617e84; width:410px; height:20px; outline: 1px solid #4d6c72; outline-offset:-5px; padding:20px; font-family:'Roboto Condensed'; text-transform:uppercase; font-style:italic; letter-spacing:1px; font-size:11px; text-align:center; color:#b1b6af; transition:all 800ms;}.quiestce:hover{transition:all 800ms; background:#eaeaea; color:#454545;}.cred{text-align:center;}.cred a{color:grey; text-decoration:none; font-size:10px;}</style>

<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet"><div class="fichebuck"><div class="fondfiche"><div class="imagecentre"><span class="breaky"><div class="textefiche">truk ft. [machin]</div></span><img src="https://imgur.com/AiXn2TL.png"/></div><div class="soustexte">« Hey guys, it's me! The biggest disappointment you know. »</div><div class="ecriturerp"><span>Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</span></div></div><div class="wolfpaw"><img src="https://imgur.com/IbUONWh.png"/></div></div><div class="credou"><a href="http://www.epicode-entraide.com/t13193-fiche-de-presentation-de-la-foret#258383">♛ </a></div>

<style>.fichebuck{margin:0 auto; width:500px; min-height:730px; background-image:url('https://imgur.com/YjhGxjv.png'); background-size:100%; background-attachment:fixed;}.fondfiche{width:450px; min-height:650px; background-color:rgba(250, 250, 250, 0.7); margin:0 auto; position:relative; top:25px;}.imagecentre{width: 350px; height: 200px; margin: 0 auto; position: relative; top: 10px;}.imagecentre img{width:350px; height:180px; transition:all 800ms;}.breaky{background-color: white; color: #000; height: 180px; opacity: 0; position: absolute; transition: all 900ms; width: 350px;}.imagecentre:hover .breaky{opacity: 0.8;}.textefiche{text-align:center; font-size:25px; text-transform:lowercase; font-family:'Caveat'; color:#454545; margin-top:70px;}.soustexte{text-align: center; font-size: 15px; color: #454545; margin-top: -6px; margin-bottom: 10px; font-family: 'Caveat';}.ecriturerp{width: 395px; height: 395px; background-color: #eaeaea; margin: 0 auto; padding: 5px; overflow: auto; text-align: justfy;}.ecriturerp span{font-family:'Arial'; font-size:12px; color:#454545;}.ecriturerp::first-letter{color:darkred; font-size:15px; font-family:'Caveat'; font-weight:bold; margin:2px;}.wolfpaw{text-align:center;}.wolfpaw img{width: 30px; height: 30px; margin-top: 35px; margin-bottom: 10px;}.credou{color: grey; font-size: 11px; text-align: center; position: relative; margin-top: -18px;}.credou a{color: #d09f01 !important; text-decoration: none;}</style>

<style>.Fi_Arte{width: 500px; min-height: 500px; background: #f2f2f2; margin: auto; position: relative; border: 1px solid #e1e1e1;}.Img_fi{width: 100%; height: 280px; background-image: url("https://zupimages.net/up/17/50/spmo.gif"); background-size: cover; overflow: hidden; position: relative; text-align: center;}.Img_fi h1{display: inline-block; padding: 0 20px; height: 50px; background: #fe162c; text-transform: uppercase; color: white; font: 30px Oswald; position: absolute; left: 125px; bottom: 80px; line-height: 48px;} .Img_fi div{display: block; height: 18px; display: inline-block; background: #f6f6f4; padding: 0 10px; position: absolute; bottom: 82px; left: 125px; font: 11px calibri; color: #545454; text-transform: uppercase; line-height: 18px;}.block_deco{width: 100px; height: 100px; background: #f2f2f2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 200px; top: 280px; z-index: 1;}.Fi_Arte p{margin: 20px 30px; font: 13px calibri; background: #f2f2f2; position: relative; z-index: 2; text-align: justify; color: #545454; line-height: 13px;}.Fi_Arte a{font: 10px calibri; text-decoration: none; color: grey; display: inline-block; text-align: center; width: 100%;}</style>

<link href="https://fonts.googleapis.com/css?family=Oswald:400,500" rel="stylesheet"/><div class="Fi_Arte"><div class="Img_fi"> <h1> TITRE DU RP ICI </h1> <div>Feat. Lorem ipsum</div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel scelerisque quam, et finibus ex. Nam efficitur odio mauris, in laoreet mi pharetra ut. Phasellus ornare varius porta. Nullam nec lectus tortor. Sed tempor erat nulla, tincidunt semper nibh ullamcorper et. Vivamus luctus enim blandit, lobortis lectus quis, convallis quam. Etiam mollis a velit non tempus. In dictum vestibulum ante, eu tempus purus suscipit quis. Cras molestie magna urna, vel eleifend tortor sollicitudin a. Cras tristique ligula mi, at ullamcorper sem facilisis dignissim.Donec pretium a ligula in sagittis. Morbi nec volutpat nunc. Fusce lacinia condimentum elit, vel consectetur dolor. Donec mattis, lorem eu luctus facilisis, massa purus aliquet tellus, a auctor eros leo suscipit quam. Quisque dignissim lectus vitae risus pharetra sodales. Nunc sollicitudin eu enim vel imperdiet. Cras arcu erat, rhoncus a tincidunt eu, rhoncus eu dolor. Nam lacus diam, euismod in posuere in, mattis eget felis. Mauris maximus iaculis nulla accumsan imperdiet. In hac habitasse platea dictumst. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sit amet nisl ut ante bibendum consectetur a eget massa. Maecenas odio nisi, auctor id purus et, imperdiet sagittis leo. Donec tempus mollis turpis, ac bibendum massa fringilla id. Fusce vehicula mi risus, vitae convallis elit blandit ut.Suspendisse posuere nibh eu sapien fringilla, et eleifend libero egestas. Donec eget ex purus. Pellentesque sed maximus diam, eget sodales nunc. Nulla sed ullamcorper magna. Quisque scelerisque ante eu sapien sollicitudin, ut consequat nisi mollis. Nulla eget ornare tellus. Etiam et augue at sapien viverra placerat commodo et nisl. Donec maximus iaculis bibendum. Quisque sagittis scelerisque mauris. Vestibulum augue urna, lacinia in congue vitae, ultrices ac lacus. Praesent commodo feugiat sem, eget euismod elit porttitor et. Vivamus vitae erat sit amet mauris accumsan fringilla. Nullam id mauris ut justo sodales dictum. Praesent non maximus augue. Aenean sapien arcu, congue vitae metus quis, rutrum sagittis tellus. In justo est, ornare eu scelerisque ac, auctor non justo.</p><div class="block_deco"></div><a href="http://www.epicode-entraide.com/">artemis | www</a> </div>

<link href="https://www.aht.li/3286693/Fiche_fleur1_ls.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Cookie|Merriweather|Spectral" rel="stylesheet"><div class="sunflow"><img src="https://www.zupimages.net/up/18/39/nt1r.png"/><h1>TITRE ICI</h1><h2>FEAT ICI</h2><img src="https://www.zupimages.net/up/18/39/wkso.png"/><div><p>TEXTE ICI</p></div><p>(c) Sun pour <a href="epicode-entraide.com">Épicode</a></p></div>

<link href="https://www.aht.li/3286692/Fiche_fleur2_ls.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Cookie|Merriweather|Spectral" rel="stylesheet"><div class="sunflow2"><img src="https://www.zupimages.net/up/18/39/nt1r.png"/><h1>TITRE ICI</h1><h2>FEAT ICI</h2><img src="https://www.zupimages.net/up/18/39/wkso.png"/><div><p>TEXTE ICI</p></div><p>(c) Sun pour <a href="epicode-entraide.com">Épicode</a></p></div>

<link href="https://fonts.googleapis.com/css?family=Pacifico|Lora|Lato" rel="stylesheet"><style> .sowellbs1 { width: 450px; height: 450px; background-color: #eaeaea; border: 1px solid #d1d1d1; } .sowellbs2 { width: 440px; height: 440px; background-color: #f5f5f5; margin-top: 4px; border: 1px solid #d1d1d1; background-image: url('https://www.transparenttextures.com/patterns/arches.png') } .sowellimgb { width: 170px; height: 410px; background-color: #eaeaea; margin-top: -25px; margin-right: 250px; border: 1px solid #d1d1d1; } .sowellimg { width: 160px; height: 400px; margin-top: 4px; border: 1px solid #d1d1d1; } .sowelltt { width: 250px; height: 30px; margin-left: 170px; margin-top: 10px; font-family: Pacifico; font-size: 25px; line-height: 15px; text-align: right; color: #4F62CB; text-shadow: 1px 1px #fff; } .sowelltxt { width: 200px; height: 320px; margin-left: 180px; margin-top: -360px; padding: 5px; overflow: auto; font-family: Lora; font-size: 11px; line-height: 11px; text-align: justify; color: #909090 } .sowelltxt b { color: #4F62CB; font-family: Lato; font-size: 13px; letter-spacing: -1px; text-shadow: 1px 1px #fff; } .sowelltxt::-webkit-scrollbar { width: 2px; background: transparent; } .sowelltxt::-webkit-scrollbar-thumb { background: #4F62CB; } .sowellnote { width: 200px; height: 10px; margin-left: 180px; margin-top: 15px; font-family: Lora; font-size: 10px; color: #4f62cb; text-shadow: 1px 1px #fff; }</style><center><div class="sowellbs1"><div class="sowellbs2"><div class="sowelltt">head in the clouds but my gravity's centered</div><div class="sowellimgb"><img src="https://i.imgur.com/CIbNdOg.png" class="sowellimg"/></div><div class="sowelltxt"><b>Illud tamen te esse admonitum volo, primum</b> ut qualis es talem te esse omnes existiment ut, quantum a rerum turpitudine abes, tantum te a verborum libertate seiungas; deinde ut ea in alterum ne dicas, quae cum tibi falso responsa sint, erubescas. Quis est enim, cui via ista non pateat, qui isti aetati atque etiam isti dignitati non possit quam velit petulanter, etiamsi sine ulla suspicione, at non sine argumento male dicere? Sed istarum partium culpa est eorum, qui te agere voluerunt; laus pudoris tui, quod ea te invitum dicere videbamus, ingenii, quod ornate politeque dixisti.

Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.

Unde Rufinus ea tempestate praefectus praetorio ad discrimen trusus est ultimum. ire enim ipse compellebatur ad militem, quem exagitabat inopia simul et feritas, et alioqui coalito more in ordinarias dignitates asperum semper et saevum, ut satisfaceret atque monstraret, quam ob causam annonae convectio sit impedita.
 
Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.

Unde Rufinus ea tempestate praefectus praetorio ad discrimen trusus est ultimum. ire enim ipse compellebatur ad militem, quem exagitabat inopia simul et feritas, et alioqui coalito more in ordinarias dignitates asperum semper et saevum, ut satisfaceret atque monstraret, quam ob causam annonae convectio sit impedita.</div><div class="sowellnote">feat Quelqu'un ☆ 000 mots ☆ #4F62CB</div></div></div><a href="http://www.epicode-entraide.com/u6798">☆</a></center>

<center><div style="width:450px; margin: auto; font-size: 14px; background-image:url('https://2img.net/r/hpimg15/pics/188572Sanstitre1321.png');  padding: 10px; opacity: 0.8; border: 10px solid #0F056B">
<div style="background-image:url(''); width:490px; height:45px; border-radius: 50px ; 0px ; 50px; 0px; position: relative; background-repeat: no-repeat; margin-left:-20px;"><link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<span style="font-family: 'Special Elite', cursive; cursive; color: #BBD2E1 ; font-size: 40px; ">Titre du Rp</span></div>
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<img src="https://2img.net/r/hpimg15/pics/767160notyetbywelcomehomejaned5n8h5m.jpg" style="width: 300px; height:170px; margin: 20px 0; border-radius: 50% / 10%; color: Black;" />
[center][youtube]2fngvQS_PmQ[/youtube][/center]
<span style="font-family: 'Bad Script', cursive; color: black; font-size: 20px; position:relative"> Feat </span>
<br /><br />
[color=#FEC3AC]"I See Fire"- Ed Sheeran-
 
Oh, misty eye of the mountain below
Keep careful watch of my brothers' souls
And should the sky be filled with fire and smoke
Keep watching over Durin's sons
 
If this is to end in fire
Then we should all burn together
Watch the flames climb high into the night
 
Calling out father oh
Stand by and we will
Watch the flames burn auburn on
The mountain side
 
And if we should die tonight
Then we should all die together
Raise a glass of wine for the last time
 
Calling out father oh
Prepare as we will
Watch the flames burn auburn on
The mountain side
Desolation comes upon the sky
 
Now I see fire
Inside the mountain
I see fire
Burning the trees
And I see fire
Hollowing souls
I see fire
Blood in the breeze
And I hope that you remember me
 
Oh, should my people fall
Then surely I'll do the same
Confined in mountain halls
We got too close to the flame
 
Calling out father oh
Hold fast and we will
Watch the flames burn auburn on
The mountain side
Desolation comes upon the sky
 
Now I see fire
Inside the mountain
I see fire
Burning the trees
I see fire
Hollowing souls
I see fire
Blood in the breeze
And I hope that you remember me
 
And if the night is burning
I will cover my eyes
For if the dark returns
Then my brothers will die
And as the sky is falling down
It crashed into this lonely town
And with that shadow upon the ground
I hear my people screaming out
 
Now I see fire
Inside the mountains
I see fire
Burning the trees
I see fire
Hollowing souls
I see fire
Blood in the breeze
 
I see fire (oh you know I saw a city burning out) (fire)
And I see fire (feel the heat upon my skin, yeah) (fire)
And I see fire (uh-uh-uh-uh) (fire)
And I see fire burn auburn on the mountain side.[/color]
<br />
[color=#ff00ff]:copyright:️ Mijy S./[url=http://www.epicode-entraide.com/]Epicode[/url][/color]
<br />
</div></center>

<center><link href="https://fonts.googleapis.com/css?family=Advent+Pro|Megrim" rel="stylesheet"><link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'><div style="max-width:650px;"><img src="https://i35.servimg.com/u/f35/11/03/06/73/fond_r10.png" alt="img_rp" style="width:100%;height:auto;" />
<div style="text-transform:uppercase;text-align:center;font-family: 'Megrim', cursive;font-size:30pt;position:relative;margin-top:-100px;color:white;text-shadow: 1px 0px 5px #eb6e4e;
letter-spacing: 6px;">TITRE DU RP</div><div style="font-family: 'Megrim', cursive;font-size:14pt;text-transform:uppercase;margin-top:10px;color:white;text-shadow: 1px 0px 5px #eb6e4e;
letter-spacing: 3px;">SOUS-TITRE</div><div style="text-align:center; font-size:14px;color:white;padding-top:5px;">TROISIEME TITRE</div>
<div style="margin-top:13px;text-align:justify;background-color: #EAEAEA;border:8px solid #619994;border-width:8px 1px;"><div style="height:550px;overflow:auto;padding:20px 30px;font-family: 'Josefin Sans', sans-serif;font-size:14px;">TEXTE DU RP ICI
</div>
</div></div><div style="text-align:center;color:#eb6e4e;text-decoration: none;font-size: 12px;"><a href="http://www.never-utopia.com/">Crédits: Namida :diamonds: Never-Utopia</a></div>
</center>

<style>.clear {clear: both;} .fiche_ledger {width: 520px; margin: auto; background: #2b2b2b; border-bottom: 10px solid #F2D12C; padding: 0 0 3% 0;} .fiche_ledger .entete {border: 10px solid #F2D12C;} .fiche_ledger h2 {font-family: time new roman; font-size: 30px; background: #F2D12C; text-align: center; margin: 0; padding: 0 0 2% 0; color: #fff; letter-spacing: -2px; text-transform: lowercase;} .ledger_info1 {width: 40%; float: left;} .ledger_info1 a, .ledger_info1 .li1, .ledger_liens a {display: block; background: #383838; border-right: 10px solid #F2D12C; width: 100%; box-sizing: border-box; color: #fff; margin: 1% 0; font-size: 18px; letter-spacing: -2px; text-align: right; padding: 1% 10% 1% 1%; text-transform: lowercase; font-weight: bold;} .ledger_info1 a:hover, .ledger_info1 .li1:hover {color: #383838 !important; background: #F2D12C; font-style: italic;} .ledger_info2 {background: #383838; width: 80%; margin: auto; padding: 2%; box-sizing: border-box;} .ledger_info2 h3, .ledger_info3 h3 {color: #FDDE23; display: block; font-size: 20px; font-style: italic; font-weight: 700; line-height: 20px; text-align: center; margin: 0;} .ledger_info2 p {color: #fff; font-size: 10px; text-align: justify; width: 100%; height: 110px; overflow: auto;} .ledger_images {text-align: center;} .ledger_info3 {background: #383838; width: 50%; margin: 0 0 0 5%; padding: 2%; box-sizing: border-box; float: left;} .ledger_info3 p {color: #fff; font-size: 10px; width: 100%; height: 85px; overflow: auto; text-align: justify;} .ledger_liens {width: 40%; float: right;}</style>
<div class="fiche_ledger"><img class="entete" src="https://imgur.com/R8dsELZ.gif">
<h2>Kosei Iskander ⛛ Ledger</h2>
<div class="ledger_info1"><a href="#">introduction</a><div class="li1">japonais</div><div class="li1">origines islandaises</div><div class="li1">Etudiant en chimie</div><div class="li1">Façonneur de bombe</div><div class="li1">Accroc à l'origami</div></div><div class="ledger_info3"><h3>Liens recherchés</h3><p><i>Des petites idées en vrac, mais je suis ouverte aux propositions \o/</i>

⛛ Le Mentor : Un maître incontesté, celui qui a permis à Ledger de devenir façonneur à son tour. Que ça ait été volontaire en mode "petit oiseau sous mon aile" ou forcé façon "Putain casse toi sale puceau, tu me déranges, arrête de me mâter quand je taffe", c'est grace à lui/elle qu'il en est là aujourd'hui.

⛛ Ta Gueule : toi, t'es pas cool. Depuis le premier jour tu as fais comprendre à Ledger qu'il était le pire Hacker que la Terre ait porté. Donc il est passé à autre chose. Mais il était encore plus mauvais pour foutre le bordel et intimidé. Donc il est passé à autre chose. Et toi tu t'es bien foutu de sa gueule, tu jubilais. Mais au fond t'es pas mauvais, tu fais ça pour son bien et il le sait.

⛛ Le Rival : que tu sois des Meiji ou non, je peux pas te sentir. Ton art est différent au mien, il n'a aucun sens, ne représente rien, ne fait rien ressentir. Donc dés qu'on se voit ça part en couille, et c'est pas dit qu'un jour je te fasse pas sauter la gueule : peut-être que comme ça pour une fois tu ressembleras à quelque chose.</p></div><div class="clear"></div>
<div class="ledger_images"><img src="https://i.imgur.com/Tcht26a.png"> <img src="https://i.imgur.com/EEKxtr5.jpg"> <img src="https://i.imgur.com/rWcb506.png"> <img src="https://i.imgur.com/oMs6UHa.png"></div>
<div class="ledger_info2"><h3>Caractère</h3><p>Ledger est un type un peu bancal, pas tout à fait terminé comme on dirait. Il est hypocrite, un peu mégalo et hautain. Pas très talentueux, ça ne l'empêche pas de scander aux quatre coins du QG qu'il est un artiste de renom. C'est un gosse paumé qui a rejoint un gang pour trouver son identité. On peut aussi le qualifier de girouette : il est passé de déchet des hackers à briseur de table pitoyable (c'était plutôt la table qui le brisait d'ailleurs 8D), et enfin à concepteur de bombes potables.

Le Ledger en public est bien différent du Kosei en privé. Voyez ça comme une carapace qu'il peut enlever et remettre sans difficulté. Après le gamin qui se donne un genre et qui joue les artistes torturé, vous pourriez découvrir le môme rêveur et un peu froussard. Il aime se triturer l'esprit, pas se battre. Son credo : être honnête, obéir aux ordres et respecter son propre code. Ses passions sont simples : occuper ses mains en permanence, se promener et découvrir les lieux insolites de Tokyo, semer le doute en laissant ses origamis bien étranges un peu partout, faire péter deux trois trucs pour s'exercer et rigoler … A force de travailler dur, il deviendra un grand maître des bombes et un artiste de renom ! Un besoin de reconnaissance ? Ledger ? Non … 8D</p></div>

<div class="ledger_info3"><h3>RP Terminés</h3><p><i>Vide</i></p></div><div class="ledger_liens"><a href="#">Keep the fishing</a><a href="#">Destruction - Intrigue</a><a href="#">Dans ta face !</a><a href="#">Bomberman</a><a href="#">#</a><a href="#">#</a></div><div class="clear"></div></div>

<style>.fiche_ledger2 {width: 520px; margin: auto; background: url('https://i.imgur.com/f5528nP.jpg'); border-bottom: 10px solid #F2D12C; padding: 5%; box-sizing: border-box;} .fiche_ledger2 h2 {background: none; font-family: time new roman; font-size: 30px; text-align: left; margin: 0; padding: 0; letter-spacing: -2px; text-transform: lowercase;} .fiche_ledger2 h3 {margin: -2% 0 0 0; color: #fff; font-weight: normal; font-size: 8px; text-transform: uppercase; letter-spacing: 2px;} .ledger_info4 {width: 85%; margin: auto; background: #f4f4f4; color: #383838; padding: 5%; box-sizing: border-box; text-align: justify; height: 100px; overflow: auto; font-size: 11px; line-height: 1.8;} .ledger_info4 .li1 {display: block; border-right: 10px solid #383838; width: 100%; box-sizing: border-box; margin: 1% 0; font-size: 16px; letter-spacing: -1px; text-align: right; padding: 0 5% 0 0; text-transform: lowercase; font-weight: bold; line-height: 1; color: #000;} .ledger_barre {width: 10px; height: 100px; float: left;}</style>
<div class="fiche_ledger2"><h2 style="color: #F2D12C;">Sunny</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #F2D12C;"></div><div class="ledger_info4">Ledger et Sunny se connaissent depuis Matusalem. Deux ados qui ouvrent leur grande gueule, qui picolent, qui se vantent d'être les meilleurs, les plus beaux,
les plus forts ... et qui draguent des meufs déjà en couple. Forcément, ça part en cacahuète. Baston, couteau, poste de police. Difficile pour Ledger d'expliquer à son père comment il s'est retrouvé là. A partir de ce moment, Ledger et Sunny ont gardé contact,
ce dernier taxant régulièrement du fric à Kosei et squattant son canapé. Ce lien s'est intensifié quand Ledg' a rejoint les Meiji. Quand il s'agit de faire des conneries, ça va tout seul ! Voler des sacs à main, chercher la merde ... tandis que l'un veut se battre l'autre tente de l'entraîner dans sa fuite. Mais Sunny a la fâcheuse tendance à voler les bombes de Ledger ... ça va chier quand il va s'en rendre compte !</div>


<h2 style="color: #F2D12C;">Gypsophila</h2>
<h3>Entre artiste, on se comprend</h3>
<div class="ledger_barre" style="background: #F2D12C;"></div><div class="ledger_info4">Gypso, Ledger il l'aime bien. Au départ grandement jaloux de ses coups de crayon incomparable (bon, toujours jaloux). Alors Ledger s'est intéressé au garçon,
il  a commencé à passer du temps avec lui ... et ils se sont trouvés des affinités. Le plaisir de déambuler dans Tokyo, une affection pour l'art ... Tandis que Haru s'intéresse aux bombes de Kosei, Kosei s'intéresse aux techniques d'Haru. Un échange de bon procédé,
un échange réellement intéressé, et pas uniquement pour la forme. Ledger apprécie beaucoup son comparse Meiji, même si celui-ci aime le taquiner.</div>


<h2 style="color: #F2D12C;">Délico</h2>
<h3>Boss, guide, conseiller d'orientation</h3>
<div class="ledger_barre" style="background: #F2D12C;"></div><div class="ledger_info4">Délico, il a accepté Ledger tel qu'il était : paumé et hacker ridiculement mauvais. Il s'en est vite aperçu d'ailleurs. Donc il l'a plutôt envoyé promener sur le terrain pour ramasser le blé et effrayer les mauvais payeurs. Mais Ledg' est revenu en rampant façon "viande qu'on a bien travaillée". Au lieu de le foutre à la porte comme le p'tit con sans compétence que Kosei était, Délico l'a ramassé à la petite cuillère et l'a incité à s'intéresser aux explosifs. Une grande réussite puisque c'est la voie qui lui était destinée.

Depuis ce jour Ledger est très reconnaissant envers son boss, qu'il n'hésite pas à aller emmerder pour recevoir quelques conseils. Fidèle comme un chien à son maître, l'idée de vivre loin des Meiji ne lui a même pas traversé l'esprit.</div>


<h2 style="color: #F73B3B;">Pseudo</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #F73B3B;"></div><div class="ledger_info4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus ut odio pulvinar venenatis vitae vitae purus. Curabitur faucibus eu massa at eleifend. Integer eu metus tempus, mollis neque non, blandit tortor. Nunc nec urna varius, faucibus nulla ac, finibus ipsum. Morbi lectus magna, euismod eu turpis sed, volutpat molestie nulla. Vivamus in massa metus. Fusce in sollicitudin purus.

Maecenas pulvinar lectus sem, vel porttitor tortor feugiat vitae. Proin iaculis lacus eget felis tincidunt dictum. Praesent sit amet fermentum massa, quis vestibulum justo. Quisque fringilla facilisis consequat. Sed hendrerit magna dignissim ipsum dictum dignissim. Etiam ex diam, dapibus ac sapien vel, aliquet pretium odio. Vivamus et libero ac massa euismod fringilla in et ex. Sed molestie iaculis orci sit amet hendrerit. Donec lectus ligula, volutpat ut erat sed, fringilla bibendum dolor.</div>


<h2 style="color: #798AFC;">Pseudo</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #798AFC;"></div><div class="ledger_info4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus ut odio pulvinar venenatis vitae vitae purus. Curabitur faucibus eu massa at eleifend. Integer eu metus tempus, mollis neque non, blandit tortor. Nunc nec urna varius, faucibus nulla ac, finibus ipsum. Morbi lectus magna, euismod eu turpis sed, volutpat molestie nulla. Vivamus in massa metus. Fusce in sollicitudin purus.

Maecenas pulvinar lectus sem, vel porttitor tortor feugiat vitae. Proin iaculis lacus eget felis tincidunt dictum. Praesent sit amet fermentum massa, quis vestibulum justo. Quisque fringilla facilisis consequat. Sed hendrerit magna dignissim ipsum dictum dignissim. Etiam ex diam, dapibus ac sapien vel, aliquet pretium odio. Vivamus et libero ac massa euismod fringilla in et ex. Sed molestie iaculis orci sit amet hendrerit. Donec lectus ligula, volutpat ut erat sed, fringilla bibendum dolor.</div>


<h2 style="color: #00CC99;">Pseudo</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #00CC99;"></div><div class="ledger_info4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus ut odio pulvinar venenatis vitae vitae purus. Curabitur faucibus eu massa at eleifend. Integer eu metus tempus, mollis neque non, blandit tortor. Nunc nec urna varius, faucibus nulla ac, finibus ipsum. Morbi lectus magna, euismod eu turpis sed, volutpat molestie nulla. Vivamus in massa metus. Fusce in sollicitudin purus.

Maecenas pulvinar lectus sem, vel porttitor tortor feugiat vitae. Proin iaculis lacus eget felis tincidunt dictum. Praesent sit amet fermentum massa, quis vestibulum justo. Quisque fringilla facilisis consequat. Sed hendrerit magna dignissim ipsum dictum dignissim. Etiam ex diam, dapibus ac sapien vel, aliquet pretium odio. Vivamus et libero ac massa euismod fringilla in et ex. Sed molestie iaculis orci sit amet hendrerit. Donec lectus ligula, volutpat ut erat sed, fringilla bibendum dolor.</div>



<h2 style="color: #FF216B;">Pseudo</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #FF216B;"></div><div class="ledger_info4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus ut odio pulvinar venenatis vitae vitae purus. Curabitur faucibus eu massa at eleifend. Integer eu metus tempus, mollis neque non, blandit tortor. Nunc nec urna varius, faucibus nulla ac, finibus ipsum. Morbi lectus magna, euismod eu turpis sed, volutpat molestie nulla. Vivamus in massa metus. Fusce in sollicitudin purus.

Maecenas pulvinar lectus sem, vel porttitor tortor feugiat vitae. Proin iaculis lacus eget felis tincidunt dictum. Praesent sit amet fermentum massa, quis vestibulum justo. Quisque fringilla facilisis consequat. Sed hendrerit magna dignissim ipsum dictum dignissim. Etiam ex diam, dapibus ac sapien vel, aliquet pretium odio. Vivamus et libero ac massa euismod fringilla in et ex. Sed molestie iaculis orci sit amet hendrerit. Donec lectus ligula, volutpat ut erat sed, fringilla bibendum dolor.</div>



<h2 style="color: #C9A484;">Pseudo</h2>
<h3>Type de relation</h3>
<div class="ledger_barre" style="background: #C9A484;"></div><div class="ledger_info4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus ut odio pulvinar venenatis vitae vitae purus. Curabitur faucibus eu massa at eleifend. Integer eu metus tempus, mollis neque non, blandit tortor. Nunc nec urna varius, faucibus nulla ac, finibus ipsum. Morbi lectus magna, euismod eu turpis sed, volutpat molestie nulla. Vivamus in massa metus. Fusce in sollicitudin purus.

Maecenas pulvinar lectus sem, vel porttitor tortor feugiat vitae. Proin iaculis lacus eget felis tincidunt dictum. Praesent sit amet fermentum massa, quis vestibulum justo. Quisque fringilla facilisis consequat. Sed hendrerit magna dignissim ipsum dictum dignissim. Etiam ex diam, dapibus ac sapien vel, aliquet pretium odio. Vivamus et libero ac massa euismod fringilla in et ex. Sed molestie iaculis orci sit amet hendrerit. Donec lectus ligula, volutpat ut erat sed, fringilla bibendum dolor.</div></div>

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style>.boxCOMP{margin:auto;background-color:#fff;padding:5px;width:550px;font-family:abel;} .boxIN{border:1px solid #cccccc3b;padding:28px;margin:5px;} .boxIN2{text-align: justify;color: #8e8e8e;border:1px solid #cccccc3b;padding:50px;margin: 10px 5px;}.speaks{color: #7dd2ec;text-align: center;font-style: italic;border:1px solid #cccccc3b;padding:10px;margin: 10px 5px;} .GROStitre{display: block;color: #8e8e8e;font-size: 30px;text-align: center;text-transform: uppercase;} .featuring{color: #7dd2ec;display: block;text-align: center;font-style: italic;} .lettrine{color: #7dd2ec;font-size: 87px;float: left;margin-top: 30px;margin-bottom: 19px;margin-right: 5px;}  .creditsNECTA{height: 1px;top: 7px;left: 10px;font-size: 10px;position: relative;}  </style> <div class="boxCOMP"> <div class="boxIN"> <span class="GROStitre">titre_du_rp</span> <span class="featuring">Ft nom_du_partenaire</span> </div> <div class="boxIN2"> <span class="lettrine">A</span> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div class="speaks">Tu parle japonais en <b>gras</b> et TA_LANGUE_ICI en <b><i>gras italique</i></b></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style>.boxCOMP{margin:auto;background-color:#272727;padding:5px;width:550px;font-family:abel;} .boxIN{border:1px solid #cccccc3b;padding:28px;margin:5px;} .boxIN2{text-align: justify;color: #8e8e8e;border:1px solid #cccccc3b;padding:50px;margin: 10px 5px;}.speaks{color: #f00;text-align: center;font-style: italic;border:1px solid #cccccc3b;padding:10px;margin: 10px 5px;} .GROStitre{display: block;color: #8e8e8e;font-size: 30px;text-align: center;text-transform: uppercase;} .featuring{color: #f00;display: block;text-align: center;font-style: italic;} .lettrine{color: #f00;font-size: 87px;float: left;margin-top: 30px;margin-bottom: 19px;margin-right: 5px;}  .creditsNECTA{height: 1px;top: 7px;left: 10px;font-size: 10px;position: relative;}  </style> <div class="boxCOMP"> <div class="boxIN"> <span class="GROStitre">titre_du_rp</span> <span class="featuring">Ft nom_du_partenaire</span> </div> <div class="boxIN2"> <span class="lettrine">A</span> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div> <div class="speaks">Tu parle japonais en <b>gras</b> et TA_LANGUE_ICI en <b><i>gras italique</i></b></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>

<style>.creditsNECTA{height: 1px;top: -10px;left: 520px;font-size: 10px;position: relative;}.ava_2{float:left;color:#fff;font-size:35px;font-weight:bold;margin: -16px -5px 0px 10px;background:#f00;height:50px;width:50px;border-radius:50px;text-align:center;overflow:hidden;}.ava_2 img{margin-top:-1px;margin-right:1px;width:52px;height:52px;}.ronds{margin-top: 35px;float:left;width:38px;height:30px;}.rond_1{box-shadow: 1px 1px 0 0px #0000004d;background:#fff;width:10px;height:10px;border-radius:20px;} .rond_2{box-shadow: 1px 1px 0 0px #0000004d;margin-left: 15px;background:#fff;width:15px;height:15px;border-radius:20px;}.bulle_1{box-shadow: 1px 1px 0 0px #0000004d;float:left;border-radius: 20px;width:500px;background-color:#fff;padding:20px;margin: -25px 10px 10px 0px}</style>

<div class="ava_2"><img src="https://store.playstation.com/store/api/chihiro/00_09_000/container/US/en/999/UP0031-CUSA03133_00-AV00000000000046/1553250212000/image?w=240&h=240&bg_color=000000&opacity=100&_version=00_09_000" /></div><div class="ronds"><div class="rond_1"></div><div class="rond_2"></div></div><div class="bulle_1">Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.

Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.

Vbi curarum abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis conloquiis et nocturnis qua vi, quibusve commentis id fieret, antequam effundendis rebus pertinacius incumberet confidentia, acciri mollioribus scriptis per simulationem tractatus publici nimis urgentis eundem placuerat Gallum, ut auxilio destitutus sine ullo interiret obstaculo.</div><div style="clear:both;"></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div>

<style>.creditsNECTA{height: 1px;top: -10px;left: 520px;font-size: 10px;position: relative;}.ava_1{float:left;color:#fff;font-size:35px;font-weight:bold;margin: -16px 15px 0px 10px;background:#f00;height:50px;width:50px;border-radius:50px;text-align:center;overflow:hidden;}.ava_1 img{margin-top:-1px;margin-right:1px;width:52px;height:52px;}.carre_1{transform:rotate(45deg);margin-right:-13px;float:left; background:#fff; width:20px;height:20px;}.bulle_1{box-shadow: 1px 1px 0 0px #0000004d;float:left;border-radius: 20px;width:500px;background-color:#fff;padding:20px;margin: -25px 10px 10px 0px}</style>

<div class="ava_1"><img src="https://store.playstation.com/store/api/chihiro/00_09_000/container/US/en/999/UP0031-CUSA03133_00-AV00000000000046/1553250212000/image?w=240&h=240&bg_color=000000&opacity=100&_version=00_09_000" /></div><div class="carre_1"></div><div class="bulle_1">Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.

Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.

Vbi curarum abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis conloquiis et nocturnis qua vi, quibusve commentis id fieret, antequam effundendis rebus pertinacius incumberet confidentia, acciri mollioribus scriptis per simulationem tractatus publici nimis urgentis eundem placuerat Gallum, ut auxilio destitutus sine ullo interiret obstaculo.</div><div style="clear:both;"></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div>

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style>.creditsNECTA{height: 1px;top: -2px;left:10px;font-size: 10px;position: relative;} .boxcomplete{width: 550px;margin:auto;font-family: 'abel';} .titre_rp{margin-top: 10px; color: #fff;text-align: center;display: block;font-size: 19px;padding: 10px 7px 7px 7px; text-transform: uppercase;letter-spacing: 7px;font-weight: bold;text-shadow: 1px 1px 0px #000;background-color:#ffe57c} .text_rp{width: 480px; border-left: 25px solid #4e4e4e; border-right: 25px solid #ffe57c; padding: 10px;font-size:11.5px;text-align:justify;} .legende{background-color:#4e4e4e;padding: 10px;font-size:11.5px; color:#fff; text-align:center;}</style>  <div class="boxcomplete"> <div class="titre_rp">TITRE_DU_RP</div> <div class="text_rp">Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.  Sed si ille hac tam eximia fortuna propter utilitatem rei publicae frui non properat, ut omnia illa conficiat, quid ego, senator, facere debeo, quem, etiamsi ille aliud vellet, rei publicae consulere oporteret?  Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.  Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.  Fuerit toto in consulatu sine provincia, cui fuerit, antequam designatus est, decreta provincia. Sortietur an non? Nam et non sortiri absurdum est, et, quod sortitus sis, non habere. Proficiscetur paludatus? Quo? Quo pervenire ante certam diem non licebit. ianuario, Februario, provinciam non habebit; Kalendis ei denique Martiis nascetur repente provincia. </div> <div class="legende">VOTRE_PERSO parle en UNE_LANGUE en <font color="#ead377"><strong>#ead377 gras</strong></font>, en UNE_LANGUE en <font color="#ead377"><i>#ead377 italique</i></font> !</div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>

<center><link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
<style>.box_a{background-color:#eddfdf;width:510px;padding:20px;}.box_b{background-color:#fff;padding:15px;text-align:justify;}.titre_a{font-size:25px;text-align:center;font-family: 'Slabo 27px', serif;border-bottom: 3px solid #000;padding-bottom: 2px;margin-bottom:1px;}.titre_b{margin-bottom:10px;font-size:9px; text-align:center;font-family: 'Slabo 27px', serif;}.texte_rp{font-size:12px;font-family: 'Slabo 27px', serif;}.motperso{font-size:11px;font-family: 'Slabo 27px', serif;padding:15px 15px 0px 15px;}.creditsNECTA{height: 1px;top: -2px;font-size: 10px;position: relative;} </style><div class="box_a"><div class="box_b"><div class="titre_a">TITRE DU RP ICI</div><div class="titre_b">➤ NOM DE VOTRE PARTENAIRE </div><span class="texte_rp">VOTRE TEXTE RP ICI</span></div><div class="motperso">légende, mot du posteur, commentaires, etc.</div></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div> </center>

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style> .box_du_ls{width:780px;position:relative;}  a:link{text-decoration:none !important}  .baretteB{border-left: 1px solid #f00;height: 10px;position: relative;top: -23px;left: 60px;} .baretteH{position: relative;top: 8px;left: 60px;border-left: 1px solid #f00;height: 10px;} .boite2{width:740px;margin:auto;} .boitecomplete{height: 150px;background-color: #272727;text-align:justify;padding: 0px 0px 10px 8px;float: left; width: 162px;margin: 2px;} .BOXinfo{background-color: #272727;height:751px;}  .colonneKD a.EC{ display: block; padding: 3px 5px;margin-bottom: 5px;border-left: 5px solid #31374c;width: 220px;} .colonneKD a.ARC{display: block;padding: 4px 5px;margin-bottom: 5px;border-left: 5px solid #4a0b0b;} .COLOLIENS{width:190px;margin-right: 5px;} .COLOLIENS a{display: inline-block;;background-color:#313131;height:50px;width:50px;color:#ffffff69;text-align:center;margin: 5px;padding-top: 17px;text-transform: uppercase;font-size: 11px;} .CinfosK{border: 1px solid #cccccc3b;margin:10px;padding:5px;height: 378px;} .colonneKU{float:left;width:185px;height:366px;} .colonneKD{float:left; width: 488px;height: 366px;} .creditsNECTA{font-size: 10px;position: absolute;margin: -5px 0px 0px 15px;font-family: Roboto, sans-serif;}  .dateETtextesH{height:80px;} .dateETtextesB{height:62px;margin-top: 8px;} .dateEH{color: #f00;font-style: italic;font-size: 12px;text-align: center;margin-top: -5px;} .dateEB{color: #f00;font-style: italic;font-size: 12px;text-align: center;margin-top: -15px;margin-bottom: 4px;}  .date1, .date2, .date3, .date4, .date5, .date6, .date7, .date8, .date9, .date10{background-color: #232323; border: 1px solid #cccccc3b;color: #ffffff57;width: 100px;height: 50px;padding: 12px 6px 6px 6px;font-size: 12px;text-align: center;line-height: 14px;} .Dposition1{position: relative;height:1px;width:1px;} .Dposition2{position: relative;height:1px;width:1px;left:70px;}  .Dposition3{position: relative;height:1px;width:1px;left:120px;top:-1px;}  .Dposition4{position: relative;height:1px;width:1px;left:190px;top:-1px;}  .Dposition5{position: relative;height:1px;width:1px;left:240px;top:-1px;} .Dposition6{position: relative;height:1px;width:1px;left:310px;top:-2px;} .Dposition7{position: relative;height:1px;width:1px;left:360px;top:-2px;} .Dposition8{position: relative;height:1px;width:1px;left:430px;top:-3px;} .Dposition9{position: relative;height:1px;width:1px;left:480px;top:-3px;} .Dposition10{position: relative;height:1px;width:1px;left:550px;top:-4px;}  .flechetteK{position:relative;top:0px;left:70px;} .flechetteS{position:relative;top:0px;left:250px;} .flechetteF{position:relative;top:0px;left:430px;} .flechetteV{position:relative;top:0px;left:610px;} .FICHEDESPERSOS{font-family: abel;width:705px;margin:0px auto 15px;} .frise{background:#272727;width:665px;padding: 8px 20px;}  .infosK{width: 705px;height: 0px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosS{margin-bottom:8px;width: 705px;height: 0px;margin-left:-178px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosF{margin-bottom:8px;width: 705px;height: 0px;margin-left:-356px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosV{margin-bottom:8px;width: 705px;height: 0px;margin-left:-534px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosPERSO{width:180px;height:306px;overflow: hidden;} .infosPERSO ul{width: 180px; margin: 0px !important;} .infosPERSO li{list-style-type: none;border-bottom: 1px solid #ffffff0d;color:#565656;text-align: justify;padding: 4px 0px;} .infosPERSO li span{color: #ffffff61;font-size: 13px;text-transform: uppercase;font-weight: bold;width: 80px;display: inline-block;} .LISTESRP{height:400px;margin-top:2px;width:715px;} .lien1{height: 142px;color: #8a8a8a;font-size: 11px;border: 1px solid #cccccc3b; padding:5px;} .lien1 a{display: block;font-size: 15px;font-weight: bold; text-align: center;text-transform: uppercase;font-family: abel;color: #ffffff5c;} .lien1 span{display: block;text-align: center;color: #f00;font-style: italic;font-size: 10px;margin-top: -5px;} .MESPERSOS{ min-height: 345px;} .MESPERSOS img.avatars{width:170px;}  .NOMPERSOS{font-size:10px;text-align: center;letter-spacing: 3px;width:780px;} .NOMK{width: 170px;background-color: #afd2f5;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMS{margin-bottom:6px;width: 170px;background-color: #bb6262;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMF{width: 170px;background-color: #afd2f5;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMV{margin-bottom:6px;width: 170px;background-color: #e8d07c;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-top: 2px;} .NAMEINFOS{padding-top: 13px;color: #f00;margin-left: 12px;font-size: 45px; text-transform: uppercase} .RPK{float:left;width:236px;margin-left:8px;margin-top: 15px; overflow:auto; height:280px;} .perso1:hover .infosK{height:781px;transition: 0.5s ease-in-out;} .perso1{float:left;width:170px;z-index:10;} .perso3{float:left;width:170px;z-index:30;margin-left: 8px;} .perso3:hover .infosF{height:781px;transition: 0.5s ease-in-out;} .perso2{float:left;width:170px;z-index:20;margin-left:8px;} .perso2:hover .infosS{height:781px;transition: 0.5s ease-in-out;} .perso4{float:left;width:170px;z-index:40;margin-left:8px;} .perso4:hover .infosV{height:781px;transition: 0.5s ease-in-out;} .textrela{padding: 10px;line-height: 13px;height:102px; overflow:auto;} .txtH{height: 40px;overflow: auto;line-height:10px;} .timeline{border-bottom:8px solid #f00;width:100%;}    </style> <div class="FICHEDESPERSOS">  <div class="NOMPERSOS"> <div class="NOMK">NOM_PERSO_1</div> <div class="NOMS">NOM_PERSO_2</div> <div class="NOMF">NOM_PERSO_3</div> <div class="NOMV">NOM_PERSO_4</div> <div style="clear:both;"></div> </div>  <div class="MESPERSOS">  <!-- DEBUT partie PERSONNAGE 1 --> <div class="perso1"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosK"> <div class="flechetteK"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_1</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 1 --> <!-- DEBUT partie PERSONNAGE 2 --> <div class="perso2"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosS"> <div class="flechetteS"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_2</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 2 --> <!-- DEBUT partie PERSONNAGE 3 --> <div class="perso3"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosF"> <div class="flechetteF"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_3</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 3 --> <!-- DEBUT partie PERSONNAGE 4 --> <div class="perso4"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosV"> <div class="flechetteV"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_4</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 4 --> </div> <div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>     

<style> .creditsNECTA{height: 1px;top: -2px;left: 10px;font-size: 10px;position: relative;}.box_all{margin:auto;width:675px;}.barre_info{text-transform:uppercase;padding: 12px;text-align:right; background-color:#a3c8d6; color:#fff;} .barre_info a{color:#fff;font-weight:bold; margin-right:10px;margin-left:10px;text-transform:uppercase; opacity:0.5;} .barre_info a:hover{opacity:1;} .box_top{ width:625px;background-image:url(https://i.servimg.com/u/f62/18/92/91/42/gzeg10.png);background-repeat: no-repeat;background-size: cover;padding:25px;} .img_loading img{width:350px;} .img_loading{width:350px; float:left;} .box_info{background-color:rgba(0, 0, 0, 0.13);;color:#fff;float:left;width:245px;height:167px;margin-bottom: 10px;padding: 15px;} .txt_2{font-size: 10px;line-height: 12px;overflow:auto;height:166px;} .box_liens_important{margin-left:3px;width:625px;height:90px;margin-top:-25px; overflow:hidden;} .txt_3{margin-top: 10px;margin-bottom: 3px;background-color: #e5f0f5;text-transform:uppercase;text-align: center;width: 429px; color:#84aab9; font-family:arial;font-size:9px; padding:5px;font-weight:bold;} .box_liens_autres{padding: 0px;} .droite{float:left;width:435px;padding-left: 3px;} .gauche{font-size: 9px;text-align:left;background-color:#a3c8d6;float:left;height:441px;width:213px;color:#fff;padding:10px;overflow:auto;} .en_cours{font-weight:bold;color:#53bd6e;font-size: 12px; margin-left: 10px;} .futur{font-weight:bold;color:#d1d46f;font-size: 12px; margin-left: 10px;} .archive{text-transform:uppercase;font-weight:bold;color:#a5a5a5;font-size: 12px; margin-left: 10px;} .abandonns{text-transform:uppercase;font-weight:bold;color:#a54f4f;font-size: 12px; margin-left: 10px;} .img_liens a span{text-align:center;margin-left:-120px;position:absolute;background-color:#a3c8d6; color:#fff; padding:5px; transition:all .25s;opacity:0;width:110px;height:70px;overflow:auto;transform:scale(0) rotate(-12deg);} .img_liens a:hover span, .img_liens a:focus span{transform:scale(1) rotate(0);opacity:1;}.img_liens a{float:left;width:120px;height:90px;border-bottom: 5px solid #505b7b;padding-bottom:5px;margin-right:5px;opacity:0.5;} .img_liens a:hover{opacity:1; border-bottom: 5px solid #d25353;} .abanonnes{text-transform:uppercase;font-weight:bold;color:#a54f4f;font-size: 10px;} .txt5{font-size:10px;line-height:10px;text-align:justify;} .img_liens_2 a span{z-index:99;text-align:center;margin-left:-100px; margin-left: -97px;margin-top: 3px;position:absolute;background-color:#a3c8d6; color:#fff; padding:5px; transition:all .25s;opacity:0;width:84px;height:84px;overflow:auto;transform:scale(0) rotate(-12deg);} .img_liens_2 a:hover span, .img_liens_2 a:focus span{transform:scale(1) rotate(0);opacity:1;}.img_liens_2 a{float:left; width:100px; height:100px;background-color:#ccc;opacity:0.5;} .img_liens_2 a:hover{opacity:1;} .img_liens_2{float:left; border: 1px solid #ccc;width:100px; height:100px;margin: 3px; opacity:0.5;} .img_liens_2:hover{opacity:1;}  </style> <div class="box_all"> <div class="barre_info"> <span class="txt_1"><a href="#">FICHE</a></span> ║ <span class="txt_1">INFO_1</span> ║ <span class="txt_1">INFO_2</span> ║ <span class="txt_1">INFO_3</span></div><div class="box_top"><!--img gif --><div class="img_loading"><img src="https://s-media-cache-ak0.pinimg.com/originals/8d/f4/6a/8df46a6976269643cbeb1564daa57ad9.gif" ></div><div class="box_info"><div class="txt_2">INFORMATION_SUR_VOTRE_PERSONNAGE</div> </div><div style="clear:both;"></div><div class="box_liens_important"><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div></div></div><div class="gauche"><span class="en_cours">EN COURS</span><br><br><a href="#">NOM_DU_RP</a> :heavy_multiplication_x: <i>ft</i> NOM_DU_PARTENAIRE<br><a href="#">NOM_DU_RP</a> :heavy_multiplication_x: <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="archive">ARCHIVéS</span><br><br><a href="#">NOM_DU_RP </a> :heavy_multiplication_x: <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="abandonns">ABANDONNéS</span><br><br><a href="#">NOM_DU_RP</a> :heavy_multiplication_x: <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="futur">FUTURS</span><br><br><a href="#">NOM_DU_RP </a> :heavy_multiplication_x: <i>ft</i> NOM_DU_PARTENAIRE<br></div><div class="droite"><div class="txt_3">liens positifs</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY_1</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY_2</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div><div class="txt_3">... mais toi, va mourir.</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div><div class="txt_3">Autres</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div></div><div style="clear:both;"></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>

<style>.creditsNECTA{height: 1px;top: -2px;left: 10px;font-size: 10px;position: relative;} .box_complete{width: 810px;margin:auto;} .cadre_gauche{float:left;width:400px;margin-right:10px;padding-top:1px;color: #888;background:#272727;} .cadre_droite{float:left;width:400px;padding-top:1px;color: #888;background:#272727;} .cadre{text-align:justify;padding:5px; margin:10px;border:1px solid #444;}.cadre_desc{height:300px;overflow:auto;text-align:justify;padding:5px; margin:10px;border:1px solid #444;} .grand_titre {color: #f00;text-transform: uppercase;font-size: 25px;font-weight: bold;height: 23px;padding: 5px 0px 0px 0px;text-align: right;width: 257px;} .miniatures_perso img{width: 100px;height: 100px;margin: 2px;}.miniatures_perso{width:104px;float:left;}  .cadre_info{float:left;} .cadre_info ul{height: 282px;overflow:auto;list-style-type: none;width: 245px;margin: 0px -30px 0px;} .cadre_info li{height: 20px;padding-top: 7px;border-bottom:1px solid #444;} .cadre_info span{color: #444;font-weight:bold;margin-right:10px;} .cadre_histoire{text-align:justify;padding:5px; margin:10px;border:1px solid #444;height:956px;overflow: auto;} .descriptif{color: #f00;font-weight:bold;margin-right:10px;float:left;text-transform:uppercase;font-size:15px;}</style> <div class="box_complete"> <div class="cadre_gauche"> <div class="cadre"> <div class="miniatures_perso"> <img src="#" /> <br/> <img src="#" /> <br/> <img src="#" /> </div> <div class="cadre_info"> <div class="grand_titre">NOM_DU_PERSONNAGE</div> <ul> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> </ul>  </div> <div style="clear:both;"></div> </div> <div class="cadre_desc"><span class="descriptif">Physique :</span> VOTRE_TEXT_ICI <div style="clear:both;"></div> </div> <div class="cadre_desc"><span class="descriptif">Psychologie :</span>  VOTRE_TEXT_ICI<div style="clear:both;"></div> </div> </div> <div class="cadre_droite"> <div class="cadre_histoire"><span class="descriptif">histoire :</span>  VOTRE_TEXT_ICI<div style="clear:both;"></div> </div> </div><div style="clear:both;"></div> <div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div> </div>

<div style="background-color: #EFECCA; width: 90%; text-align:justify; font-size:11px; font-family:arial; margin:0 auto;"><img src="http://image.noelshack.com/fichiers/2015/52/1450809877-erol-se-prend-la-vitre-gif.gif" style="width: 100%;" /><div style="color: #99856D; text-align:center; text-shadow: 2px 0px #4C1B1B; font-size: 34px; margin-top:10px;">Un titre ici</div><div style="margin:2px auto; text-align:center; font-family:time new roman; letter-spacing:2px; font-weight:bolder; border-bottom:1px solid #4C1B1B; width:80%; ">feat. une personne trop cool.</div><div style="padding:20px;">Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta. Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta. Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta. Sed tamen haec cum ita tutius observentur, quidam vigore artuum inminuto rogati ad nuptias ubi aurum dextris manibus cavatis offertur, inpigre vel usque Spoletium pergunt. haec nobilium sunt instituta.</div><div style="font-size:9px; text-align:center; margin:5px; padding:8px"><a style="text-decoration: none;" href="http://avada-kedagraph.forumactif.com/">jamy - AvadaKedagraph</a></div></div>

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
<style> .cadre_pres {width: 580px; border: 2px solid #627764; background: #d0cdc8; margin: auto;} .text_gras {font-family: 'Alegreya Sans SC', sans-serif; font-size: 20px; color: #627764;} img.image_pres {width: 580px; height: 300px; border-bottom: 2px solid #627764;} .titre_pres {font-size: 40px; color: #ffffff; font-weight: bold; font-family: 'Shadows Into Light Two', cursive; font-variant: small-caps; width: 550px; padding: 15px; margin: auto; text-align: center; margin-bottom: -15px;} .citation_pres {font-family: 'Alegreya Sans SC', sans-serif; font-size: 15px; font-style: italic; margin: auto; text-align: center; border-bottom: 1px dotted #627764; padding-left: 5px; padding-right: 5px;} .tableau_pres {margin-left: 40px; margin-right: 40px; height: 400px;} img.image_pres_2 {widht: 200px; height: 400px; border: 2px solid #627764;} .cadre_pres_infos {width: 220px; height: 380px; background: #fafafa; border-left: 8px solid #16768e; padding: 10px; margin-left: 40px; overflow: auto; line-height: 1.3;} .sous_titre_pres {background: #16768e; color: #ffffff; padding: 5px; position: relative; left: 40px; bottom: 8px; font-family: 'Alegreya Sans SC', sans-serif; font-size: 25px;} .cadre_pres_description {width: 500px; background: #fafafa; border-left: 8px solid #16768e; border-right: 8px solid #16768e; padding: 10px; margin: auto;}</style>

<div class="cadre_pres"><img src="https://img15.hostingpics.net/pics/743831hautpres.png" class="image_pres"/>
<div class="titre_pres bleu">Nom&Prénom</div>
<center><span class="citation_pres">Citation qui tue</span></center>

<table class="tableau_pres"><tr><td style="width: 200px;"><img src="https://img15.hostingpics.net/pics/445476vavapres.png" class="image_pres_2"/></td>
<td><div class="cadre_pres_infos"><span class="text_gras">Nom:</span>
<span class="text_gras">Prénom:</span>
<span class="text_gras">Race:</span>
<span class="text_gras">Age:</span>
etc
 </div></td></tr></table>


<span class="sous_titre_pres">Apparence</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>


<span class="sous_titre_pres">Caractère</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>


<span class="sous_titre_pres">Histoire</span>
<div class="cadre_pres_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tempor ipsum eu imperdiet. Cras tristique ipsum orci, in pellentesque magna luctus non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate dignissim ante, eget placerat ante varius non. Proin iaculis lacus leo, non finibus felis malesuada eget. Aliquam orci justo, maximus ut volutpat et, finibus sit amet diam. Sed tempus non lacus at lobortis. In vehicula odio ac quam aliquet porttitor. In porttitor neque nisl, vitae auctor augue tincidunt at. Suspendisse placerat est non neque mattis, eget lobortis justo dignissim. Quisque volutpat turpis nec hendrerit interdum.</div>


<div class="titre_pres bleu">Et IRL ? </div>

<div class="cadre_pres_description"><span class="text_gras">Votre pseudo ?</span>
<span class="text_gras">Expérience en RP ? </span>
etc
</div>

<center><span style="font-size: 11px; color: #ffffff; text-shadow: 0 0 5px #000000;">:copyright:️ codage par Mini BN sur <a href="http://www.never-utopia.com/">Never Utopia</a></span></center>
</div>

<link href="https://fonts.googleapis.com/css?family=Roboto:400,900|Open+Sans" rel="stylesheet"><style>.rp-wrap { width: 500px; background-color: #e6e3f9; box-sizing: border-box; position: relative; font-family: 'Roboto', sans-serif; overflow: hidden; margin: auto;line-height: 1.4em; } .rp-wrap:after { content:""; width: 0; height: 0; border-style: solid; border-width: 200px 800px 0 0; border-color: #47d493 transparent transparent transparent; position: absolute; top: 0; } .rp-wrap:before { content: ""; width: 800px; height: 100px; background: #fff; position: absolute; top: 50px; transform: rotate(-10deg); left: -100px; } .rp-wrap h2 { position: absolute; transform: rotate(-15deg); width: 310px; top: 60px; left: 160px; font-size: 15px; text-transform: uppercase; color: #fff; text-shadow: -1px 0 0 #39ad77; z-index: 2; font-weight:bold; } .rp-wrap h3 { position: absolute; transform: rotate(-15deg); width: 200px; top: 40px; left: 160px; font-size: 10px; text-transform: uppercase; color: #39ad77; z-index: 2; font-weight: normal; } .rp-wrap h3:before { content: "Feat"; position: absolute; margin-top: -35px; margin-left: -80px; font-size: 70px; text-transform: uppercase; color: #39ad77; z-index: 2; font-weight: bold; } .rp-wrap .icon { position: absolute; border-radius: 50%; left: 50px; border: 3px solid #39ad77; top: 100px; z-index: 2; width: 100px; height: 100px; overflow: hidden; } .rp-wrap .icon img { height: 100px; } .rp-txt { font-family: 'Open Sans', sans-serif; width: 70%; text-align: justify; margin: auto; padding: 240px 0 50px; font-size: 10px; line-height: 16px; } .rp-credit { position: absolute; width: 100%; text-align: center; bottom: 15px; } .rp-credit a { text-decoration: none!important; color: #bababa!important; font-size: 9px; letter-spacing: 1px; }</style><div class="rp-wrap"><!--
--><h2>We're not broken, we're just bent and we can learn to love again</h2><!--
--><h3>Alias 1 & Alias 2</h3><!--
--><div class="icon"><img src="https://media.giphy.com/media/mLa2pKrcyQCUo/giphy.gif" alt="" /></div><!--
--><div class="rp-txt">
          Texte ici
      </div><!--
--><div class="rp-credit"><a href="http://terrible.forumactif.org/" target="_blank"></> awful</a></div>
</div>

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style>.titrerp { margin:auto; margin-bottom:5px; width:500px; text-align:center;text-transform: uppercase; font-size:25px; color: #2a2a2a; font-family: 'Oswald', sans-serif;} .ficherp { margin: auto; width: 500px; border-left: 40px solid #2a2a2a; border-right:40px solid #2a2a2a; padding:0px 10px; text-align:justify; font-family: serif; color: #2a2a2a;} .ficherp img {width:500px; margin-bottom:5px;} .fichetext::first-letter { display:inline-block; font-size: 45px; float:left; margin-top: 5px; padding:0px 5px; margin-right: 5px; text-shadow: 0px 0px 1px #2a2a2a;} .credit {margin:auto; width:500px; text-align:center; font-size:10px; color:#2a2a2a;}</style>
<div class="titrerp">Titre du rpg ici, mieux court</div><div class="ficherp"><img src="http://zupimages.net/up/15/49/j8rr.gif" />
<div class="fichetext">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div><div class="credit">:copyright:gotheim pour <a href="http://epicode.variousforum.com/" target="blank">epicode</a></div>