Notre fiche.

<link href="https://fonts.googleapis.com/css?family=Lobster|Playfair+Display|Roboto&display=swap" rel="stylesheet">
<style>.dfichepub {position: relative; width: 500px; margin: auto; overflow: hidden; border-radius: 10px;background: url('https://nsa40.casimages.com/img/2020/01/17/200117045953428353.png');background-size: 560px;}.dfichepub .interne { width: 240px; height: 150px; margin: 0 20px 40px 20px; margin: auto; border-radius: 10px;background: #F3F2FB;box-shadow: 1px 1px 10px #D1DED0 inset;font-family: Roboto; opacity: 0.9; font-size: 13px; color: black;}.dfichepub .interne .contenu { top: 10px; left: 10px; width: 240px;height: 135px; padding: 5px;margin: auto;overflow: auto;text-align: justify;} .dfichepub .contexte { width: 95%; height: 190px; margin: 0 20px 40px 20px; margin: auto; border-radius: 10px;background: #F3F2FB;box-shadow: 1px 1px 10px #D1DED0 inset;font-family: Roboto; opacity: 0.9; font-size: 13px; color: black;} .dfichepub .contexte .cont { top: 10px; left: 10px;width: 95%;height: 175px;padding: 5px;margin: auto;overflow: auto;text-align: justify;}bottinfont {position: relative;z-index: 2;width: 100%;margin: 0px;text-align: center;font-weight: normal;font-family: 'Lobster', cursive;font-size: 34px;color: #768999;text-shadow: 0px 1px 1px black;} .bottintitre {position: absolute;width: 35%;margin-bottom: -5px;margin-left: 15px;background: #243F54;text-align: center; font-family: Playfair Display;text-transform: uppercase;border-radius: 10px 10px 0px 0px; font-size: 16px;color: white;}.ttrebottin {position: absolute; width: 40%; margin-bottom: -5px;  margin-left: 15px  ;background:#44a1a8; text-align: center;  box-align: center; font-family: Playfair Display; text-transform: uppercase; border-radius: 10px 10px 0px 0px; font-size: 16px; color: white;}body{font-family: sans-serif; background:#44a1a8;}.bubble-text{background:#243F54; color:#fff; padding:4px; border-radius:10px; width:110px; height: 75px;}.bubble-text::after{content:""; margin-top: 10px; margin-left: 20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #243F54; position: absolute;}.pseudojuliet{position: absolute;margin-left: 2px;margin-bottom: 2px;text-align: center; font-family: Playfair Display;text-transform: uppercase;border-radius: 10px 10px 0px 0px; font-size: 13px;color: white;} .pseudoadmin{position: absolute;margin-left: 25px;margin-bottom: 2px; text-align: center; font-family: Playfair Display;text-transform: uppercase;border-radius: 10px 10px 0px 0px; font-size: 13px;color: white;} .celebtaken {color: #E98205;font-family: playfair display; font-size: 14px;  line-height: 100%; text-align: justify; text-transform: uppercase; text-shadow: -1px 0px 0px #F4EFE4; opacity: 1;} .boutonpub {width: 20%;margin-bottom: -5px; padding: 5px;background: #243F54;text-align: center; font-family: roboto;text-transform: uppercase; font-size: 10px;color: white;}.oncup { width: 20%; margin-bottom: -5px; padding: 5px;background: #243F54; text-align: center;  box-align: center; font-family: roboto; text-transform: uppercase; font-size: 10px; color: white;} .cadreicon {width: 50px;height: 50px; padding: 2px; border: 1px solid gainsboro; background-color: white; border-radius: 100px;"} </style>

<div class="dfichepub"><br><div class="bottinfont">[color=#768999]Roomies[/color]</div>
<center> <span class="boutonpub"><a href="http://roomies.forumactif.com/t1-reglement#1">[color=#EEEEEE]Règlement[/color]</a></span> <span class="oncup"> <a href="http://roomies.forumactif.com/f3-annexes">[color=#EEEEEE]Annexes[/color]</a></span> <span class="boutonpub"><a href="http://roomies.forumactif.com/t6-bottin-des-avatars">[color=#EEEEEE]Bottin[/color]</a></span>  <span class="oncup"><a href="http://roomies.forumactif.com/f11-les-invites">[color=#EEEEEE]Invité[/color]</a></span> <span class="boutonpub"><a href="http://roomies.forumactif.com/f6-panneau-de-recherche">[color=#EEEEEE]Scénarios[/color]</a></span> <span class="oncup"><a href="http://roomies.forumactif.com/f38-preliens">[color=#EEEEEE]Pré-liens[/color]</a> </span>           

<table><tr><td><div class="ttrebottin">nouveautés</div>
<div class="interne"><div class="contenu"><span class="celebtaken">[color=#95A5B3]25/01/2020[/color]</span> → OUVERTURE DU FORUM
</div>
</div></td><td><div class="bottintitre">En bref...</div>
<div class="interne"><div class="contenu">
→ Forum situé à Boston
→ pas de minimum de lignes
→ 1 rp toutes les 2 semaines

</div>
</div></td></tr></table>

<span class="ttrebottin">contexte</span>
<div class="contexte"><div class="cont">

Tu souffles dans ton fauteuil des années 90 en regardant autour de toi. Voilà 5 ans que tu vis avec ton meilleur ami, celui que tu as rencontré quand vous n'etiez que des enfants vous bagarrant dans la cours de récréation. 5 années que tu le supportes (ou il te supportes cela va dans les deux sens...) et il n'a toujours pas comprit que tu n'etais pas un lave vaisselle sur pattes. Tu en as fait des concessions, plus que lui d'ailleurs mais, en réalité, tu ne changerais rien car la coloration, il y a rien de mieux. Qu'est ce qui a fait que tu as craqué, le jour où il t'as demander d'habiter avec lui? Le simple fait D'idolatrer Joey et Chandler,les meilleurs amis inséparables de ta série préféré... Pour toi, la colocation, c'est une aventure de 8h du matin à minuit et ce n'est pas tes voisines qui diront le contraire. Elles, cela ne sait pas passer comme toi et ton ami, au début, il n'y avait que la jolie blonde puis la brune est arrivée et elles se sont détestées jusqu'au jour où elles sont restée coincer dans l'ascenseur de l'immeuble, celui qui est toujours en panne. Tu vas souvent les voir pour emprunter du sucre ou passer la soirée avec. Parce que la colocation, c'est la vie en communauté et le fait d'avoir de nouveau amis... Bien entendu, il y a des gens qui ne comprennent pas cela et tu trouves que c'est dommage car jamais ils ne connaîtront la joie d'avoir des amis sur qui compter...</div></div>


<center><table width="500px;" style="margin: 5px;"><tr><td><div class="bubble"><div class="bubble-text"><span class="pseudojuliet">
[center]Willow
Kurtis[/center]
</span>

[center]la fonda[/center]
</div></div><img class="cadreicon" src="https://66.media.tumblr.com/f8b1da6e4f48a345d24fc129b673f80f/tumblr_pqmtsfT5Ai1xmq33do5_250.png" title="Juliet" alt="Titre Image"></td><td><div class="bubble"><div class="bubble-text"><span class="pseudoadmin">Alba C.
Williams
</span>

[center]l'admin[/center]
</div></div><img class="cadreicon" src="https://66.media.tumblr.com/c24b442b43f6b09b29607f7a753aa699/tumblr_ox2dnob4lg1tfc4tpo6_250.png" title="Amelia" alt="Titre Image"></td><td><div class="bubble"><div class="bubble-text"><span class="pseudoadmin">Julian
Miller
</span>

[center]l'admin[/center]
</div></div><img class="cadreicon" src="https://66.media.tumblr.com/ee3c14ff7944b0ce869db3ac4f90255c/tumblr_paqo0hTnMn1x58qn8o3_250.png" title="Julian" alt="Titre Image"></td><td>
</div></div></tr></table></center>
</center><br></div>