<style> .cadre { width: 500px;padding-bottom: 50px; border-radius: 250px 250px 20px 20px; border: 2px solid white; opacity: 0.40; background:-webkit-gradient(linear, 95% 86%, 38% 40%, from(#FFF9FF), to(#4A4E46)); transition:All 2.4763s ease; -webkit-transition:All 2.4763s ease; -moz-transition:All 2.4763s ease; -o-transition:All 2.4763s ease;} .cadre:hover { opacity: 1.00; transition:All 2.4763s ease; -webkit-transition:All 2.4763s ease; -moz-transition:All 2.4763s ease; -o-transition:All 2.4763s ease; box-shadow: 10px 10px 30px white;} .contenu { width: 460px; height: 180px; padding: 10px; overflow: auto; font-size: 11px; line-height: 10px; margin-left: 10px; background-color: WhiteSmoke; opacity; 50px; margin-top: 2px; }  .contenu span { font-size: 15px; text-decoration: overline; font-family: Georgia; text-align: center } .ancre { height: 32px; width: 32px; border: 1px solid white; border-radius: 16px; background-color: Peru; margin-left: 10px; overflow: hidden; opacity: 0.50; transition:All 1s ease;-webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; padding: 2px;} .ancre:link { text-decoration: overline; } .ancre:hover { width: 200px; overflow: none; opacity: 1.00; transition:All 1s ease;-webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; } .titredelien { font-size: 18px; font-family: Courrier New ;color: Seagreen; text-decoration: underline 1px; text-shadow: 1px 1px 3px Darkseagreen; text-weight: bold; margin-left: 20px; } .relation { width: 100px; height: 100px; opacity: 0.20; border-radius: 50px; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; box-shadow: 5px 5px 15px black; margin-bottom: 5px; } .relation:hover{ transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; border-radius: 0px; opacity: 1.00; } .textrelation {border-radius: 170px 0px 170px 0px; width: 304px; height: 90px; border: 2px solid Antiquewhite;; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; padding: 5px;  margin-bottom: 5px; transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; border-radius: 0px; box-shadow: 5px 5px 15px Black; overflow: auto;} .ppoint { font-variant: Small-caps; font-family: Georgia; font-size: 24px; color: ForestGreen} .mpoint { font-variant: Small-caps; font-family: Georgia; font-size: 24px; color: OrangeRed; } .soustitre { color: Darkred; font-family: Georgia; font-size: 16px; font-variant: small-caps; text-decoration: underline; }</style>

<div class="cadre"><img src="http://img72.imageshack.us/img72/473/yahav.png" style="border-radius: 250px 250px 0px 0px; width: 500px;">
<div class="contenu"><span>You Want:</span>[list]
[*] [b]Nom: [/b][0/?] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quam leo, convallis vitae laoreet eu, sodales eget nibh. Fusce urna nisi, luctus eget porttitor sit amet, mattis non magna. Praesent tristique mollis nibh vitae convallis. Nulla aliquet nisl nec velit eleifend id viverra odio iaculis. Nulla dignissim, ipsum ac dapibus pellentesque, quam justo accumsan massa, ut varius odio lorem sed tortor. Etiam nisi nunc, porttitor sit amet tempus id, aliquam vel mauris. Etiam sit amet augue convallis turpis molestie tempus non id orci. Ut nec est ligula. Praesent porta sodales augue, sagittis malesuada odio euismod sit amet. Donec dignissim quam sit amet mauris fringilla tincidunt cursus ante placerat.

[*] [b]Nom: [/b][0/?] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quam leo, convallis vitae laoreet eu, sodales eget nibh. Fusce urna nisi, luctus eget porttitor sit amet, mattis non magna. Praesent tristique mollis nibh vitae convallis. Nulla aliquet nisl nec velit eleifend id viverra odio iaculis. Nulla dignissim, ipsum ac dapibus pellentesque, quam justo accumsan massa, ut varius odio lorem sed tortor. Etiam nisi nunc, porttitor sit amet tempus id, aliquam vel mauris. Etiam sit amet augue convallis turpis molestie tempus non id orci. Ut nec est ligula. Praesent porta sodales augue, sagittis malesuada odio euismod sit amet. Donec dignissim quam sit amet mauris fringilla tincidunt cursus ante placerat.

[*] [b]Nom: [/b][0/?] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quam leo, convallis vitae laoreet eu, sodales eget nibh. Fusce urna nisi, luctus eget porttitor sit amet, mattis non magna. Praesent tristique mollis nibh vitae convallis. Nulla aliquet nisl nec velit eleifend id viverra odio iaculis. Nulla dignissim, ipsum ac dapibus pellentesque, quam justo accumsan massa, ut varius odio lorem sed tortor. Etiam nisi nunc, porttitor sit amet tempus id, aliquam vel mauris. Etiam sit amet augue convallis turpis molestie tempus non id orci. Ut nec est ligula. Praesent porta sodales augue, sagittis malesuada odio euismod sit amet. Donec dignissim quam sit amet mauris fringilla tincidunt cursus ante placerat.

[*] [b]Nom: [/b][0/?] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quam leo, convallis vitae laoreet eu, sodales eget nibh. Fusce urna nisi, luctus eget porttitor sit amet, mattis non magna. Praesent tristique mollis nibh vitae convallis. Nulla aliquet nisl nec velit eleifend id viverra odio iaculis. Nulla dignissim, ipsum ac dapibus pellentesque, quam justo accumsan massa, ut varius odio lorem sed tortor. Etiam nisi nunc, porttitor sit amet tempus id, aliquam vel mauris. Etiam sit amet augue convallis turpis molestie tempus non id orci. Ut nec est ligula. Praesent porta sodales augue, sagittis malesuada odio euismod sit amet. Donec dignissim quam sit amet mauris fringilla tincidunt cursus ante placerat.

[*] [b]Nom: [/b][0/?] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quam leo, convallis vitae laoreet eu, sodales eget nibh. Fusce urna nisi, luctus eget porttitor sit amet, mattis non magna. Praesent tristique mollis nibh vitae convallis. Nulla aliquet nisl nec velit eleifend id viverra odio iaculis. Nulla dignissim, ipsum ac dapibus pellentesque, quam justo accumsan massa, ut varius odio lorem sed tortor. Etiam nisi nunc, porttitor sit amet tempus id, aliquam vel mauris. Etiam sit amet augue convallis turpis molestie tempus non id orci. Ut nec est ligula. Praesent porta sodales augue, sagittis malesuada odio euismod sit amet. Donec dignissim quam sit amet mauris fringilla tincidunt cursus ante placerat.
[/list]</div>

<table><tr><td><div class="ancre"><a href="#lien1">type lien 1</a></div></td><td><div class="ancre"><a href="#lien2">type lien2</a></div></td><td><div class="ancre"><a href="#lien3">type lien3</a></div></td><td><div class="ancre"><a href="#lien4">type lien 4</a></div></td><td><div class="ancre"><a href="#lien5">type lien 5</a></div></td><td><div class="ancre"><a href="#lien6">Type lien 6</a></div></td></tr></table>

<div id="lien1" class="titredelien">Lien 1</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>

<div id="lien2" class="titredelien">Lien 2</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>

<div id="lien3" class="titredelien">Lien 3</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>

<div id="lien4" class="titredelien">Lien 4</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>

<div id="lien5" class="titredelien">Lien 5</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>

<div id="lien6" class="titredelien">Lien 6</div>
<table>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> 0</div></td></tr>
<tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr><tr><td><img src="http://img3.imageshack.us/img3/1255/92525887.png" class="relation"></td><td><div class="textrelation"><div class="soustitre">Individu Lamdba</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, tortor quis auctor imperdiet, odio libero faucibus mi, auctor vehicula purus diam nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tortor mauris, auctor at tempus et, interdum ac d</div></td><td><div class="ppoint"> +10 </div></td></tr>
</table>
</div>