Piraterie et océan.

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.info { z-index:4;padding:10px; width:180px; height:300px; background-color: rgb(255,255,255); text-align:justify; font-family:calibri; line-height:100%; font-size:11px; overflow:auto;position:absolute; margin:0; opacity:0;  -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .info:hover { opacity:0.8; -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out; -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;} .introduction { position:absolute;background: transparent; border: solid 6px white; height:190px; width:290px; display:inline-block; padding:5px 5px 5px 55px; margin-left:-40px; margin-top:-30px;font-family: calibri;text-transform:uppercase;color:#000000;text-align:right;  font-size:11px;} .name { color:#000000; font-size:18px; font-family: Oswald; text-align:center; } .rechercheliens { max-height:100px; overflow:auto;text-align:justify;color: #000000; font-size:10px; line-height:100%;text-transform:none; } .presa { color:#000000 !important;} #presa:hover {color:#000000 !important; }</style>

<div width="200px" height="320px" style="display:inline-block;"><div class="info"> Shabaji est une animorphe renarde, ce qui est bien visible quand on la regarde, et est la capitaine d'une flotte pirate, constituée de deux navires, le Blueberry et le Sunrise. elle sait se faire respecter, adore le rhum et le poisson, et surtout, provoque ses ennemis ou use de ruse pour parvenir à ses fins. Tu la contrarié? aie aie aie... dans ce cas, t'es mal barré. Elle déteste qu'on l'a double, et elle même ne pratique pas souvent cette méthode, qu'elle juge trop lache. Sinon c'est une personne qui aime ses camarades de piraterie, son équipage donc, et ils le leurs rendent bien. Mais comme tout pirate, elle peut être très cruelle (voir sa fiche).</div><img src="https://i.servimg.com/u/f58/18/20/57/34/zmj7jf10.jpg" /></div><div class="introduction"><h1 class="name">Shabaji</h1> Shaba, ou Capitaine ; 30ans ; Pirate.
<p class="rechercheliens"><strong> Mon second </strong>Tu sera mon second. Femme? Homme? espèce? aucune importance! Présente toi à moi, et nous discuterons sur si tu es aptes à devenir celui qui guidera le Sunrise, mon deuxième navire!

<strong> Autre</strong> Tu peux être mon allié, ou au contraire mon pire ennemi! Bref, je suis ouverte à beaauucoup de chose, mon cher! ma cher!

<a href="#" class="presa">https://aideen.forumsrpg.com/t31-a-l-abordage</a></div>



<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>.links {width:130px; height: 208px; display:inline-block;} .links img { -moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; z-index:1; } .links:hover img { opacity:0.4 } .links:hover .infolinks { opacity:1 } .infolinks { margin-left:7px; font-size:10px; overflow:auto; line-height:100%; z-index: 4; opacity:0; position:absolute; padding:5px; width: 100px; height: 180px; border: white solid 3px; color: white; margin-top: 7px;-moz-transition: opacity 0.8s ease-in-out; -webkit-transition: opacity 0.8s ease-in-out;  -o-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out;}  .citationlink { font-family: calibri;text-transform:uppercase; text-align:right; }</style>

<div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Zötli Blackfeather </span><br/><span class="citationlink"> Ami le plus loyal </span><br/><br/> Il est mon meilleur ami, et aussi le seul en qui j’ai une confiance aveugle. Cet animorphe corbeau capable de se transformer sur les diverses formes entre l’animal pure et l’humain complet, m’a rejoins il y a de cela trois ans, et maintenant il vole pour moi, est mon oreille attentive. Il me permet aussi d’espionner de manière efficasse, et aussi mon regard des cieux. En échange je le chouchoute… peut-être trop en fait… mais je le porte dans mon cœur à une place bien spécial… même si parfois il a des regards un peu étrange depuis quelques temps, pour les rare fois où il vient sous forme humaine. M’enfin, je place ça sur le compte du fait qu’il n’est pas à l’aise sous cette forme.</div><img src="https://i.servimg.com/u/f58/18/20/57/34/diaval10.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://2img.net/r/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://2img.net/r/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Prénom Nom</span><br/><span class="citationlink">nature du lien</span><br/><br/>définition du lien ici - définition du lien ici</div><img src="https://2img.net/r/hpimg4/pics/140747zdqzd.jpg" width="130px" height="auto" /></div>