<style type="text/css">.rond{width:200px;height:200px;border-radius:300px;box-shadow:0px 0px 5px grey;}.rondava{background-color:#deee;color:none;height:200px;width:200px;border-radius:100%;opacity:0;text-align:justify;-moz-transition:1s ease-in-out opacity;-webkit-transition:1s ease-in-out opacity;transition:1s ease-in-out opacity;}.rondava:hover{background-color:#cccccc;opacity:.8;-moz-transition:1s ease-in-out opacity;transition:1s ease-in-out opacity;
    -webkit-transition:1s ease-in-out opacity;}.txtlien{overflow:auto;width:145px;height:125px;padding-right:3px;text-align:justify;font-family:arial;font-size:11px;line-height:10px; color:black;}.letitre {font-family:Rockwell;font-size:35px;text-transform:lowercase;letter-spacing:-2px;color:#000;text-shadow: 0px 0px 1px black;text-align:center;margin-bottom:15px;-webkit-transition:all .7s;-moz-transition:all .7s;transition:all .7s; }.letitre:hover {color:#999;-webkit-transition:all .7s;-moz-transition:all .7s;transition:all .7s; }.unpseudo{font-family:MS Mincho;font-size:16px;text-transform:uppercase;text-align:center;padding-bottom:3px;padding-top:20px;color:black;}.credits {font-family:arial;font-size:8px;opacity:.8; line-height:8px; color:black}</style>

    <center><div class="letitre">un titre/une indication ici</div>
    <table align="center"><tr><td><div style="background-image:url('http://www.hapshack.com/images/vLGKQ.png'); background-position:center;" class="rond"><div class="rondava"><center><div class="unpseudo">prénom p. nom</div><div class="txtlien" style="margin-bottom:2px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla interdum lacinia ipsum, sit amet euismod nisi ultricies nec. Pellentesque interdum hendrerit risus nec tristique. Nulla porta purus aliquet nunc molestie viverra. Praesent gravida faucibus elementum. Phasellus mattis condimentum felis, eu pharetra velit mattis nec. Ut purus sapien, posuere cursus semper at, mollis ut enim. Vestibulum tempor vestibulum elit, eget gravida augue ullamcorper sit amet.</div><div class="credits">(c) MORIARTY<br>AMIANTE</div></center><br /><br /></div></div></div></center></td><td style="padding-left:10px;"><center><div style="background-image:url('http://www.hapshack.com/images/fveT7.png'); background-position:center;" class="rond"><div class="rondava"><center><div class="unpseudo">prénom p. nom</div><div class="txtlien" style="margin-bottom:2px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla interdum lacinia ipsum, sit amet euismod nisi ultricies nec. Pellentesque interdum hendrerit risus nec tristique. Nulla porta purus aliquet nunc molestie viverra. Praesent gravida faucibus elementum. Phasellus mattis condimentum felis, eu pharetra velit mattis nec. Ut purus sapien, posuere cursus semper at, mollis ut enim. Vestibulum tempor vestibulum elit, eget gravida augue ullamcorper sit amet.</div><div class="credits">(c) MORIARTY<br>AMIANTE</div></center><br /><br /></div></div></div></center></td></tr></table>