<link href='https://fonts.googleapis.com/css?family=Fira+Mono' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Itim' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.sign6_gif1{
position:relative;
}
.sign6_gif1 span{
display:none;
}
.sign6_gif1 div{
display:none;
}
.sign6_gif1:hover span{
display:block;
position:absolute;
top:120px;
left:0px;
width:398px;
min-height:70px;
background-color:#ccc;
text-align:justify;
color:#000;
font-family: 'Itim', cursive;
font-size:12px;
line-height:14px;
padding:5px;
z-index:1;
}
.sign6_gif1:hover div{
display:block;
position:absolute;
top:0px;
left:0px;
}
.sign6_gif2{
position:relative;
}
.sign6_gif2 span{
display:none;
}
.sign6_gif2 div{
display:none;
}
.sign6_gif2:hover span{
display:block;
position:absolute;
top:120px;
left:-206px;
width:398px;
min-height:70px;
background-color:#ccc;
text-align:justify;
color:#000;
font-family: 'Itim', cursive;
font-size:12px;
line-height:14px;
padding:5px;
z-index:1;
}
.sign6_gif2:hover div{
display:block;
position:absolute;
top:0px;
left:0px;
}
</style>
<div style="margin:auto; width:420px;">
<table style="margin:auto; width:410px;">
<tr>
<td align="center">
<div class="sign6_gif1">
<img style="width:200px; height:100px; border:1px solid #ccc; z-index:2;" src="http://4.bp.blogspot.com/-lSb3Abnubxk/Uq3aoDXYIkI/AAAAAAAAAdI/HmaZjhAYiTY/s1600/hunchback+of+notre+dame+phoebus.gif">
<span>prout </span>
<div><img style="width:200px; height:100px; border:1px solid #ccc; z-index:3" src="https://49.media.tumblr.com/07de496bef1190b67559c399e317e89b/tumblr_nhpvf4yLew1tyhayao1_500.gif"></div>
</div>
</td>
<td align="center">
<div class="sign6_gif2">
<img style="width:200px; height:100px; border:1px solid #ccc;" src="http://4.bp.blogspot.com/-qI_QOEvyLhE/UKvZwG-ip9I/AAAAAAAAAM4/sz3TbvXENpw/s1600/tumblr_md2n9w6WRU1rkr8xso5_500.gif">
<span>prout 2</span>
<div><img style="width:200px; height:100px; border:1px solid #ccc; z-index:3" src="http://i.skyrock.net/8386/91148386/pics/3223774723_1_19_joMFjdbo.gif"></div>
</div>
</td>
</tr>
</table>
<div style="margin:auto; margin-top:-4px; width:408px; background-color:#ccc; text-align:center; color:#000; font-family: 'Fira Mono'; font-size:16px; line-height:20px; z-index:2;">Titre, nom du perso</div>
<div style="margin:auto; width:400px; max-height:80px; text-align:justify; color:#ccc; font-family: 'Itim', cursive; font-size:12px; line-height:14px; overflow:auto; z-index:2;">Garçon, apportez du café, les liqueurs, des flacons d'eau-de-vie et un peu décollé le lobe. Pressé par le désir secret de trouver l'entrée de ce vieil homme qui doit opérer par raison ou science coïncidente avec l'attraction et intelligente à servir activement le plaisir.</div>
</div>
Accueil
Mer 13 Avr - 10:52
