<div style="background: url('http://www.youthedesigner.com/wp-content/uploads/2010/08/21-paper-texture.jpg') ;padding-left : 10px; padding-right: 10px; padding-bottom: 10px ; margin-left : 3%; margin-right: 3%; -moz-box-shadow: 1px 1px 3px #000000; -webkit-box-shadow: 1px 1px 3px #000000; box-shadow: 1px 1px 3px #000000; text-shadow: none; color: #3D0F05; ">
<div style="padding: 5px; font-size: 16px; background: -moz-linear-gradient(top,  rgba(61,15,5,0.2) 0%, rgba(61,15,5,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,15,5,0.2)), color-stop(100%,rgba(61,15,5,0.2)));
background: -webkit-linear-gradient(top,  rgba(61,15,5,0.2) 0%,rgba(61,15,5,0.2) 100%);
background: -o-linear-gradient(top,  rgba(61,15,5,0.2) 0%,rgba(61,15,5,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(61,15,5,0.2) 0%,rgba(61,15,5,0.2) 100%);
background: linear-gradient(to bottom,  rgba(61,15,5,0.2) 0%,rgba(61,15,5,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d0f05', endColorstr='#333d0f05',GradientType=0 );">[justify][font=Times New Roman][i][color=black]Moi, Richard Lëys, coucherai ci présent par écrit le fil de mon vécu. Ces quelques mots ne sont destinés à quelque esprit en particulier : je conte simplement mon histoire, je vous livre mon âme et les nuances de son expérience à travers ce vaste monde, sincèrement et sans détours, aussi objectivement que je le pourrais. Pardonnez la vanité de ces propos, et parcourez ces pensées en gardant en mémoire que je ne suis qu'un homme.
Que j'eus été fermier ou roi d'une contrée, j'en suis à croire que mon esprit fusse le même et s'exprimerait en une similaire façon.

Si j'ai décidé de prendre la plume, moi, homme parmi les hommes, c'est mû par le désir de faire l'ordre dans ma vie. Futilement peut-être. Naïvement qui sait. Mais il est indéniable que cela m'apaise et me permet de porter un regard clair sur mon futur...
Sans doute ces lignes ne trouveront nul autre lecteur que la plume qui les a tracées, qu'il en soit ainsi alors. Mortel homme que je suis, que puis-je faire sinon accepter ce que Filéole a décidé pour moi ?

Vivre et écrire, se souvenir et conter, voilà ce à quoi je prétendrai...
 [/color][/i][/font][/justify]</div>
[right][color=black]- Richard Lëys, Bras droit du Ténébreux et Général Récleyé en Talien 1248.[/color][/right]

<hr>
<div style="font-family:georgia; font-size:35px; text-shadow: 1px 1px 1px #726a69; font-style:italic; text-align:center;">[color=#a6b5cc]C[/color][color=#9da7bb]h[/color][color=#9599ab]r[/color][color=#8c8c9a]o[/color][color=#837e8a]n[/color][color=#7a7079]i[/color][color=#726269]q[/color][color=#695458]u[/color][color=#604647]e[/color][color=#573937]s [/color][color=#4f2b26]R[/color][color=#461d16]P[/color]</div>
[center]« Bientôt nous plongerons dans les froides ténèbres ; Adieu, vive clarté de nos été trop courts ! »[/center]
[center]<iframe src="http://raisindeloup.forumactif.fr/h15-madelle-journal-richard-rp" frameborder="no" scrolling="no" width="90%" height="200px"></iframe>[/center]

<hr>
<div style="font-family:georgia; font-size:35px; text-shadow: 1px 1px 1px #726a69; font-style:italic; text-align:center;">[color=#a6b5cc]R[/color][color=#9aa3b6]e[/color][color=#8f90a0]l[/color][color=#837e8a]a[/color][color=#776b74]t[/color][color=#6c595d]i[/color][color=#604647]o[/color][color=#543431]n[/color][color=#49211b]s[/color]</div>
[center]« Et, comme le soleil dans on enfer polaire, Mon coeur ne sera plus qu'un bloc rouge et glacé. »[/center]
[center]<iframe src="http://raisindeloup.forumactif.fr/h16-madelle-journal-richard-relations" frameborder="no" scrolling="no" width="90%" height="200px"></iframe>[/center]

<hr>
<div style="font-family:georgia; font-size:35px; text-shadow: 1px 1px 1px #726a69; font-style:italic; text-align:center;">[color=#a6b5cc]C[/color][color=#9ca6ba]o[/color][color=#9397a8]m[/color][color=#898896]p[/color][color=#807984]é[/color][color=#766a72]t[/color][color=#6d5a5f]e[/color][color=#634b4d]n[/color][color=#5a3c3b]c[/color][color=#502d29]e[/color][color=#471e17]s[/color]</div>
[center]« Tout l'hiver va rentrer dans mon être: colère, Haine, frissons horreur labeur dur et forcé... »[/center]
[center]<iframe src="http://raisindeloup.forumactif.fr/h17-madelle-journal-richard-competences" frameborder="no" scrolling="no" width="90%" height="200px"></iframe>[/center]
</div>

[size=9]
[right] Codage par RaisinDeLoup - Merci de respecter le travail effectué.
Vers extraits des [u]Fleurs du Mal[/u] - Baudelaire[/right]
[/size]

<title>test tableau onglets</title><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><script src="//goo.gl/EkYJV"></script><script src="http://raisindeloup.forumactif.fr/10071.js"></script><style type="text/css">
        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 2px 10px;
  margin-left: 10px;
          margin-right: 5px;
          color: #3D0F05;
  background: url('http://www.youthedesigner.com/wp-content/uploads/2010/08/21-paper-texture.jpg');
          border: 1px solid #363636;
  font-size: 12px;
        }

a:hover {
  text-shadow: 0px 0px 3px #51687E;
  border-bottom: 1px #363636;
  text-decoration: none !important;
}

a:link {text-decoration: none; font-weight: bold;}

a { text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px;}

        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          background: #F2B668;
          color: #FFF;
          border-color: #363636;
  text-shadow: 1px 1px 3px #857F7F;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #FFF;
          background: lightsteelblue;
  font-weight: bold;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
 background: #3D0F05;
          margin-top: 5px;
          margin-bottom: 1px;
          color: #FFF;
          border: 1px solid #363636;
          padding: 10px;
  font-size: 11px;
overflow : auto;
height:140px;
text-align :justify;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }
 
</style><script type="text/javascript">
$(function(){ location.hash=location.hash });
</script>
<p>
</p>
<div class="systab">
 
<div>
 <span>Vérité</span> <span style="color:#B0C4DE"> Vérité des Armes :</span><br /> • Solidification partielle<br /> N'agissant que sur une zone de 50cm, sur les os, elle a pour conséquence d'alourdir la cible et de la rendre plus dure. Si elle n'évitera pas à Richard de recevoir des coups, des plaies, il peut néanmoins escompter ne pas avoir les os brisés. <br />Les effets secondaires sont aléatoires, le plus fréquent étant cependant de fortes migraines ou encore la durée variable de l'effet.
</div>
 
<div>
 <span>Armement</span><span style="color:#B0C4DE"> Une flamberge d'acier</span><br />Taille : 72 cm<br />Poids : ?<br />Caractéristique : Sa lame ondulée peut provoquer des désagréments chez les autres épéistes. <br /><br /><span style="color:#B0C4DE"> Un brise-lame en alliage de fer et de carbone</span><br />Taille : 31 cm<br />Poids : ?<br />Caractéristique : Peu efficace à l'offensive, sert à parer en coinçant la lame ennemie entre ses deux crocs et la briser.<br /><br />
</div>
 
<div>
 <span>Autres indications</span> <span style="color:#B0C4DE"> Sur sa vérité...</span><br />Elle lui permet de solidifier une partie de son corps, et de l'alourdir en conséquence. Elle lui confère alors la capacité de déplacer son centre de gravité, par exemple en agissant sur plante de ses pieds. Mais ce n'est sa seule utilité : il peut également rendre plus efficace des coups portés, diminuer les impacts de ceux reçus, faire varier sa vitesse de chute... <br />Puissante Vérité si correctement utilisée, elle s'accompagne cependant de fortes migraines à effet plus ou moins immédiat et à durée variable, et ce n'est qu'à force d'entrainement que Richard arrivera à accroitre sa vitesse d'exécution et augmenter l'effet de "solidification".<br />En attendant, il doit jouer avec un don fluctuant, plus apparenté à un pouvoir facétieux qu'à un véritable atout...<br /><br /> <span style="color:#B0C4DE"> Sur son style de combat...</span><br />Misant sur sa vitesse, son agilité et sa précision plutôt que sur une force exceptionnelle, Richard est meilleur à la riposte et l'esquive qu'à la parade ou l'offensive. Il possède donc une relative endurance puisque ses coups n'infligent rarement de dégâts importants face à un bretteur expérimenté.<br /><br />
</div>
</div>
<p>
</p>
 

<title>test tableau onglets</title><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><script src="//goo.gl/EkYJV"></script><script src="http://raisindeloup.forumactif.fr/10071.js"></script><style type="text/css">
        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 2px 10px;
  margin-left: 10px;
          margin-right: 5px;
          color: #3D0F05;
  background: url('http://www.youthedesigner.com/wp-content/uploads/2010/08/21-paper-texture.jpg');
          border: 1px solid #363636;
  font-size: 12px;
        }

a:hover {
  text-shadow: 0px 0px 3px #51687E;
  border-bottom: 1px #363636;
  text-decoration: none !important;
}

a:link {text-decoration: none; font-weight: bold;}

a { text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px;}

        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          background: #F2B668;
          color: #FFF;
          border-color: #363636;
  text-shadow: 1px 1px 3px #857F7F;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #FFF;
          background: lightsteelblue;
  font-weight: bold;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
 background: #3D0F05;
          margin-top: 5px;
          margin-bottom: 1px;
          color: #FFF;
          border: 1px solid #363636;
          padding: 10px;
  font-size: 11px;
overflow : auto;
height: 140px;
text-align :justify;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }
 
</style><script type="text/javascript">
$(function(){ location.hash=location.hash });
</script>
<p>
</p>
<div class="systab">
 
<div>
 <span>Amicales</span>
 <table>
 <tbody>
 <tr>
 <td><img src="http://img11.hostingpics.net/pics/970255681783Emilienne.png" />
 </td>
 <td>
  <a style="color:#B0C4DE" href="http://madelle.1fr1.net/t320-emilienne-ygard-le-monstre-parmi-les-demons-finis">Emilienne Ygard</a><br />Jeune Liare rencontrée à l'auberge de l'Arbre Brûlant, du côté de la Vallée des Âmes, Richard partage une relation de confiance, cependant pas encore d'amitié, avec elle depuis un affrontement commun contre trois Impéralistes. Il l'a cependant quittée sans avoir de certitude quant à sa survie... <br /> Par ailleurs, elle lui a été très utile en lui offrant des informations sur la politique actuelle des Liares.<br /> Richard éprouve de l'intérêt pour Emilienne et plus particulièrement son étrange pouvoir dont il n'a pu être le spectateur. Il a noté quelques étrangetés sur sa personnalité mais l'estime néanmoins.<br /><br />
 </td>
 </tr>
 <tr>
 <td><img src="http://img11.hostingpics.net/pics/298093620842361933Claracopie.jpg" />
 </td>
 <td>
  <a style="color:#B0C4DE" href="http://madelle.1fr1.net/t190-clara-arnstven-termine">Clara Arnstven</a><br />Belle jeune femme dont la vitalité a particulièrement plu à Richard, Clara demeure une rencontre fort marquante ; lettrée et vive d'esprit, ils ont tous deux rapidement surmonté l'indifférence de la méconnaissance première au point que Richard en est tombé amoureux. <br />S'ils se sont quittés avec regret, par nécessité de répondre à leurs devoirs, il espère secrètement la revoir un jour... Même si une relation serait impossible.
</td>
 </tr>
 </tbody>
 </table>
 
</div>
 
<div>
 <span>Ennemis</span>
</div>
 
<div>
 <span>Indifférents / Connaissances</span>
</div>
</div>
<p>
</p>