<link href="https://fonts.googleapis.com/css?family=Wire+One" rel="stylesheet"/>
<style>.fond {box-shadow: 1px 1px 5px black; position:relative; margin:0 auto; width: 600px; height:auto; overflow:hidden; background-color:#374357; background-image:url(https://www.transparenttextures.com/patterns/low-contrast-linen.png); box-shadow: 0px 0px 0px #3B1F2D;}.fond .banniere{width: 600px; height: 300px; border-bottom:2px solid #aecde3; border-top:1px solid #aecde3; box-shadow:0px 0px 1px #aecde3; margin-bottom:30px; transition:all 600ms; filter: saturate(100%); -webkit-filter:saturate(100%); -moz-filter:saturate(100%); -o-filter:saturate(100%); -ms-filter:saturate(100%);} .fond .banniere:hover{filter: saturate(150%); -webkit-filter:saturate(150%); -moz-filter:saturate(150%); -o-filter:saturate(150%); -ms-filter:saturate(150%);}.bloc{margin-top: 30px;background-color:#4d5b71; background-image:url(https://www.transparenttextures.com/patterns/transparent-square-tiles.png); opacity:0.6; transition:all 600ms; border-left: 2px solid #aecde3; border-right: 2px solid #aecde3; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99;}.bloc:hover{opacity:0.9;}.mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #d2d8e2; font-family: 'Century Gothic'; font-size: 12px; transition: 600ms;}.mef1:hover {color: #CD3259; font-family: 'Century Gothic'; font-size: 12px; text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg);}.bulle span{position: absolute; top: auto; left: auto; width: 300px; height: auto; display: none; background-color: #aecde3; border-left: 2px solid #4d5b71; border-right: 2px solid #4d5b71; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999;}.bulle:hover span{display: block;}.titre_liens{position: absolute; top: 315px; left: 70px; font-family: 'Wire One'; font-weight:normal; color:#aecde3; text-shadow:0px 0px 1px #aecde3; width:200px; text-align: center; font-size:30px; margin-bottom: -5px; transition: 600ms ease; z-index: 999;}.titre_liens:hover{color: #F6ECDB;}.titre_staff{position: absolute; top:-18px; left: 270px; font-family: 'Wire One'; font-weight:normal; color:#aecde3; text-shadow:0px 0px 1px #aecde3; width:200px; text-align: center; font-size:30px; margin-bottom: -5px; transition: 600ms ease; z-index: 999;}.titre_staff:hover{color: #F6ECDB;}.titre_contexte{position: absolute; top: 495px; left: 200px; font-family: 'Wire One'; font-weight:normal; color:#aecde3; text-shadow:0px 0px 1px #aecde3; width:200px; text-align: center; font-size:30px; transition: 600ms ease; z-index: 999;}.titre_contexte:hover{color: #F6ECDB;}.titre2{font-family: 'Wire One'; font-weight:normal; color:#aecde3; text-shadow:0px 0px 1px #aecde3; width:200px; font-size:30px; transition: 600ms ease; text-align: center;}.titre2:hover{color: #F6ECDB;}.blocbis {background-color:#4d5b71; background-image:url(https://www.transparenttextures.com/patterns/transparent-square-tiles.png); opacity:0.6; transition:all 600ms; border-left: 2px solid #aecde3; border-right: 2px solid #aecde3; margin-right: auto; margin-left: auto; margin-bottom: 20px; width: 240px; height: 115px; padding: 5px; color: #aecde3; font-family: 'Calibri'; font-size: 14px;}.blocbis a{color: #848d9c;}.blocbis:hover{opacity:0.9;}.blocbis2 {background-color:#4d5b71; background-image:url(https://www.transparenttextures.com/patterns/transparent-square-tiles.png); opacity:0.6; transition:all 600ms; border-left: 2px solid #aecde3; border-right: 2px solid #aecde3; margin-right: auto; margin-left: auto; margin-bottom: 20px; width: 510px; height: auto; color: #aecde3; font-family: 'Calibri'; font-size: 12px;}.blocbis3 {background-color:#4d5b71; background-image:url(https://www.transparenttextures.com/patterns/transparent-square-tiles.png); opacity:0.6; transition:all 600ms; border-left: 2px solid #aecde3; border-right: 2px solid #aecde3; margin-right: auto; margin-left: auto; margin-bottom: 20px; width: 240px; height: 155px; padding: 5px; color: #aecde3; font-family: 'Calibri'; font-size: 14px;}.blocbis3 a{color:#848d9c;}.blocbis3:hover{opacity:0.9;}.ico_pub{margin-left: 25px; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #5a5449; border-bottom: 2px solid #5a5449; transition: 2s; width: 75px;height: 75px;}.ico_pub:hover{transform: rotate(-20deg);}.bulle_pub span{position: absolute; top: auto; left: auto; width: 100px; height: auto; display: none; background-color: #aecde3; border-left: 2px solid #4d5b71; border-right: 2px solid #4d5b71;padding: 5px; text-align: center; color: #666666; font-family: 'Century Gothic'; font-size: 12px; z-index: 999;}.bulle_pub:hover span{display: block; z-index:999;}</style><div class="fond"><div class="banniere"><a href="http://the-girl-on-fire.forumactif.org"><img src="https://i.imgur.com/Ip8CNFd.jpg" /></a></div><div class="titre_liens">Liens utiles</div><div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="blocbis"><br />۞ <a href="https://esteria.forumactif.com/t34-les-lois-d-esteria">NOS LOIS</a><br />۞ <a href="https://esteria.forumactif.com/t32-une-nouvelle-ere-commence">HISTOIRE D'ESTÉRIA</a><br />۞ <a href="https://esteria.forumactif.com/f6-bibliotheque">LA BIBLIOTHÈQUE</a><br>۞ <a href="https://esteria.forumactif.com/f17-recherches">WANTED</a><br />۞ <a href="https://esteria.forumactif.com/f33-etat-civil">ÉTAT CIVIL</a></div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre_staff">Staff</div><div class="blocbis" style="margin-left: -14px;"><br /><table><tr><td><div class="bulle_pub"><img class="ico_pub" src="https://i.imgur.com/F5mtj9r.jpg" alt="100x100"><span><b>Estéria</b><br/><i>Fondateur</i> | <a href="https://esteria.forumactif.com/privmsg?mode=post&u=1"> MP</a></center></span></div></td><td><div class="bulle_pub"><img class="ico_pub" src="https://i.imgur.com/FP8kUoH.jpg" alt="100x100"><span><b>Le Sribe</b><br/><i>Admin</i> | <a href="https://esteria.forumactif.com/privmsg?mode=post&u=3"> MP</a></span></div></td></tr></table></div></div><div style="clear: both;"></div></div><div class="titre_contexte">Contexte</div><div class="bloc"><br /><span class="mef5">Est-ce cela la fin du monde ? Lorsque vous vous réveillez après une soirée d'horreurs et que vous ne reconnaissez plus rien de ce que vous connaissiez avant ?
Cette nuit du 1er janvier de l'an 1000 a été nommée le Cataclysme. Cette nuit, la terre avait tremblé à plusieurs reprises au point que lorsqu'enfin la terre se calma, ce fut au tour des eaux de s'abattre et de tout détruire sur son passage. Il ne restait plus rien de l'ancien monde que des ruines.
Par chance, Adélaïde la Reine d'Estéria a survécu mais cela sera-t-il suffisant pour empêcher les renégats de faire leur loi un peu partout dans le royaume ? Parviendra-t-elle à maintenir l'ordre ?
Et toi, oui toi qui nous lit, répondras-tu à l'appel d'Estéria et viendras-tu nous aider à reconstruire ou feras-tu partie de la vermine qui espère faire éclore un monde nouveau ?</span></div>
<div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 160px; float: left;"><div class="titre2" style="margin-left: 25px;">Informations pratiques</div><div class="blocbis3"><span class="mef2"><br />۞ Inscription interdite aux -18 ans. <br />۞ Univers médiéval pos-apo<br />۞ Tous niveaux de Rpg accepté. <br />۞ Immenses possibilités de développer votre personnage.<br />۞ Contexte évolutif<br />۞ Avoir de la bonne humeur à revendre.</span></div></div><div style="width: 240px; height: 180px; float: right;"><div class="titre2" style="margin-left: 10px;">Quelques Stat'</div><div class="blocbis3" style="margin-left: -14px;"><span class="mef3"><br />۞ Ouverture le 21 janvier 2020<br />۞ 5 personnages<br />۞ 110 parchemins écrits</span></div></div><div style="clear: both;"></div></div>
<div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 500px; height: auto;"><div class="titre2" style="margin-left: 150px;">Nous lier</div><div class="blocbis2"><span class="mef7"><center><br /><a href="https://esteria.forumactif.com"><img src="https://i.imgur.com/UGYt8qf.gif"></a><br />
[code] <a href="https://esteria.forumactif.com"><img src="https://i.imgur.com/UGYt8qf.gif"></a>[/code]
<br /><a href="https://esteria.forumactif.com"><img src="https://i.imgur.com/1CVVSZl.gif"></a><br />
[code] <a href="https://esteria.forumactif.com"><img src="https://i.imgur.com/1CVVSZl.gif"></a>[/code]
<br />
</span></center></div></div><div style="clear: both;"></div><br /><div style="text-align: justify; margin-left: 200px; margin-bottom: 30px;"><span class="titre2">Alors n'hésitez plus <br />et <a href="https://esteria.forumactif.com">rejoignez-nous !</a> [img]https://2img.net/u/3416/48/96/26/smiles/4131268880.gif[/img]<br /></span></div></div></div>
Je viens demander un partos avec mon forum
GASMASK
