Présentation Personnage

                        <div class="fond">
<img src="https://zupimages.net/up/20/08/gftb.png" alt="image">
	<h1 class="g-titre" style="margin-top:-4px;">INFO BASIQUES</h1>
		<div class="info-base">
			<div style="width:270px; padding-left:25px;">
			<b>— Nom :</b> Blackmoon<br>
			<b>— Age :</b> 20<br>
			<b>— Espèce :</b> Chat Noir<br>
			</div>
			<div style="width:270px;">
			<b>— Sexe :</b> Femelle<br>
			<b>— Orientation :</b> Pansexual<br>
			<b>— Occupation :</b> Witchcraft<br>
			</div>
		</div>
		<div style="width:500px; height:10px; border-bottom:solid 1px #969696; margin:auto;"></div>
		<div class="likes">
			<div style="width:270px; padding-left:25px;">
			<b>— Likes :</b> Truc, truc truc, machin, truc bidule, chose, machin, truc muche, bidule, chose cool.
			</div>
			<div style="width:270px;">
			<b>— Dislikes :</b> Truc, truc truc, machin, truc bidule, chose, machin, truc muche, bidule, chose cool, autre truc, autre chose, machin chouette.
			</div>
		</div>
	<h1 class="g-titre">PERSONNALITE</h1>
		<div class="personnalite">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dignissim, mauris non porta auctor, ligula dui facilisis lorem, quis viverra augue justo in libero. Integer rhoncus, ex at venenatis pretium, augue lacus pharetra leo, id dictum urna justo quis mi. Fusce eu sapien et quam accumsan aliquam. Cras nec mi et felis vehicula feugiat. Nullam a scelerisque purus. Donec viverra est risus, et facilisis metus bibendum et. Aenean gravida pretium augue, eget semper enim venenatis ut. Nunc pharetra et ex quis efficitur. Duis scelerisque, risus quis feugiat volutpat, quam velit blandit risus, quis semper justo turpis et elit. Nullam id vulputate ex, rhoncus eleifend nisl.<br/><br/>
		<div class="citation">" Une citation du personnage. "</div>
		</div>
	<h1 class="g-titre">HISTOIRE</h1>
		<div class="histoire">
		Duis quis dignissim dolor. Proin ac sem vitae felis placerat consectetur. Etiam rhoncus vehicula sapien at ultricies. Praesent porttitor pretium nisi, sed mattis sapien mattis at. Donec quis sem at tortor suscipit ornare id et ante. Fusce lacinia, nisi fermentum efficitur imperdiet, diam libero bibendum massa, ac pharetra sapien augue ac neque. Nunc dolor est, ultricies ac lectus tincidunt, porttitor aliquet libero. Quisque nisi orci, vestibulum quis dui at, scelerisque finibus leo. Donec eget egestas justo. Sed malesuada augue pharetra eleifend euismod. Pellentesque cursus augue at lacus convallis, nec suscipit nisi aliquet. Donec faucibus lorem orci, et imperdiet nisl venenatis ac. Maecenas tristique et diam sit amet dapibus. Cras condimentum nunc sit amet maximus posuere. Ut bibendum nisi eu massa feugiat, eu ultricies dolor cursus. Morbi ut quam at ante tincidunt tincidunt ac non risus.
		<br/><br/>
		Mauris sed accumsan arcu. Donec varius mattis enim non vestibulum. In hac habitasse platea dictumst. Nulla nibh ipsum, rhoncus nec mollis non, ultricies non turpis. Phasellus condimentum tortor et pretium egestas. Praesent dapibus leo feugiat ipsum auctor dignissim. Praesent in lectus nunc. Etiam vehicula tortor ipsum, eu finibus metus feugiat eget. Nunc placerat molestie quam, ac porta nisl volutpat id. Sed ultricies dignissim dui non efficitur. Quisque egestas nunc vitae erat auctor convallis. Sed et risus a nibh dictum pharetra. Suspendisse malesuada, ex vitae viverra placerat, erat ex consectetur ligula, eget egestas felis lorem a magna.		</div>
	<div style="width:500px; height:10px; border-bottom:solid 1px #969696; margin:auto;"></div>
	<div class="credit-fiche">Aadelrun</div>
</div>
                    

                            .fond {
width:600px;
margin:auto;
background-color: #C0C0C0;
font-family:Arial;
}

.g-titre {
background:#1B1B1B;
text-align:center;
color:white;
font-family: 'Times New Roman';
letter-spacing:2px;
font-size:22px;
padding-top:8px;
padding-bottom: 8px;
font-weight:normal;
}

.info-base {
height:70px;
width:550px;
padding-top:15px;
display:flex;
}

.likes {
height:80px;
width:550px;
padding-top:15px;
display:flex;
}

.personnalite {
height:150px;
width:570px;
padding:15px;
overflow:auto;
text-align:justify;
}

.citation {
background:#969696;
max-width:480px;
text-align:center;
margin:auto;
padding:6px;
font-style:italic;
font-size:16px;
font-family: 'Times New Roman;
}

.histoire {
height:300px;
width:570px;
padding:15px;
overflow:auto;
text-align:justify;
}

.credit-fiche {
text-align:center;
font-style:italic;
color:#8F8F8F;
font-family:'Times New Roman';
padding:10px;
}