Merci de ne pas retirer le crédit.

Code:

<div class="hl_fiche_admin"> <div class="hl_prez_name">Bottin des avatars</div><div class="hl_prez_name_sub">à chaque faceclaim son personnage.</div><div class="hl_prez_title">A-B-C-D</div><div class="hl_prez_txt">/</div><div class="hl_prez_title">E-F-G-H</div><div class="hl_prez_txt">/</div><div class="hl_prez_title">I-J-K-L</div><div class="hl_prez_txt">/</div><div class="hl_prez_title">M-N-O-P</div><div class="hl_prez_txt">/</div><div class="hl_prez_title">Q-R-S-T</div><div class="hl_prez_txt">/</div><div class="hl_prez_title">U-V-W-X-Y-Z</div><div class="hl_prez_txt">/</div><div class="epsi_cred"><a target="_blank" href="https://epsilon-ls.forumactif.com/">EPSILON</a></div></div>

<style>:root{--lavender: #e9e2d7; --pink: #e8d1cd; --sage: #e3e8cf; --thyme: #d6e6cf; --laurel: #96aace; --whazel: #c79cd3; --darkgrey: #1d2337; --blue: #c894ab; --purple: #c15d88; --line: #141416; --shadow: #363f4f; --linku: #d2d2d2;}.hl_fiche_admin{background:var(--darkgrey); padding:15px; width:584px; margin:0px auto; border-radius:15px; display:flex; flex-wrap:wrap; justify-content:space-between;}.hl_prez_name{text-align:center; border-bottom:solid 1px var(--purple); width:100%; color:var(--pink); font:25px Calibri; text-transform:uppercase; letter-spacing:2px;}.hl_prez_name_sub{color:var(--linku); font:10px Calibri; text-align:center; width:100%; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px;}.hl_prez_title{width:100%; text-align:center; background:linear-gradient(120deg, var(--pink) 0%, var(--blue) 100%); border-radius:10px; padding:3px; font:15px Arial; color:var(--darkgrey); text-transform:uppercase; margin-bottom:10px;}.hl_prez_txt{text-align:justify; font:14px Arial; color:var(--linku); line-height:20px; padding:10px; margin:5px 0px 20px 0px; background:var(--shadow); border-radius:15px; width:100%;}.epsi_cred{text-align:center; font:10px Arial; text-transform:uppercase; width:100%; margin-top:10px;}.epsi_cred a{color:#dedede;}</style>