<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">“ Louis Garnier ”</div><div id="line" style="background-color: #669999;"></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://img15.hostingpics.net/pics/929991gra9.jpg')"><div id="details"><br><div class="infos">vingt-six ans</div><div class="infos">franco américano</div><div class="infos">en couple</div><div class="infos">pdg d'une entreprise pharmaceutique</div><div class="infos">calzona</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;">blabla blabla, un résumé viendra plus tard bc là, j'ai la flemme. ahah.</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>