<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<style>.First{position:relative;top:-250px;z-index:2;transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;} .First:hover{top:-25px;transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;} .textbig:hover{letter-spacing:2px;} .img_zoom:hover{transform: scale(1.5, 1.5) rotate(10deg);-ms-transform: scale(1.5, 1.5) rotate(10deg);-webkit-transform: scale(1.5, 1.5) rotate(10deg);transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;} .reserve{background-color:rgba(255, 165, 0, 0.2) !important;} .pris{background-color:rgba(255, 0, 0, 0.2) !important;} .lienanim{position:relative;top:280px;transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;} .lienanim:hover{top:0px;transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;}</style>
<center><div class="textbig" style="font-size:45px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">Prénom(s) et Nom</div>
<div style="font-size:12px; color:#767B77;margin-top:-10px;margin-bottom:5px;">"Petite citation"</div>
<div style="position:relative; z-index:3;width:500px; height:270px;border:1px solid #525353;border-radius:10px;overflow:hidden;"><img src="http://33.media.tumblr.com/ff11f908d7b15460f35d2a932a47364d/tumblr_inline_n018zsMaaI1rodmj1.gif" class="img_zoom" style="transition: ease-in-out .4s;-moz-transition: ease-in-out .4s;-o-transition: ease-in-out .4s;-webkit-transition: ease-in-out .4s;"/></div>
<div class="First" style="padding:25px 10px 5px 10px;border-radius:10px;height:250px; width:450px; border:1px solid #161D1B; background-color:#140A0A;"><table><tr><td><div style="font-size:15px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">Ma vie, Mon oeuvre</div>
<div style="height:155px;width:215px;overflow:auto;padding-right:7px;text-align:justify;color:#767B77;">Petit résumé de l'histoire de votre personnage</div></td><td><div style="font-size:15px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">Me, I and Myself</div>
<div style="height:155px;width:215px;color:#767B77;overflow:auto;padding-right:7px;text-align:justify;">Petit résumé du caractère de votre personnage</div></td></tr><tr><td colspan="2"><div style="width:450px;height:20px;padding:10px;"><div style="font-size:20px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">
<center>Age - Statut - Métier - Autre - Autre</center>
</div></div></td></tr></table></div>
<div style="position:relative;z-index:1;top:-200px;width:500px; height:auto;border:2px solid #140A0A;border-radius:10px;box-shadow:1px 1px 1px black;background-color:#161D1B;padding-bottom:20px;"><div style="font-size:35px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 1px black;margin-top:-22px;width:400px;">Recherche de liens particuliers</div>
<div style="height:auto;width:440px;margin-top:10px;padding-right:15px;text-align:justify;color:#767B77;"><div style="padding:6px;width:420px;height:auto;background-color:rgba(0, 128, 0, 0.2);border:1px solid #767B77;"><span style="font-size:15px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">[M/F] Lien recherché ></span> Description du lien</div>
<div class="reserve" style="padding:6px;width:420px;height:auto;background-color:rgba(0, 128, 0, 0.2);border:1px solid #767B77;"><span style="font-size:15px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">[M/F] Lien recherché ></span>Description du lien</div>
<div class="pris" style="padding:6px;width:420px;height:auto;background-color:rgba(0, 128, 0, 0.2);border:1px solid #767B77;"><span style="font-size:15px;color:#E1E3E3;font-family:'Poiret One';text-shadow:1px 1px 5px white;">[M/F] Lien recherché ></span> Description du lien</div> </div></div><div class="copyright_r">Copyright
2015 Rainbow</div><center>