<style> .creditsNECTA{height: 1px;top: -2px;left: 10px;font-size: 10px;position: relative;}.box_all{margin:auto;width:675px;}.barre_info{text-transform:uppercase;padding: 12px;text-align:right; background-color:#a3c8d6; color:#fff;} .barre_info a{color:#fff;font-weight:bold; margin-right:10px;margin-left:10px;text-transform:uppercase; opacity:0.5;} .barre_info a:hover{opacity:1;} .box_top{ width:625px;background-image:url(https://i.servimg.com/u/f62/18/92/91/42/gzeg10.png);background-repeat: no-repeat;background-size: cover;padding:25px;} .img_loading img{width:350px;} .img_loading{width:350px; float:left;} .box_info{background-color:rgba(0, 0, 0, 0.13);;color:#fff;float:left;width:245px;height:167px;margin-bottom: 10px;padding: 15px;} .txt_2{font-size: 10px;line-height: 12px;overflow:auto;height:166px;} .box_liens_important{margin-left:3px;width:625px;height:90px;margin-top:-25px; overflow:hidden;} .txt_3{margin-top: 10px;margin-bottom: 3px;background-color: #e5f0f5;text-transform:uppercase;text-align: center;width: 429px; color:#84aab9; font-family:arial;font-size:9px; padding:5px;font-weight:bold;} .box_liens_autres{padding: 0px;} .droite{float:left;width:435px;padding-left: 3px;} .gauche{font-size: 9px;text-align:left;background-color:#a3c8d6;float:left;height:441px;width:213px;color:#fff;padding:10px;overflow:auto;} .en_cours{font-weight:bold;color:#53bd6e;font-size: 12px; margin-left: 10px;} .futur{font-weight:bold;color:#d1d46f;font-size: 12px; margin-left: 10px;} .archive{text-transform:uppercase;font-weight:bold;color:#a5a5a5;font-size: 12px; margin-left: 10px;} .abandonns{text-transform:uppercase;font-weight:bold;color:#a54f4f;font-size: 12px; margin-left: 10px;} .img_liens a span{text-align:center;margin-left:-120px;position:absolute;background-color:#a3c8d6; color:#fff; padding:5px; transition:all .25s;opacity:0;width:110px;height:70px;overflow:auto;transform:scale(0) rotate(-12deg);} .img_liens a:hover span, .img_liens a:focus span{transform:scale(1) rotate(0);opacity:1;}.img_liens a{float:left;width:120px;height:90px;border-bottom: 5px solid #505b7b;padding-bottom:5px;margin-right:5px;opacity:0.5;} .img_liens a:hover{opacity:1; border-bottom: 5px solid #d25353;} .abanonnes{text-transform:uppercase;font-weight:bold;color:#a54f4f;font-size: 10px;} .txt5{font-size:10px;line-height:10px;text-align:justify;} .img_liens_2 a span{z-index:99;text-align:center;margin-left:-100px; margin-left: -97px;margin-top: 3px;position:absolute;background-color:#a3c8d6; color:#fff; padding:5px; transition:all .25s;opacity:0;width:84px;height:84px;overflow:auto;transform:scale(0) rotate(-12deg);} .img_liens_2 a:hover span, .img_liens_2 a:focus span{transform:scale(1) rotate(0);opacity:1;}.img_liens_2 a{float:left; width:100px; height:100px;background-color:#ccc;opacity:0.5;} .img_liens_2 a:hover{opacity:1;} .img_liens_2{float:left; border: 1px solid #ccc;width:100px; height:100px;margin: 3px; opacity:0.5;} .img_liens_2:hover{opacity:1;}  </style> <div class="box_all"> <div class="barre_info"> <span class="txt_1"><a href="#">FICHE</a></span> ║ <span class="txt_1">INFO_1</span> ║ <span class="txt_1">INFO_2</span> ║ <span class="txt_1">INFO_3</span></div><div class="box_top"><!--img gif --><div class="img_loading"><img src="https://s-media-cache-ak0.pinimg.com/originals/8d/f4/6a/8df46a6976269643cbeb1564daa57ad9.gif" ></div><div class="box_info"><div class="txt_2">INFORMATION_SUR_VOTRE_PERSONNAGE</div> </div><div style="clear:both;"></div><div class="box_liens_important"><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div><div class="img_liens"><a href="#LIEN_VERS_LA_FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/aeg10.png"><span><div class="abanonnes">nobody</div><div class="txt5">bla bla bla bla bla bla</div></span></a></div></div></div><div class="gauche"><span class="en_cours">EN COURS</span><br><br><a href="#">NOM_DU_RP</a> <i>ft</i> NOM_DU_PARTENAIRE<br><a href="#">NOM_DU_RP</a> <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="archive">ARCHIVéS</span><br><br><a href="#">NOM_DU_RP </a> <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="abandonns">ABANDONNéS</span><br><br><a href="#">NOM_DU_RP</a> <i>ft</i> NOM_DU_PARTENAIRE<br><br><span class="futur">FUTURS</span><br><br><a href="#">NOM_DU_RP </a> <i>ft</i> NOM_DU_PARTENAIRE<br></div><div class="droite"><div class="txt_3">liens positifs</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY_1</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY_2</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div><div class="txt_3">... mais toi, va mourir.</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div><div class="txt_3">Autres</div><div class="box_liens_autres"><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div class="img_liens_2"><a href="#FICHE"><img src="https://i.servimg.com/u/f62/18/92/91/42/511.png"><span><div class="abanonnes">NOBODY</div><div class="txt5">bla bla bla</div></span></a></div><div style="clear:both;"></div></div></div><div style="clear:both;"></div><div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>