Modèle de fiche de lien

<div class="fondfiche"><div class="ht"></div><div class="padd">
<div class="grandtitre">Pseudo</div>
<table class="upi"><tr><td><div style="background: url('http://40.media.tumblr.com/1979f10c8c63f5d61cd2fdf4804b3411/tumblr_nva0i94z3r1t0pctoo2_250.png')" class="ichange"><div class="avac"><div class="fluo"><div class="tpa">JE RECHERCHE :</div>
<ig>(M/F) nom du lien :</ig> description
<ig>(M/F) nom du lien :</ig> description
<ig>(M/F) nom du lien :</ig> description
<ig>(M/F) nom du lien :</ig> description
<ig>(M/F) nom du lien :</ig> description
<ig>(M/F) nom du lien :</ig> description
</div></div></div></div></td><td><div class="decri"><ig>lieu et date de naissance</ig> ici
<ig>âge :</ig> ici
<ig>métier:</ig> ici
<ig>classe sociale: </ig> ici
<ig>Groupe:</ig> ici
<ig>opinion sur le gouvernement et la société en quelques mots:</ig> ici</div></td></tr></table>

<div class="onglet"><center><table class="onglet-table"<tbody><tr><td class="active" name="1">Ton caractère</td><td name="2">Anecdotes à ton propos </td></tr></tbody></table></center><div class="onglet-content" style="width: 250px;"><div class="active" name="1"><span class="cadreonglet">
Décris nous le caractère de ton personnage de façon précise afin que nous puissions le comprendre au mieux. Décris nous le caractère de ton personnage de façon précise afin que nous puissions le comprendre au mieux. Décris nous le caractère de ton personnage de façon précise afin que nous puissions le comprendre au mieux. Décris nous le caractère de ton personnage de façon précise afin que nous puissions le comprendre au mieux.
</span></div><div name="2"><span class="cadreonglet">
On a tous connu, à un moment donné, des épisodes plus ou moins gênants, plus ou moins drôles, plus ou moins mémorables et plus ou moins marquants pour évoluer. On a tous connu, à un moment donné, des épisodes plus ou moins gênants, plus ou moins drôles, plus ou moins mémorables et plus ou moins marquants pour évoluer.  </span></div></div></div>
</div><div class="bs"></div></div>

<div class="fondfiche"><div class="ht"></div><div class="padd">
<div class="grandtitre">Titre / citation</div><br/>
<center><table class="upi"><tr><td><div style="background: url('http://40.media.tumblr.com/1979f10c8c63f5d61cd2fdf4804b3411/tumblr_nva0i94z3r1t0pctoo2_250.png')" class="ichange"><div class="avac"><div class="fluo"><div class="tpa">PSEUDO</div>
<ig> intitulé du lien + </ig> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper, leo in pulvinar rhoncus, tellus neque facilisis felis, et venenatis leo lorem quis felis. Duis blandit metus nec condimentum porttitor. Sed vitae ligula eget augue accumsan lacinia vel at nunc. Nam auctor risus vel nunc condimentum blandit. Fusce consectetur lectus sit amet rhoncus suscipit. Suspendisse non cursus justo. Proin ante nulla, ullamcorper tincidunt venenatis gravida, facilisis quis nibh. Fusce id metus mollis, blandit tellus vitae, bibendum neque. Vestibulum gravida nec nunc eget molestie. Praesent quis nisi quis dolor pellentesque auctor dictum a est. Nunc tincidunt iaculis aliquet. Quisque in convallis tortor. Nulla facilisi. Sed semper ante et dapibus sodales. Nulla ut posuere tortor.
</div></div></div></div></td><td><div style="background: url('http://40.media.tumblr.com/3a7513ff081863bbd8ac3781c25dde8a/tumblr_nuvae0CXW41t0pctoo8_250.png')" class="ichange"><div class="avac"><div class="fluo"><div class="tpa">PSEUDO</div>
<ig> intitulé du lien </ig> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper, leo in pulvinar rhoncus, tellus neque facilisis felis, et venenatis leo lorem quis felis. Duis blandit metus nec condimentum porttitor. Sed vitae ligula eget augue accumsan lacinia vel at nunc. Nam auctor risus vel nunc condimentum blandit. Fusce consectetur lectus sit amet rhoncus suscipit. Suspendisse non cursus justo. Proin ante nulla, ullamcorper tincidunt venenatis gravida, facilisis quis nibh. Fusce id metus mollis, blandit tellus vitae, bibendum neque. Vestibulum gravida nec nunc eget molestie. Praesent quis nisi quis dolor pellentesque auctor dictum a est. Nunc tincidunt iaculis aliquet. Quisque in convallis tortor. Nulla facilisi. Sed semper ante et dapibus sodales. Nulla ut posuere tortor.
</div></div></div></div></td></tr></table></center>
<center><table><tr><td><div style="background: url('http://40.media.tumblr.com/3a7513ff081863bbd8ac3781c25dde8a/tumblr_nuvae0CXW41t0pctoo8_250.png')" class="ichange"><div class="avac"><div class="fluo"><div class="tpa">PSEUDO</div>
<ig> intitulé du lien </ig> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper, leo in pulvinar rhoncus, tellus neque facilisis felis, et venenatis leo lorem quis felis. Duis blandit metus nec condimentum porttitor. Sed vitae ligula eget augue accumsan lacinia vel at nunc. Nam auctor risus vel nunc condimentum blandit. Fusce consectetur lectus sit amet rhoncus suscipit. Suspendisse non cursus justo. Proin ante nulla, ullamcorper tincidunt venenatis gravida, facilisis quis nibh. Fusce id metus mollis, blandit tellus vitae, bibendum neque. Vestibulum gravida nec nunc eget molestie. Praesent quis nisi quis dolor pellentesque auctor dictum a est. Nunc tincidunt iaculis aliquet. Quisque in convallis tortor. Nulla facilisi. Sed semper ante et dapibus sodales. Nulla ut posuere tortor.
</div></div></div></div></td><td><div style="background: url('http://40.media.tumblr.com/1979f10c8c63f5d61cd2fdf4804b3411/tumblr_nva0i94z3r1t0pctoo2_250.png')" class="ichange"><div class="avac"><div class="fluo"><div class="tpa">PSEUDO</div>
<ig> intitulé du lien + </ig> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper, leo in pulvinar rhoncus, tellus neque facilisis felis, et venenatis leo lorem quis felis. Duis blandit metus nec condimentum porttitor. Sed vitae ligula eget augue accumsan lacinia vel at nunc. Nam auctor risus vel nunc condimentum blandit. Fusce consectetur lectus sit amet rhoncus suscipit. Suspendisse non cursus justo. Proin ante nulla, ullamcorper tincidunt venenatis gravida, facilisis quis nibh. Fusce id metus mollis, blandit tellus vitae, bibendum neque. Vestibulum gravida nec nunc eget molestie. Praesent quis nisi quis dolor pellentesque auctor dictum a est. Nunc tincidunt iaculis aliquet. Quisque in convallis tortor. Nulla facilisi. Sed semper ante et dapibus sodales. Nulla ut posuere tortor.
</div></div></div></div></td></tr></table></center>

</div><div class="bs"></div></div>