<style type="text/css">.predefmod { background-color : #13100b; border: 5px solid #1c1b14; width: 510px; border-radius: 20px 20px 20px 20px; box-shadow: 0px 0px 25px #1c1b14; } .turlu { border: 2px solid #918b74; } .turlu:hover { border: 2px solid #a88039; } .turlu1 { border: 2px solid #918b74; width: 440px; } .turlu1:hover { border: 2px solid #a88039; } .predefcont { border: 6px solid #3a372e; } .opacityA img { filter:alpha(opacity=60); -moz-opacity:0.6; -webkit-opacity:0.6; opacity: 0.6; } .opacityA img:hover { filter:alpha(opacity=100); -moz-opacity:1;-webkit-opacity:1; opacity: 1; } f { color: #918b74; } f:hover { color: #a88039; } .infobulle{ position: relative;} .infobulle .infobulle-hidden { display: none; position: absolute; visibility: visible; z-index: 999; background: #3a372e; color: #a3a29a; padding: 3px; border: 0px solid grey; border: 3px solid #918b74; height: 100px; width: 300px; overflow:auto; text-align:justify; margin-top: -10px; margin-left: 10px; padding:8px; } .infobulle:hover .infobulle-hidden { display: block; z-index: 1; } .name { display: block; text-transform: uppercase; font-family: arial black; letter-spacing: 2px; color: #a88039; font-size: 18px; } .title { text-transform: uppercase; font-size: 26pt; font-family: arial black; letter-spacing: 10px; } .undertitle { text-transform: uppercase; font-size: 12pt; font-family: arial black; letter-spacing: 15px; color: #3a372e; margin-top: -10px; } .predefinfo { background: #3a372e; text-align:justify; width: 440px; color: #a3a29a; font-family: arial; } .undertext { margin-bottom: -10px; margin-top: 5px; line-height : 12px; text-transform: uppercase; font-family: arial; letter-spacing: -1px; word-spacing: 5px; color: #918b74; font-size: 14px; width: 440px; text-align:justify; } .text { border: 0px; width: 200px; height: 310px; padding: 10px; overflow: auto; text-align:justify; color: #6c6c5c; } .credit { color: #918b74; text-transform: uppercase; } .backimg { background-image : url(http://i.imgbox.com/gwzXzbav.png); width: 600px; border-radius: 200px 200px 200px 200px; box-shadow: 0px 0px 25px #6c6c5c; } .w { color: #8e5c54; font-weight: bold; }</style>  <center><div class="backimg"><div class="predefmod"><br><TABLE><TR>
    [center]<div class="title"><f>Nom de Famille</f></div>
    <div class="undertitle">Prénom Prénom</div>[/center]
    <div class="turlu1"><div class="predefinfo"><span class="w">Prénom P. Nom</span> [i]est né le[/i] <span class="w">DATE AU CHOIX</span> [i]au[/i] <span class="w">LIEU DE NAISSANCE</span> [i]et est maintenant âgé de[/i] <span class="w">ÂGE</span>. <span class="w">MEMBRE DES</span>, [i]il est[/i] <span class="w">POSTE</span>.</div></div><TD>
    <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</div>
    </div></TD><TD><div class="turlu"><div class="predefcont"><div class="opacityA">[img]http://zupimages.net/up/15/36/mou4.png[/img]</div></div></div></TD></TR></TABLE>
    <table><tr><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td><td><span class="infobulle"><div class="opacityA"><img src="http://i.imgbox.com/xajx8dyf.png" class="turlu"; width="50";></div><span class="infobulle-hidden"><div class="name">Prénom P. Nom;</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum. Morbi nibh lacus, adipiscing eget placerat sit amet, varius a lacus. Sed id risus ac quam volutpat rutrum.</span></span></td></tr></table>
    <br><div class="credit">Anomalie © Célébrité © Credit de l'avatar</div></div></div></center>
    [center][font=Verdana][size=9][color=#89554a]LIBRE[/color] | RÉSERVÉ | JOUÉ[/size][/font][/center]