Fiche partenaire et boutons

<style>.partenaires {background: #262626; font-size: 12px; margin: auto; position: relative; text-align: justify; width: 500px; height: fit-content; color: #fff; font-family: Economica, sans-serif;} .partenaires ::-webkit-scrollbar {width: 5px;} .partenaires ::-webkit-scrollbar-thumb {background: #eb433d; border-radius: 100px;} .partenaires ::-webkit-scrollbar-track {background: #d9d9d9;} .partenaires .header {width: 100%; height: 100px; box-sizing: border-box; text-align: right; background: #100b0f; padding: 5%; color: #fff;} .partenaires h2 {color: #fff; font-family: Times New Roman; font-size: 30px; margin: 0; text-align: center; border: 0; font-weight: bold; font-style: italic; border-bottom: 1px solid #eb433d; padding: 0 0 4% 0;} .partenaires h3 {font-size: 12px; letter-spacing: 2px; margin: 2% 0 0; text-transform: uppercase; font-family: 'Economica', sans-serif; font-weight: normal; text-align: center; color: #fff; letter-spacing: 3px;} .partenaires h4 {font-family: Economica, sans-serif; font-size: 20px; font-style: italic; margin: 0 0 3% 13%; text-align: left; text-transform: capitalize; letter-spacing: 2px; font-weight: normal;} .l1 {text-align: center; width: 95%; margin: 2% auto;} .b1, .b2 {float: left; width: 50%;} .b1 p {border: 0; height: auto; letter-spacing: 2px;} .liens_utiles {width: 90%; margin: 3% auto; font-size: 24px; font-style: italic; text-align: center;} .liens_utiles a {color: #fff; margin: 0 2%;} .partenaires .intro {width: 90%; margin: 0 auto 2%; display: block; height: 250px; overflow: auto; border: 1px solid; padding: 2%; box-sizing: border-box;} .footer {text-align: center; margin: 0 0 3% 0;} .footer a {color: #fff; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;} .partenaires .credits {border-bottom: 1px solid #eb433d; color: #fff; display: block; font-size: 8px; margin: 2% auto; text-align: center; text-transform: uppercase; width: 30px;}</style><link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
<div class="partenaires"><div class="header"><h2>Sous les Abysses</h2><h3>Fantastique</h3></div><div class="l1"><div class="b1"><h4>Le staff</h4><a href="https://souslesabysses.forumactif.com/u2"><img src="https://i.servimg.com/u/f95/19/46/32/28/bgnfgn10.jpg" alt="" /></a> <a href="https://souslesabysses.forumactif.com/u3"><img src="https://i.servimg.com/u/f95/19/46/32/28/sfsdfd10.jpg" alt="" /></a> </a><p>03 membres
Avatar : 200*320
Ouvert depuis le 07/05/2020</p></div><div class="b2"><h4>Les PNJ</h4><a href=""><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t82.jpg" alt="" /></a> <a href="#"><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t83.jpg" alt="" /></a> <a href="#"><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t85.jpg" alt="" /></a>
<a href="#"><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t86.jpg" alt="" /></a> <a href="#"><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t84.jpg" alt="" /></a> <a href="#"><img src="https://i.servimg.com/u/f95/19/46/32/28/sans_t87.jpg" alt="" /></a></div></div><div class="clear"></div><div class="liens_utiles"><a target="_blank" href="https://souslesabysses.forumactif.com/t16-reglement-du-forum">Réglement</a> - <a target="_blank" href="https://souslesabysses.forumactif.com/f10-codex">Codex</a> - <a target="_blank" href="https://souslesabysses.forumactif.com/f15-fiches">Présentation</a> - <a target="_blank" href="https://souslesabysses.forumactif.com/f41-predefinis">Prédéfinies</a> - <a target="_blank" href="https://souslesabysses.forumactif.com/t21-demande-de-partenaria">Partenariat</a> - <a target="_blank" href="https://souslesabysses.forumactif.com/">Nous rejoindre</a></div><p class="intro">Cela fait maintenant 26 ans que la guerre entre les humains et les abyssaux a éclaté.

Ce conflit pourrait ressembler à tous les autres si les abyssaux n’avaient pas la fâcheuse manie de copier les apparences, s’ils n’avaient pas une peau dure comme l’acier ni de pouvoirs magiques. Face à cet ennemi, les rois et les reines de trois royaumes se sont unis afin de se dresser face à l’adversaire. Mais, comment faire confiance en son voisin quand ce dernier pourrait être notre pire ennemi ?

Parmi les créatures nées de la guerre, il existe les hybrides, des créatures mi-humaines, mi –abyssales possédant des pouvoirs similaires aux abyssaux. Enfermés dans l’Académie, un refuge autant qu’une prison, ils apprennent à utiliser leurs pouvoirs en vue des batailles à venir. Face aux créatures marines sortant des océans, à la montée des eaux et à la paranoïa ambiante, nous avons tous un rôle à jouer. Quel sera le vôtre ? Une princesse voulant sauver son royaume ? Un soldat se battant pour sa survie ? Une élue à la recherche de ses origines ? Ou un abyssal combattant pour protéger les océans ? A vous de choisir.</p><div class="footer"><a href="" target="_blank"><img src="https://i.servimg.com/u/f95/19/46/32/28/fsfbfb10.jpg" alt="" /></a>
<a href="http://ls-halloween.fr/" target="_blank" class="credits">Halloween</a></div></div>