Les liens d'Aurel Figuy

<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">Ha Aurel, le papy comme beaucoup l'appelle, alors qu'il n'est pas vieux du tout pour un humain. Il a juste un peu plus de rides et de cheveux blancs que les autres à force de voyager et de voir trop de tristesse un peu partout.
Tout le monde est touché par Aurel, c'est obligé ! C'est quelqu'un de très généreux, il donnerait son toit s'il pouvait aider quelqu'un.. ha ba, il l'a déjà fait en fait....
Les gens pensent bien connaître monsieur Figuy, ils le voient comme quelqu'un de trop gentil, trop naïf et trop niai ; mais ils se mettent tous le doigt dans l'œil. Figuy cache une part de lui un peu plus forte. Il maîtrise certain art martiaux comme jamais, mais ça, il ne vous le dira pas. Il est très agile, mais il ne vous le dira pas non plus. Il encaisse bien, ça tout le monde le sait.
A force d'aider, de donner, de partager, Figuy s'est fait une très bonne réputation et on le connaît assez bien dans certain patelin précis dans le monde. Mais au final, c'est un homme bien seul.
Plus le temps avance plus il se demande si tout ce qu'il fait serre vraiment à quelque chose, surtout quand il voit le côté sombre de tous les peuples.</div><img src="https://2img.net/r/hpimg4/pics/844765tumblro5koktjWNU1u7ut5io7250.jpg" /></div><div class="introduction"><h1 class="name">Aurel Figuy</h1>Papy +50 ans + Directeur d'une école à Aideen + Humain + 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;">nom et prénom</span><br/><span class="citationlink">Amie proche</span><br/><br/>bla
blablabla

</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;">Alicia Burns</span><br/><span class="citationlink">connaissance</span><br/><br/>Alicia, elle a atterri dans ma vie... Un peu comme une bombe ? Quoi vous ne savez pas ? Elle est mon infirmière personnelle. De moi-même, je n'aurais pas été cherché quelqu'un pour s'occuper de moi, mais on ne m'a pas du tout laissé le choix.... Enfin, elle n'a pas l'air méchant, elle va sans doute devenir folle avec moi.</div><img src="https://2img.net/r/hpimg4/pics/614560dzdzdzd.jpg" width="130px" height="auto" /></div> <div class="links"><div class="infolinks"><span style="font-family: Oswald; text-align:center; font-size:14px;">Yuri Korotaïev</span><br/><span class="citationlink">Ami</span><br/><br/>blablablabla</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>