Une nouvelle beauté pour Académie Eternia

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #3B1F2D; background-image: url(http://img11.hostingpics.net/pics/507602PATTERNDEUX.png); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D;} .titre{transition: 2s ease; display: inline; color: #F6ECDB; font-family: 'Berkshire Swash', cursive; font-size: 35px; position: relative; top: -15px;}.titre:hover{color: #3A1F2D;} .soustitre{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #F6ECDB;} .bloc{background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;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: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; z-index: 999;}.bulle:hover span{display: block;}.titre2{font-family: 'Playball', cursive; color: #3A1F2D; margin-left: auto; margin-right: auto; width: 240px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .titre2:hover{color: #F6ECDB;} .blocbis {background-color: #644A52; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 240px; height: 100px; overflow: auto; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px;}</style>



<div class="fond"><img class="head" src="http://image.noelshack.com/fichiers/2016/06/1455461491-bannieresponsor.jpg" alt="550 de large"><div style="text-align: center"><span class="titre">Académie Eternia</span></div><br /><div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Des Liens utiles</div><div class="blocbis"><a href=http://academieeternia.forumactif.org/t1-reglement-de-l-academie>Règlement</a>
<a href=http://academieeternia.forumactif.org/t2-contexte-du-forum>Contexte</a>
<a href=http://academieeternia.forumactif.org/t7-informations-utiles-a-lire-apres-le-contexte>Informations utiles</a>
<a href=http://academieeternia.forumactif.org/f3-dossiers-en-cours>Dossiers</a></div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Staff</div><div class="blocbis" style="margin-left: -14px;">Monsieur E. - Compte Fondateur / PNJ
Akane Morihiga - Fondateur</div></div><div style="clear: both;"></div></div><div class="head"></div><div style="text-align: center"><span class="titre">Contexte</span></div><div class="bloc" style="margin-top: -18px; padding-top: 20px;">Vous allez pouvoir rentrer dans la plus extraordinaire des écoles: l'Académie Éternia! Il s'agit d'une école pour jeune doués de dons extraordinaires. Fondée par Monsieur E il y a une dizaine d'années, cette académie, qui est un micro-monde à part entière créé par Monsieur E. également, est la seule à s'être spécialisée dans le domaine des jeunes dotés de pouvoirs, et est donc la seule les prenant en charge et leur permettant de s'épanouir. <a href=http://academieeternia.forumactif.org/t2-contexte-du-forum>La suite.</a>
</div><div class="head"></div>

<div style="margin-left: auto; margin-right: auto; width: 513px; position: relative;"><div style="width: 240px; height: 150px; float: left;"><div class="titre2">Nous lier</div><div class="blocbis">Bouton en 50*50px :
<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton5050.jpg></a>
[code]<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton5050.jpg></a>[/code]
Bouton en 88*31px :
<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton8831.jpg></a>
[code]<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton8831.jpg></a>[/code]
Bouton en 100*35px :
<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton10035.jpg></a>
[code]<a href=http://academieeternia.forumactif.org/><img src=http://image.noelshack.com/fichiers/2016/15/1460481013-bouton10035.jpg></a>[/code]
</div></div><div style="width: 240px; height: 150px; float: right;"><div class="titre2">Quelques Stat'</div><div class="blocbis" style="margin-left: -14px;">Créé le 29 Octobre 2015
9 personnages
11 membres
27 messages de RP
158 messages</div></div><div style="clear: both;"></div></div>
<div style="text-align: center;"><a href="http://www.never-utopia.com" style="color: #3B1F2D; font-size: 10px;">© Narja - Never-Utopia</a></div></div>