nalex 2

<div style="margin:20px auto;width:300px;position:relative;"><div style="width: 300px; height: 80px; margin: 0px auto; background-color: #000; box-shadow: 0px 0px 1px #666;">
    <div style="margin: 0px; margin-top: -10px; width: 210px; color: #FFF; text-align: right; text-transform: uppercase;">Prénom P² Nom</div>
  <div style="margin-top: -40px;width: 210px; font-size:10px;color: #FFF; text-align: right; text-transform: lowercase;">[i]une petite citation pour faire jolie![/i]</div>

  <img src="http://images2.fanpop.com/image/photos/11700000/Willa-Holland-willa-holland-11715131-100-100.jpg" style="width: 80px; height: 80px; margin: -5px; background-color: #999; background-size: 80px 80px;border-radius: 50%; border: 5px solid #FFF; box-shadow: 0px 0px 1px #666; position: absolute; top: 0px; left: 220px;"></div>

  <div style="width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #FFF; position: absolute; top: 73px; left: 15px;"></div><div style="width: 260px;background-color: #FFF;margin: 3px auto;box-shadow: 0px 0px 1px #666;padding: 20px;margin-top:-51px;"><div style="width:260px;height:360px; overflow:auto;margin: 0px auto;font: 10px/105% Calibri;padding-right: 3px;text-align: justify;">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisis luctus sem, vel imperdiet arcu vestibulum sit amet. Vivamus commodo lectus ut neque ullamcorper sagittis. Cras porta rutrum mi ut sollicitudin. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tempor suscipit velit id ultricies. Donec velit ligula, fringilla ac placerat vel, suscipit eu diam. Quisque imperdiet viverra tortor vitae malesuada. In cursus sodales lectus sed volutpat.

  Nam efficitur, tortor a auctor pretium, mi ligula maximus odio, quis sagittis leo nisl quis nisi. In a velit at nisi ornare posuere id quis arcu. Pellentesque vulputate eros a odio sagittis egestas a vel diam. Mauris convallis est a vestibulum tempor. Phasellus id dolor eu dolor bibendum facilisis. Suspendisse mollis sit amet nunc sit amet aliquet. Sed in dignissim elit. Donec faucibus risus a iaculis tempor. Vestibulum tempor, sem at sollicitudin ullamcorper, turpis arcu auctor enim, a tempor erat dolor eu leo. Pellentesque mauris diam, eleifend non condimentum eget, sollicitudin vel nunc.

  Praesent volutpat aliquet tortor et imperdiet. Aenean sit amet odio ut metus commodo luctus a sit amet erat. Aliquam nisi lorem, vehicula in auctor et, accumsan at orci. Sed sodales velit at urna tempus hendrerit. Sed sagittis turpis et diam tincidunt sodales. Donec id cursus nulla, sed imperdiet nunc. Ut elit ex, finibus non enim a, pellentesque facilisis lorem. Pellentesque pretium mi quis lorem aliquet, iaculis luctus neque euismod. Ut semper tristique sapien, non fermentum enim accumsan at. Fusce pulvinar nunc sed euismod commodo.


  </div></div><div style="width: 280px; padding: 10px; margin-top: 3px ; background-color:#000; box-shadow: 0px 0px 1px #666; position: relative;"><div style="width:0px; height:0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #000; position: absolute; top: -7px; left: 15px;"></div><div style="text-align: center;  width: 280px; font-size:10px; color:#FFF; text-transform: lowercase;">[url=http://LELIENICI]Présentation[/url] - [url=http://LELIENICI]Fiche de RPs[/url]</div></div>[right][size=8]© Nalex[/size][/right]</div>

<center><table><tr><td><div style="width: 200px;height: 458px;overflow:hidden;position: relative;"><img src="http://media.tumblr.com/1732df15e80927f6f06b54e53eeabda7/tumblr_inline_n7utwyijTV1sz03jf.gif" style="width: 200px;"><div style="padding: 10px; font-size: 14px; font-family: Oswald;text-transform: uppercase;text-align: center; background-color: #000;color:white;">Prénom P² Nom</div><div style="padding: 5px;background-color: #FFF;"><div style="font-size: 12px; font-family:Oswald; padding: 5px; text-transform: uppercase;text-align:center;">NATURE DU LIEN </div><div style="height: 140px;padding: 5px;overflow: auto;font-size: 10px;text-align: justify;border-bottom: 30px solid #FFF; line-height:10px;font: 10px/105% Calibri;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis pulvinar mi nec facilisis. Phasellus rutrum lacus commodo turpis elementum commodo. Suspendisse imperdiet feugiat leo. Praesent sit amet fermentum diam. Nam turpis eros, pulvinar feugiat dolor id, convallis blandit massa. Integer aliquet rhoncus nunc, eget elementum elit tristique non. Nulla in magna nunc.
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis pulvinar mi nec facilisis. Phasellus rutrum lacus commodo turpis elementum commodo. Suspendisse imperdiet feugiat leo. Praesent sit amet fermentum diam. Nam turpis eros, pulvinar feugiat dolor id, convallis blandit massa. Integer aliquet rhoncus nunc, eget elementum elit tristique non. Nulla in magna nunc.</div></div><img src="https://31.media.tumblr.com/f303769ddba1424794da766120639830/tumblr_inline_mye65jvrzP1stfmef.gif" style="z-index: 2;
    width: 80px;height: 80px;border-radius: 100%;position: absolute;top: 360px;left: 60px;"><div style="background-color:#000;height:50px;"></div></div></td><td><div style="width: 200px;height: 458px;overflow:hidden;position: relative;"><img src="http://media.tumblr.com/1732df15e80927f6f06b54e53eeabda7/tumblr_inline_n7utwyijTV1sz03jf.gif" style="width: 200px;"><div style="padding: 10px; font-size: 14px; font-family: Oswald;text-transform: uppercase;text-align: center; background-color: #000;color:white;">Prénom P² Nom</div><div style="padding: 5px;background-color: #FFF;"><div style="font-size: 12px; font-family:Oswald; padding: 5px; text-transform: uppercase;text-align:center;">NATURE DU LIEN </div><div style="height: 140px;padding: 5px;overflow: auto;font-size: 10px;text-align: justify;border-bottom: 30px solid #FFF; line-height:10px;font: 10px/105% Calibri;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis pulvinar mi nec facilisis. Phasellus rutrum lacus commodo turpis elementum commodo. Suspendisse imperdiet feugiat leo. Praesent sit amet fermentum diam. Nam turpis eros, pulvinar feugiat dolor id, convallis blandit massa. Integer aliquet rhoncus nunc, eget elementum elit tristique non. Nulla in magna nunc.
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis pulvinar mi nec facilisis. Phasellus rutrum lacus commodo turpis elementum commodo. Suspendisse imperdiet feugiat leo. Praesent sit amet fermentum diam. Nam turpis eros, pulvinar feugiat dolor id, convallis blandit massa. Integer aliquet rhoncus nunc, eget elementum elit tristique non. Nulla in magna nunc.</div></div><img src="https://31.media.tumblr.com/f303769ddba1424794da766120639830/tumblr_inline_mye65jvrzP1stfmef.gif" style="z-index: 2;
    width: 80px;height: 80px;border-radius: 100%;position: absolute;top: 360px;left: 60px;"><div style="background-color:#000;height:50px;"></div></div></td></tr></table></center>