[FICHE MULTIUSAGE]

Code:: <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Marvel" rel="stylesheet"/><div class="title_reglement">les groupes</div><div class="subtitle_reglement">tout ce que vous devez savoir</div><div class="txt_reglement">Ici sont regroupés les groupes (lol) que vous choississez à l'inscription. Ils sont dispachés en trois catégories, à vous donc de savoir dans quel catégorie vous vous situez !</div><div class="total_fiche_reglement"><div class="blok_reglement"><div class="icon_reglement"><span class="th th-pencil"></span></div><div class="blok_number">0.1</div><div class="subtitle_number">Nom du groupe</div><div class="blok_txtu">Texte groupe</div></div><div class="blok_reglement"><div class="icon_reglement"><span class="th th-users"></span></div><div class="blok_number">0.2</div><div class="subtitle_number">Nom du groupe</div><div class="blok_txtu">Texte groupe</div></div><div class="blok_reglement"><div class="icon_reglement"><span class="th th-notebook"></span></div><div class="blok_number">0.3</div><div class="subtitle_number">Nom du groupe</div><div class="blok_txtu">Texte groupe</div></div></div><div class="fwaha"><a href="http://epsilon-ls.forumactif.com/">epsilon</a></div> <style>.title_reglement{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align:center; font:50px marvel; text-transform:uppercase;}.subtitle_reglement{text-align:center; color:#484848; font:15px calibri; text-transform:uppercase; letter-spacing:2px; margin-top:-10px;}.txt_reglement{color:#999999; text-align:justify; margin:0 auto; width:600px; font:12px calibri; padding-top:20px;}.total_fiche_reglement{width:750px; margin:0 auto; padding:20px 2px; display:flex; flex-wrap:wrap; justify-content:center;}.blok_reglement{display:inline-block; vertical-align:top; width:360px; height:300px; margin:5px;}.icon_reglement span{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:150px; transform:scaleX(-1); opacity:0.2; position:absolute;}.blok_number{display:inline-block; vertical-align:top; width:100px; background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align:center; font:115px marvel; position:relative; letter-spacing:-10px;}.subtitle_number{color:#484848; font:13px calibri; position:absolute; margin-top:-170px; text-transform:uppercase; text-shadow:1px 1px 1px black; padding-left:25px;}.blok_txtu{display:inline-block; vertical-align:top; width:230px; color:#7b7b7b; font:12px calibri; text-align:justify; height:260px; overflow:auto; padding:10px;}.precisions_reglement{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align:center; font:50px marvel; text-transform:uppercase;}.entoure_precisions{margin:0 auto; width:600px;}.total_precisions{color:#7b7b7b; font:12px calibri; text-align:justify; display:inline-block; width: 475px; padding: 10px;}.icon_precisions{display:inline-block;}.icon_precisions span{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:100px;}.fwaha{text-align:center;}.fwaha a{font-family:calibri; text-decoration:none; color:#222; font-size:9px; letter-spacing:6px; text-transform:uppercase; position:relative; top:-10px;}</style>