Modèle fiche RP

<style>.fond_item {margin:auto; width: 599px; border-radius: 0px; background-color: #320202; border:2px solid #000000; box-shadow:0px 0px 3px #000000; text-align:center; } .titre_item {background-color: #000000; color: #f4dabf; font-family: marck script; font-size: 30px; text-align: center; text-shadow: 1px 1px 1px black; margin-left: auto; margin-right: auto; border-bottom: 3px solid #000000; margin-top: 0px; font-variant: small-caps; text-shadow:2px 2px 2px #000000; } .bloc3_item {margin: auto; width: 540px; padding: 10px; border: 2px solid black; background-color: #2b0102; color: #B2A294; text-align: justify; font-family: arial; font-size: 13px; letter-spacing: 1px; z-index: 1; } .cc_item {display: block; margin: auto; text-align: center; font-size: 11px; color: #CEA174; text-shadow: 3px 2px 2px black; position: relative; top: 25px; z-index: 2; font-variant: small-caps;}</style><div class="fond_item"><div class="titre_item"></div><img src="https://zupimages.net/up/22/36/h5o2.png" class="gif_pres" alt="..." /><div class="titre_item"><br />TITRE DU TOPIC</div><div class="bloc3_item"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam quibusdam atque consequuntur dignissimos harum eaque, quia vitae cum nam facere. Vel, at eum natus deleniti suscipit enim nihil quas itaque nemo, placeat hic obcaecati quo quam sed repellendus adipisci totam, quis ut. Ad officiis eligendi quod id accusantium culpa vel!

Qui eum illum eveniet dolore magni. Provident omnis modi maxime id, recusandae molestias cum qui, saepe accusamus reiciendis excepturi ratione a nobis expedita quis similique nihil. Quae quisquam maxime obcaecati necessitatibus id fugit, ipsa voluptatibus. Quod pariatur et odit, cupiditate, magnam adipisci facere corrupti aperiam voluptates non dicta laboriosam veritatis!

Quas animi laudantium nostrum laborum repellendus quibusdam voluptate, ex illo quae facilis molestias labore error repellat perferendis repudiandae ad autem amet aliquam quod et aperiam ipsum veritatis reiciendis beatae. Natus itaque aliquid explicabo veniam, quasi deleniti, qui amet ullam, aspernatur corrupti saepe doloremque minus rem deserunt dolor! Architecto, mollitia porro.

"Bla bla bla."

Unde alias numquam laborum magnam, earum eveniet nisi ea sequi culpa. Distinctio eaque adipisci quidem iste doloribus, voluptatem magni suscipit deserunt dolores accusantium voluptatibus provident quibusdam exercitationem, eos quia minus nemo asperiores aliquam. Fugiat hic illum dolore vero ea. Dolore porro, tenetur corrupti accusamus magni facilis doloribus dicta esse quaerat?

A quisquam exercitationem beatae omnis molestiae cupiditate eaque nemo, possimus eligendi placeat. Fugit autem inventore quas, voluptatum eveniet nostrum saepe hic accusamus, fuga vel explicabo, aut commodi iusto tempora provident reiciendis ab eligendi cupiditate. Error quisquam magnam voluptatibus nostrum quidem pariatur totam vitae repellat, animi facilis doloremque blanditiis recusandae. Id.

Beatae consequatur ad doloribus quos eius dolorum similique sed corporis laudantium voluptas quam accusantium perspiciatis, sunt eos vel accusamus aperiam fugit doloremque odit maiores omnis dolor iste magnam. Eius quidem recusandae ipsa sit tempora provident ipsum doloribus autem quia! Vitae totam alias quis ab expedita ratione, voluptas quos corporis quo!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure veniam praesentium nobis suscipit eveniet labore autem modi, soluta illum neque rerum error libero fugiat assumenda placeat molestiae tenetur repellat, obcaecati consequuntur harum vitae voluptate! Odio odit consequatur perspiciatis vero blanditiis ipsum maxime reprehenderit eos recusandae repellat, rerum incidunt cumque voluptas tenetur esse tempora sapiente ad suscipit earum velit magnam? Minima!

</div><div class="cc_item">(C) LAURA</div><br/>
</div>