<link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style> .img {box-shadow: 0px 0px 2px gray; border: 1px solid white;} .prez {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 160px; height: 256px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;} .prez:hover {opacity: 1;} .elevator::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}.elevator::-webkit-scrollbar-track {background-color: #7a837c;}.elevator::-webkit-scrollbar-thumb {background-color: #d2d2d2;} .gray {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>
   <center><div style="font-family: 'Stint Ultra Condensed', cursive; font-size: 45px; color: #1B1B1B; opacity: 0.8;">titre qui claque<br /><font style="font-size: 9px; font-family: georgia; color: gray;">fiche par asi'click</font></div>
   <table cellspacing="10"><tr><td><center>
   <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
   <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://i.imgur.com/cTMDYsI.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator">info à placer ici comme tu veux</div></div></div></center></td><td><br /><br /><div class="elevator" style="line-height: 12px; width:300px; height: 256px; overflow: auto; background: none; text-align: justify; font-size: 10px; padding: 5px;">[b]Résumé de ton personnage[/b]
   In his tractibus navigerum nusquam visitur flumen sed in locis plurimis aquae suapte natura calentes emergunt ad usus aptae multiplicium medelarum. verum has quoque regiones pari sorte Pompeius Iudaeis domitis et Hierosolymis captis in provinciae speciem delata iuris dictione formavit.

   Iam virtutem ex consuetudine vitae sermonisque nostri interpretemur nec eam, ut quidam docti, verborum magnificentia metiamur virosque bonos eos, qui habentur, numeremus, Paulos, Catones, Galos, Scipiones, Philos; his communis vita contenta est; eos autem omittamus, qui omnino nusquam reperiuntur.

   Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum. et quia languente dextera, letaliter ferire non potuit, iam districtum mucronem in proprium latus inpegit. hocque deformi genere mortis excessit e vita iustissimus rector ausus miserabiles casus levare multorum.
   </div></td></tr></table>
   <table cellspacing="10"><tr><td><div style="width: 300px; height: 106px; background: none; overflow: auto; text-align: justify; font-size: 10px; line-height: 12px; padding: 3px;" class="elevator">[b]Info à connaître / liens à ajouter / recherches de liens / ...[/b]
   Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum. et quia languente dextera, letaliter ferire non potuit, iam districtum mucronem in proprium latus inpegit. hocque deformi genere mortis excessit e vita iustissimus rector ausus miserabiles casus levare multorum.
   </div></td><td><img src="https://33.media.tumblr.com/c8edf001d940d148447ae0e46e275eae/tumblr_n3kuo04RI21ssc2uyo1_400.gif" style="opacity: 0.7; border: 1px solid white; box-shadow: 0px 0px 2px gray;" width="160px" /></td></tr></table>
   </center>

   <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style> .img {box-shadow: 0px 0px 2px gray; border: 1px solid white;} .prez {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 160px; height: 256px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;} .prez:hover {opacity: 1;} .elevator::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}.elevator::-webkit-scrollbar-track {background-color: #7a837c;}.elevator::-webkit-scrollbar-thumb {background-color: #d2d2d2;} .gray {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}</style>
   
[center]<div style="font-family: 'Stint Ultra Condensed', cursive; font-size: 45px; color: #1B1B1B; opacity: 0.8;">titre liens<br /><font style="font-size: 9px; font-family: georgia; color: gray;">fiche par ASI'CLICK</font></div><table cellspacing="10"><tr><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://www.hapshack.com/images/2p3gS.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td></tr></table>[/center]

[center]<table cellspacing="10"><tr><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://www.hapshack.com/images/2p3gS.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td><td><center>
    <div style="margin-top: -2px; width: px; font-family: 'Stint Ultra Condensed', cursive; text-transform: uppercase; font-size: 30px; letter-spacing: -1px; margin-bottom: -15px;">prénom p² nom</div>
    <div style="width: 160px; height: 256px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;"><div style="margin-top: 5px; width: 160px; height: 256px; background-image: url('http://image.noelshack.com/fichiers/2014/40/1412468035-pnj03.png'); background-repeat: no-repeat; background-size: cover"><div class="prez"><div style="padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 246px; overflow: auto;" class="elevator"><font style="font-family: georgia; color: black; text-transform: uppercase; font-size: 9px;">intitulé du lien <b>¤</b></font> lien</div></div></div></center></td></tr></table>[/center]

   <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><style type="text/css"> #bonds { width: 400px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; } #headname { font-family: 'Dorsa', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 60px; text-transform: uppercase; background-color: #111012; margin:  auto; width: 400px; padding-top: 60px; padding-bottom: 40px; text-align: center; text-shadow: 0 0 1px white; color: transparent; } #headname:hover { text-shadow: none; color: #CBCBCB; } #line { height: 4px; width: 400px; text-align:center; margin: 0 auto; } #corpse { width: 400px; height: 320px; border-collapse:collapse; border-spacing: 0px; margin: -1px; } .nb { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } #avatar1 { width: 200px; height: 320px; margin: 0px; } #anecdotes { width: 200px; height: 320px; } #details { opacity: 0; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; margin-top: 0px; height: 320px; } #details:hover { opacity: 1; -webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; margin-bottom: 6px; background-color: rgba(0, 0, 0, 0.26); } .infos { font-family: Helvetica; color: white; text-align: center; background-color: #111012; color: #CBCBCB; font-size: 8px; letter-spacing: 1px; line-height: 12px; margin: 20px; padding: 10px; text-transform: uppercase; } #histoire { padding: 30px; font-family: Helvetica; font-size: 10px; text-align: justify; line-height: 9px; } #stuff { vertical-align: top; padding-bottom: 20px; padding-left: 30px; padding-right: 20px; font-family: Helvetica; font-size: 10px; text-align: justify; line-height: 10px; } .title { padding-top: 20px; padding-bottom: 20px; font-family: Dorsa; font-size: 40px; text-transform: uppercase; text-align:center; color: #474747 } .title:hover { text-shadow: 0 0 1px #474747; color: transparent; } #sign { width: 400px; text-align: right; font-family: Helvetica; font-size: 7px;  line-height: 15px; letter-spacing: 1px; }
    </style><center><div id="bonds"><div id="headname">“ Prénom P² Nom ”</div><div id="line" style="background-color: #E0367D;"></div><table id="corpse" border="0px" cellspacing="0px" cellpadding="0px" marginwidth="0px" marginheigth="0px" margin-left="0px" margin-top="0px"><tr><td rowspan="2"><div id="avatar1" class="nb" style="background-image: url('http://i.imgur.com/r8VZEWa.jpg')"><div id="details"><br><div class="infos">âge</div><div class="infos">nationalité</div><div class="infos">situation</div><div class="infos">particularité</div><div class="infos">groupe</div></div></div></td></tr><tr style="background-color:white;"><td id="stuff"><div class="title">who i am</div><div style="height: 130px; overflow-y: scroll;"><div style="padding-right: 10px;">Ici, vous disposez d'un modeste endroit libre pour vous exprimer. Vous pourrez y résumer la partie histoire de votre fiche, détailler le caractère de votre personnage ou lister ses anecdotes. Ici, vous disposez d'un modeste endroit libre pour vous exprimer. Vous pourrez y résumer la partie histoire de votre fiche, détailler le caractère de votre personnage ou lister ses anecdotes. Ici, vous disposez d'un modeste endroit libre pour vous exprimer. Vous pourrez y résumer la partie histoire de votre fiche, détailler le caractère de votre personnage ou lister ses anecdotes. Ici, vous disposez d'un modeste endroit libre pour vous exprimer.</div></div><br><div class="title">i want you</div><div style="height: 60px; overflow-y: scroll;"><div style="padding-right: 10px;">(M/F) LIEN RECHERCHÉ Δ Description du lien recherché.<br>(M/F) LIEN RECHERCHÉ Δ Description du lien recherché.<br>(M/F) LIEN RECHERCHÉ Δ Description du lien recherché.</div></div></td></tr></table></div><div id="sign">© GASMASK</div></center>

   <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><style type="text/css">.nb { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;} .avatar2 {width: 200px; height: 320px;} .headbond { font-family: 'Dorsa', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 50px; text-transform: uppercase; background-color: #111012; margin:  auto; width: 200px; padding-top: 30px; padding-bottom: 15px; text-align: center;text-shadow: 0 0 1px white; color: transparent; transition: all 0.5s ease-in 0s; } .headbond:hover { text-shadow: none;color: whitesmoke;transition: all 0.5s ease 0s; } .bond { position: absolute; width: 200px; height: 320px; opacity: 0;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .bond:hover { opacity: 1;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; background-color: rgba(0, 0, 0, 0.26); } .linebond {height: 2px;width: 200px;text-align: center; } .txtbond { line-height: 10px; color: black; margin: 15px; padding: 10px; height: 200px; background-color: white; font-family: Helvetica; opacity: 0.8; font-size: 10px; text-align: justify; overflow-y: scroll; }</style><center><table><tr><td><div class="avatar2"><img src="http://i.imgur.com/dZW3U1G.jpg" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #E0367D;"></div><div class="txtbond"><div style="padding-right:1px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td><td><div class="avatar2"><img src="http://i.imgur.com/iyvSRqF.jpg" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #E0367D;"></div><div class="txtbond"><div style="padding-right:1px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td></tr></table></center><br><center><table style="margin-top:-20px;"><tr><td><div class="avatar2"><img src="http://i.imgur.com/lrR48lc.jpg" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #E0367D;"></div><div class="txtbond"><div style="padding-right:1px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td><td><div class="avatar2"><img src="http://i.imgur.com/HTW1gFZ.jpg" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom&nbsp;”</div><div id="nb" class="linebond" style="background-color: #E0367D;"></div><div class="txtbond"><div style="padding-right:1px;">Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.Ici, vous décrirez la nature du lien qui unit votre personnage au personnage présenté ici.</div></div></div></td></tr></table></center><br>