Les liens de Lazulis Winchester

<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:#4ee0ff;text-align:right;  font-size:11px;} .name { color:#4ee0ff; font-size:18px; font-family: Oswald; text-align:center; } .rechercheliens { max-height:100px; overflow:auto;text-align:justify;color: #4ee0ff; font-size:10px; line-height:100%;text-transform:none; } .presa { color:#4ee0ff !important;} #presa:hover {color:#4ee0ff !important; }</style>

<div width="200px" height="400px" style="display:inline-block;"><div class="info">Lazulis es née à Frost, elle à travaillée et travaille toujours dans une librairie aux côtés de monsieur Cubrique son patron. Lazulis vie encore avec sa famille qui sont au nombre de 6. Elle a 5 frères et soeurs et un père alcoolique et mourrant. Plus jeune Lazulis à eut un filliancé pendant 2 ans qui l'a abandonné pour une autre et lui a laissé sur le dos un enfants. Son enfant s'apellais Edward mais ne vécu seulement 2 ans à cause d'une maladie mortelle. Lors de son voyage à Teria elle du tuer un homme pour pouvoir s'en sortir. Aujourd'hui elle travaille toujours à la librairie à Frost. </div><img src="https://2img.net/r/hpimg15/pics/860909fefef.jpg" /></div><div class="introduction"><h1 class="name">Lazulis Winchester</h1>Laz' + 32 ans + Libraire + Vampire +Célibataire
<p class="rechercheliens"><strong>Femme/groupe +</strong> Vos recherches de liens féminins ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Homme/groupe +</strong> Vos recherches de liens masculins ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.

<strong>Groupe +</strong> Vos autres recherches de liens ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue maximus metus non volutpat. Ut venenatis suscipit pulvinar.</p><a href="#" class="presa">Lien vers ma présentation</a> / © Fiche par Blake</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;">Devlin McAlistair</span><br/><span class="citationlink">Très bonne connaissance.</span><br/><br/>Devlin et Lazulis se sont rencontrés sur un bateau venant de Terarea en direction du port de Gaia. Tous les deux ont étés malade pendant le trajet ! Ils sont partagés ce moment de faiblesse durant tout le trajet. Aussi, ils ont eut l'occasion de pouvoir, discuter et rigoler. Aujourd'hui, Devlin sauve encore la mise à Lazulis. Lazulis apprécie beaucoup Devlin de par son humour, son charme et sa surprenante détermination. </div><img src="https://2img.net/r/hpimg15/pics/135035devlin.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">George Winchester</span><br/><span class="citationlink">Frère</span><br/><br/>George est le petit frère de Lazulis. Elle tient beaucoup à lui même si elle s'inquiéte pour son cas. Elle aurait aimé que sa situation soit plus stable. D'ailleurs elle se demande quand est-ce qu'il décidera à se marier et à avoir des enfants.
https://aideen.forumsrpg.com/t180-george-winchester-m-libre#1768</div><img src="https://2img.net/r/hpimg15/pics/372973dzdzdffggttghyyhy.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>