<div class="fofo-fiche"><div class="fofo-leftblock"><div class="fofo-left"><b><a href="lien du rp">Titre du RP</a> - </b> avec Untel / <font color=limegreen><i>En cours</i></font>
<b><a href="lien du rp">Titre du RP</a> - </b> avec Untel / <font color=crimson><i>Terminé</i></font>
<b><a href="lien du rp">Titre du RP</a> - </b> avec Untel / <font color=black><i>Abandonné</i></font>
</div><div class="fofo-www"><a href="fiche-pres">Fiche de présentation</a> - <a href="lien de votre profil">Message Privée</a></div></div><div class="fofo-right">Nom<br>Prénom<br>Surnom<br>Age<br><font> <div class="fofo-credits">Code by Frosty Blue de <a href="http://www.never-utopia.com">Never Utopia</a></div></div>
<br><div class="fofo-linkimg"><img src="IMAGE 100 * 150"/></div><div class="fofo-linktitle">Prénom Nom - Titre du lien</div><div class="fofo-linktxt">Description du lien</div>
<div class="fofo-linkimg"><img src="IMAGE 100 * 150"/></div><div class="fofo-linktitle">Prénom Nom - Titre du lien</div><div class="fofo-linktxt">Description du lien</div>
<div class="fofo-linkimg"><img src="IMAGE 100 * 150"/></div><div class="fofo-linktitle">Prénom Nom - Titre du lien</div><div class="fofo-linktxt">Description du lien</div>
<div class="fofo-linkimg"><img src="IMAGE 100 * 150"/></div><div class="fofo-linktitle">Prénom Nom - Titre du lien</div><div class="fofo-linktxt">Description du lien</div>
</div>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Orbitron|Dosis:400,300|Exo:400,300' rel='stylesheet' type='text/css'><style type="text/css">.fofo-fiche {width: 500px; margin: auto; text-align: justify; color: black; font-family: 'Exo';} .fofo-leftblock {display: inline-block;} .fofo-left {background: darkgrey; width: 250px; padding: 15px; margin-bottom: 10px; height: 200px; overflow: auto;} .fofo-www {background: black; width: 270px; padding: 5px; font-size 15px; text-align: center; position: relative;} .fofo-www a {color: white!important; text-decoration: none!important; position: relative; transition: 50em; font-weight: bold;} .fofo-www a:hover {color: green!important; font-weight: bold; text-shadow: 0px 0px 0px white; transition: 50em;} .fofo-right {background: green; display: inline-block; margin-left: 10px; width: 190px; padding: 10px; height: 250px; font-family: 'Orbitron'; text-transform: uppercase; text-align: left; font-size: 30px; line-height: 35px; vertical-align: top;} .fofo-credits {font-weight-bold; font-family: 'Exo'; font-size: 9px; text-align: center; position: relative; bottom: -85px; color: white;} .fofo-linkimg {width: 100px; height: 150px; background: green; overflow: hidden; float: left; margin-right: 10px; display: inline-block;} .fofo-linktitle {width: 380px; padding: 5px; background: black; color: white; font-weight: bold; text-align: center; vertical-align: top; font-size: 12px; display: inline-block;} .fofo-linktxt {width: 370px; padding: 10px; background: darkgrey; height: 92px; margin-top: 10px; overflow: auto;}
</style>
