Fiche de liens I

<link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'><style>.ficheperso1 .titre{font-family: 'Archivo Black', sans-serif; color:#1e1e1e; font-size:22px; text-shadow:1px 0px 1px #000000;} .ficheperso1 .liens {border:2px dotted #2c2c2c; background-color:#ffffff;width:550px; padding:10px; text-align:left;} .ficheperso1 .perso {width:260px; margin-left:8px;} .ficheperso1 .nom {font-family: 'Archivo Black', sans-serif; color:#3a9f97; text-shadow:1px 0px 1px #000000; font-size:15px;} .ficheperso1 img {width:75px; height:75px; border-radius:0px 50% 0px 50%; border:5px solid #e0feb5; box-shadow:1px 0px 5px #000000;} .ficheperso1 .info {font-size:10px; padding:5px; color:#2c2c2c;} .ficheperso1 .descr {background-color:#e0feb5; padding:10px; text-align:justify; max-height:90px; overflow:auto; font-size:11px; border-radius:10px; color:#2c2c2c;}  .descr::-webkit-scrollbar-thumb {background-color: #2c2c2c;height:auto;} .descr::-webkit-scrollbar {height:7px;width:7px;background-color: #2c2c2c;border: 3px solid #e0feb5;} .descr::-webkit-scrollbar-track-piece { background-color: #2c2c2c;border: 3px solid #e0feb5; } .credit {color:#2c2c2c; font-size:9px;}</style>
<center><div class="ficheperso1"><div class="titre">nom de votre personnage</div><div class="liens"><table><tr><td><div class="perso">
<div class="nom">nom de votre lien</div><table><tr><td><img src="http://zupimages.net/up/15/51/1oda.png" /></td><td class="info"><b>RELATION:</b>Ami/Ennemi/ <br /><b>CLAN:</b> Écrire ici <br /></td></tr></table><div class="descr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius felis justo. Sed maximus, justo imperdiet egestas tincidunt, odio nulla euismod nisl, eget feugiat lectus dui vitae justo. Nulla vulputate commodo sapien sed pretium. Maecenas et lobortis lectus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius felis justo. Sed maximus, justo imperdiet egestas tincidunt, odio nulla euismod nisl, eget feugiat lectus dui vitae justo. Nulla vulputate commodo sapien sed pretium. Maecenas et lobortis lectus.</div></td><td><div class="perso">
<div class="nom">nom de votre lien</div><table><tr><td><img src="http://zupimages.net/up/15/51/1oda.png" /></td><td class="info"><b>RELATION:</b>Ami/Ennemi <br /><b>CLAN:</b> Écrire ici <br /></td></tr></table><div class="descr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius felis justo. Sed maximus, justo imperdiet egestas tincidunt, odio nulla euismod nisl, eget feugiat lectus dui vitae justo. Nulla vulputate commodo sapien sed pretium. Maecenas et lobortis lectus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius felis justo. Sed maximus, justo imperdiet egestas tincidunt, odio nulla euismod nisl, eget feugiat lectus dui vitae justo. Nulla vulputate commodo sapien sed pretium. Maecenas et lobortis lectus.</div></td></tr></table></div></div><div class="credit">©gotheim</div></center>