<style>.survol_1{width:199px;height:320px; border:1px solid #668280; background-color:#faf6f4; background-image: url(http://data.nimages.fr/fvgrgl2.png);text-align:center;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition: all 0.5s; opacity: 0;overflow:auto;} .survol_1:hover{opacity:1;} .walter2{font-family:poiret one;text-transform:uppercase;font-size:14px;} .fondprez{width: 450px;color:#000;font-weight:lighter;font-size: 11px;font-family: arial;background-color: #f1f1ed; border:1px solid #668280; padding:10px; box-shadow:0 0 2px rgba(0,0,5,.5);opacity: 0.9;text-align:center;line-height:12px;} .identité{height:320px;margin-left:0px;} .pc i{color:#986ba3} .identité v{width:230px!important;height:13px;background-color:#dce0df;font-family:'Nova Mono';text-transform:uppercase;padding:3px;margin:2px; display:block;font-size:9px;} .identité v:hover{background-color:#97a89d;} .qui{font-size: 20px;font-family:'Six Caps';text-transform: uppercase;letter-spacing: 4px;  word-spacing: 1px;  color: #668280;  margin-top:5px;  text-shadow: 0px 0px 2px; text-align:center;} .description{width:200px;height:320px;} .description h1{margin-top:0px;margin-bottom:0px;font-size:9px;  font-weight:lighter;word-spacing:-2px;text-align:justify;height:280px !important;overflow-y:auto;padding:5px;} .donneesb{font-family:courier new; text-transform:uppercase; font-size:10px; margin-top: 5px;color: #986ba3; text-align:justify;}</style>

<link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
<center><div class="fondprez"><div class="walter2" style="font-size: 22px;">Prénom Nom feat Nom de la célébrité</div>
<table><tr><td><div class="description"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Qui je suis</div><h1>Décris nous ton caractère, comme tu le souhaites, en un petit texte en mettant en gras le trait de caractère et en expliquant, où une liste, on te laisse libre choix du moment qu'on peut saisir le personnage.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.</h1></div>[size=8]passe ta souris si tu veux en savoir plus[/size]</div></div></td><td><div class="identité"><v>Surnom: écrire ici</v><v>Age: écrire ici</v><v>Orientation sexuelle: écrire ici</v><v>Situation amoureuse: écrire ici</v><v>Groupe: écrire ici</v><v>Parrainage: Souhaites tu être parrainé?</v><img src="http://static.tumblr.com/2cae3345416dc73cff94e4ceb7fd1846/pkhqbcw/B5Anfvgya/tumblr_static_1r28tbp8gxy8ko404gkkococg.gif" style="width:235px; height:120px;"/> <div class="pc"><div style="text-align:justify; height:93px; font-size:10px; background-color:#e7e9e9; overflow:auto; line-height:10px;margin-left:3px; margin-top:3px;">DERRIÈRE L’ÉCRAN: Je m'appelle [i]prénom/pseudo[/i] et j'ai [i]X ans[/i]. Vous pouvez donc vous en douter, je suis [i]un garçon/une fille[/i]. J'ai connu le forum grâce à [i]écrire ici[/i] et je le trouve [i]écrire ici[/i]. Mon personnage est un [i]inventé/scénario créé par X[/i].</div></div></div></td></tr></table><div class="wb-tabs">
<div class="tabpanels">
<details id="details-panel1">
<summary>Histoire</summary>
<table><tr><td><br><br><div class="walter2">Mon histoire</div>
<div style=" text-align: justify; width: 450px; height: 320px; overflow: auto; font-size: 9px; line-height: 10px;"><div class="donneesb">+ Mon enfance</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.<br>
<div class="donneesb">+ Mon adolescence</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.<br>
<div class="donneesb">+ Et maintenant ?</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.
</div>
</td></tr></table> ...
</details>
<details id="details-panel2" open="open">
<summary>Le questionnaire</summary>
<table><tr><td><br><br><div class="walter2">en savoir un peu plus sur moi</div>
<div style=" text-align: justify; width: 450px; height: 550px; overflow: auto; font-size: 9px; line-height: 10px;"><div class="donneesb">+ Première question ici</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Deuxième question ici</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Troisième question ici </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Quatrième question ici</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Cinquième question ici  </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Sixième question ici</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Septième question ici </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

<div class="donneesb">+ Huitième question ici </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien. </div>
</td></tr></table>
</details>
</div>
</div>
[code]✜ [color=firebrick]Nom de la célébrité[/color] →  Nom du personnage[/code]
<br></div></center>
<div style="font-size:8px;margin-top:-20px;margin-left:525px;">© Nalex</div>