MODÈLE POUR SCÉNARIO [OBLIGATOIRE]

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <style type="text/css"> .yo { height: 185px; font-family: trebuchet ms; font-size: 10px; line-height: 95%; height: 185px; text-align:justify; color: #444; padding: 5px; overflow: auto } .yo b { font-weight: bold; font-size: 11px; font-variant: small-caps; color: #5A6B9E; } .yo::-webkit-scrollbar-thumb {background: #4FA2A4;} .yo::-webkit-scrollbar {width: 7px;} </style> <center> <table cellpadding="0" cellspacing="0"> <td> <div style="width: 200px; padding: 5px; background: #fff; border-bottom: 12px solid #4FA2A4"><div style="width: 200px; height: 320px; background: url(http://placehold.it/200x320)"></div></div></td> <td><div style="width:2px;border-right: 1px dotted #555; margin-right: 2px; height: 342px"></div><td> <td><div style="width: 250px; background: #BEBEBE; height: 342px"> <div style="width: 200px; height: 200px; background: #fff; padding: 5px; margin-left: 20px;position:relative; top: 20px;"><div class="yo"> Proin rhoncus scelerisque tempor, purus nec? Vel mid magnis montes nunc vel ac aenean, sed tempor habitasse platea odio ut magna. Tincidunt lectus in auctor! Purus, magna? Mauris?[b]lovers[/b] A odio magna magna ultrices porta scelerisque sit augue massa sed, magnis tortor penatibus! Magna ut porttitor! Lundium elementum penatibus, tristique sociis tempor dapibus! Dignissim quis dis ac! Vel. Ac. Facilisis adipiscing, scelerisque magnis ut nisi velit turpis? [b]friends[/b] Adipiscing vel parturient pid, phasellus ac. Facilisis in enim lectus! Adipiscing dolor! Amet adipiscing penatibus magna! Dictumst purus! Urna turpis odio augue? Tincidunt nisi sit, est massa turpis magna, amet, nisi porttitor! Elit ut quis ultricies lundium sociis! Mattis dapibus! Integer nunc, augue amet hac [b]enemies[/b] sed vut et odio, lundium! Duis? Proin cras ultrices! Eu porttitor velit, eros egestas phasellus vel elit habitasse aliquam sociis elit tincidunt porta in enim vel ridiculus, scelerisque sagittis proin placerat enim, in? Ridiculus, urna augue integer rhoncus pid, tincidunt tortor eu rhoncus. Porta cum nisi lundium enim ut. Cum, mattis, arcu sit? Non magnis tortor pulvinar pulvinar et tempor sagittis, tincidunt velit odio adipiscing arcu cras turpis pulvinar amet a! Ridiculus nisi, magnis nec mauris augue, sociis. Tincidunt, platea elementum dignissim nec sed tortor! Sed pellentesque, et, ut. </div></div> <div style="margin-top: 20px;font-family: lobster; font-size: 42px; letter-spacing: -1px; color: #214445; text-transform: lowercase; text-align:center; line-height: 95%; text-shadow: 1px 1px #fff"> first last </div><center> <div style="margin-top: 30px; margin-bottom: 5px; text-align:center; line-height: 100%; width: 150px; font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; color: #4FA2A4; text-shadow: 1px 1px #fff; letter-spacing: 2px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #4FA2A4; border-bottom: 1px solid #4FA2A4"> AGE - OCCUPATION - NATURE - STATUE</div></center> </div></td> <td><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12013"><div style="width:2px;border-left: 1px dotted #555; border-top: 5px solid #214445; margin-left: 2px; height: 342px; border-right: 45px solid #214445"></div></a><td></table><table><div style="width:470px;background: #BEBEBE; height: 200px; border-right: 45px solid #214445"><div style="margin-top: 10px;font-family: lobster; font-size: 42px; letter-spacing: -1px; color: #214445; text-transform: lowercase; text-align:center; line-height: 95%; text-shadow: 1px 1px #fff"> Liens</div>
<div class="infobulle">
  <img src="http://www.loup.org/forums/uploads/profile/photo-thumb-10339.jpg?_r=1367168290" />
 <div style="height:100px;overflow:auto;>
}<a href="#Lien">Prénom Nom</a> - BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA</div>
</div><!--
--><div class="infobulle">
  <img src="http://www.loup.org/forums/uploads/profile/photo-thumb-10339.jpg?_r=1367168290" />
  <div style="height:100px;overflow:auto;><a href="#Lien">Prénom Nom</a> - BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA</div>
</div><!--

--><div class="infobulle">
  <img src="http://www.loup.org/forums/uploads/profile/photo-thumb-10339.jpg?_r=1367168290" />
  <div style="height:100px;overflow:auto;><a href="#Lien">Prénom Nom</a> - BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA</div>
</div><!--

--></div></table></center>
<br>
<br>
<br>