Modèles pour la gestion des personnages

<center><style type="text/css">.perso2 {margin-left:-901px; width:340px; height:400px; background:grey; transition:400ms all ease; box-shadow: 0px 0px 1px grey;}</style>  

<table><tr><td><center><div class="infoperso"><div class="persocache"><img id="phph" style="width:340px;height:400px;"src="https://www.zupimages.net/up/18/15/e1ta.png" /></div><div class="perso1"><div class="perso2"><div class="infopersonnage"> Informations </div></div>
</div></div></center></div></td><td><div style="background-color:silver; width:130px;height:380px;padding:10px;margin-left:-5px;"><center><br><br><br><br><br><div class="castes2"><img src="https://www.zupimages.net/up/18/08/j05b.png" style="padding:2px;border:1px solid #decaa5;background:white;transform: rotate(-25deg);border-radius: 50%;position : static;z-index:2;"/></div><div style="color:white;text-transform:uppercase;font-size:25px;font-family:'trebuchet ms';letter-spacing: 2px;"><b>Pseudo</b></div><div style="color:white;font-size:11px;font-family:'calibri';letter-spacing: 0px;"> 1 détail ici </div></div></center></td></tr></table>

<center><style type="text/css">.maintenance2 {margin-left:-901px; width:320px; height:367px;background-color: grey; transition:400ms all ease; box-shadow: 0px 0px 1px grey;}</style>
<table><tr><td><div style="width:245px; background-color:#d3d3d3;height:380px;"><center><div class="infomain"><div style="height:5px;"></div><div class="perso2cache">
<div style="font-family: 'calibri'; text-align: justify; font-size: 11px; line-height: 15px;padding:20px;letter-spacing:0px;">
<center><br><br><br><br><br><br><br><br><div style="color:white;text-transform:uppercase;font-size:25px;font-family:'trebuchet ms';letter-spacing: 2px;"><b>Pseudo</b></div>____________<div style="color:white;font-size:11px;font-family:'calibri';letter-spacing: 0px;"> 1 détail ici </div></center>                       
</div></div>
<div class="pagina4"><div class="maintenance2"><div class="infopersonnage2"><img src="https://www.zupimages.net/up/18/15/h2jv.png" style="padding:2px;border:1px solid #decaa5;background:white;position : static;z-index:2;width:205px;height:80px;"/>

Information</div></div>
</div></div></center></div></td><td><img src="https://www.zupimages.net/up/18/15/bazr.png" style=""/></td></tr></table>