Modèle de présentation

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet"><div class="fondficheprez"><div class="titlenom">Nom du personnage</div><div class="lignetop"></div><div class="fondfiche"><div class="textouille"><div class="tete"><img src="http://via.placeholder.com/90x90"></div><div class="prezbase"></br>♕ SURNOM</br>♕ DATE DE NAISSANCE</br> • MÉTIER</br> • GROUPE</br> /br> • AVATAR </div><div class="decorps">De corps et d'esprit</div><div class="cadrephy">Physique - caractère • 400 mots minimum.</div><div class="histoire">D'où tu viens ?</div><div class="cadrehistoire">Histoire • 400 mots minimum.</div><div class="teteirl"><img src="http://via.placeholder.com/90x90"></div><div class="prezirl"></br>♕ PSEUDO : ( réponse ici )</br>♕ ÂGE : ( réponse ici )</br>♕ Comment avez-vous connu le forum ? : ( réponse ici )</div></div></div><div class="ligneback"></div></div>
<div class="credou"><a href="http://www.epicode-entraide.com/t13193-fiche-de-presentation-de-la-foret#258383">♛ </a></div>

<style>.tete{background-color:black; background-image: url('https://i.imgur.com/JGsz2uj.png'); padding: 20px; width: 80px; height:80px; margin:5px; position:relative; top:-5px; float: left;}.tete img{width:90px; height:90px; margin-left:-5px; margin-top:-5px;}.teteirl{background-color: black; background-image: url('https://i.imgur.com/JGsz2uj.png'); padding: 20px; width: 80px; height: 80px; margin: 5px; position: relative; top: 115px; float: right;}.teteirl img{width:90px; height:90px; margin-left:-5px; margin-top:-5px;}.prezbase{font-size:12px; text-align:left; color:#454545; font-family:'Times New Roman'; width:250px; height:120px; margin-left:120px;}.prezirl{font-size:12px; text-align:right; color:#454545; font-family:'Times New Roman'; transform:translateY(130px); width:250px; height:125px;}.decorps{font-family:'Abril Fatface', cursive; position:absolute; width:380px; text-align:right; transform:translateY(20px); color:#454545; text-shadow:0px 1px #eaeaea; text-transform:lowercase; font-size:30px;}.cadrephy{border:solid 10px; border-color: rgba(0, 0, 0, 0.7); width:340px; height:130px; padding:10px; transform:translateY(50px); overflow:auto; font-size:12px; color:#151515; font-family:'Times New Roman';}.cadrephy::-webkit-scrollbar{width: 1px; background: #111;}.cadrephy::-webkit-scrollbar{width: 2px;}.cadrephy::-webkit-scrollbar-thumb{background-color:rgba(250, 250, 250, 0.6);}.cadrephy::-webkit-scrollbar-track{background-color:rgba(50, 50, 50, 0.6); border: 1px solid #111;}.histoire{font-family:'Abril Fatface', cursive; position:absolute; width:380px; text-align:left; transform:translateY(60px); color:#454545; text-shadow:0px 1px #eaeaea; text-transform:lowercase; font-size:30px;}.cadrehistoire{border: solid 10px; border-color: rgba(0, 0, 0, 0.7); width: 340px; height: 180px; padding: 10px; transform: translateY(95px); overflow: auto; font-size: 12px; color: #151515; font-family: 'Times New Roman';}.cadrehistoire::-webkit-scrollbar{width: 1px; background: #111;}.cadrehistoire::-webkit-scrollbar{width: 2px;}.cadrehistoire::-webkit-scrollbar-thumb{background-color:rgba(250, 250, 250, 0.6);}.cadrehistoire::-webkit-scrollbar-track{background-color:rgba(50, 50, 50, 0.6); border: 1px solid #111;}.fondficheprez{background-image:url('https://imgur.com/U92aZpK.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; margin:0 auto; width:500px; height:940px;}.titlenom{font-family:'Abril Fatface', cursive; position:absolute; width:420px; text-align:right; transform:translateY(30px); color:#eaeaea; text-shadow:0px 1px #454545; text-transform:lowercase; font-size:30px;}.lignetop{margin:0 auto; width:420px; height:1px; background-color:rgba(250, 250, 250, 0.6); transform:translateY(80px);}.ligneback{margin:0 auto; width:420px; height:1px; background-color:rgba(250, 250, 250, 0.6); transform:translateY(100px);}.fondfiche{margin:0 auto; transform:translateY(90px); width:420px; height:800px; background-color:rgba(250, 250, 250, 0.6); font-family:'Verdana';}.textouille{padding: 5px; width: 380px; height: 776px; position: relative; left: 15px; top: 15px; font-family: 'Times New Roman'; font-size: 12px; overflow: auto; text-align: justify;}.textouille::-webkit-scrollbar{width: 1px; background: #111;}.textouille::-webkit-scrollbar{width: 2px;}.textouille::-webkit-scrollbar-thumb{background-color:rgba(250, 250, 250, 0.6);}.textouille::-webkit-scrollbar-track{background-color:rgba(50, 50, 50, 0.6); border: 1px solid #111;}.credou{color: grey; font-size: 11px; text-align: center; position: relative; margin-top: -18px;}.credou a{color: #d09f01 !important; text</style>