<style>h4{margin-top: 0px;margin-bottom: -31px;padding-left: 15px;font-size: 18px;color: #e9cb28;}.perso{width: 500px;margin:auto;background-color: #191919; color:#bfbfbf;} .perso h1{font-family: 'Berkshire Swash';text-align: center;font-size: 40px;text-transform: capitalize; background-color: #491f24;line-height: 100px;font-weight: lighter;color: #ffb82b;margin-bottom: -20px !important;} .perso h2{font-family:'Cormorant Upright';font-weight: lighter;text-align:center;font-size:25px;text-transform:uppercase;color:white;background-color:#491f24 !important;padding-top: 10px;padding-bottom:10px;} .perso p{padding: 10px;margin-left:10px;margin-right:10px;background-color:#363636;margin-bottom:-30px;} .rps td{width: 160px;border-right: 3px solid #444;margin-bottom: 0px;} .rps{margin: auto;} .rps h3{font-family: 'Cormorant Upright';text-align: center;font-size: 24px;text-transform: uppercase;background-color: #491f24;line-height: 40px;color: white;margin-top: 0px;margin-left: -2px; margin-right: -1px;margin-bottom: -2px;font-weight: lighter;} .rps a{color:#c3c3c3;}.encours{font-family:'Fjalla One',sans-serif;color:#ffb82b;}.soustitres{font-family:'Fjalla One',sans-serif;font-size:11px;}</style>


<div class="perso"><h1>Egregario</h1>
<img src="https://i.servimg.com/u/f16/19/42/25/65/egrega10.png"/>
<h2>Description</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
<h2>Image du personnage</h2>

<center><img src="https://i.servimg.com/u/f16/19/42/25/65/210.png"/> <img src="https://i.servimg.com/u/f16/19/42/25/65/110.png"/> <img src="https://i.servimg.com/u/f16/19/42/25/65/310.png"/> <img src="https://i.servimg.com/u/f16/19/42/25/65/410.png"/></center>
<h2>Journal RPs</h2>
<h4>EN COURS</h4>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>

<h4>TERMINE</h4>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>

<h4>ABANDONNE</h4>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>
<p><span class="encours"><a href="#">C'est une Renaissance</a></span><br/><span class="soustitres">- feat.Taïga Launwitch</span><br/>
MAINTENANT C'est la description mes petits amis ! Hahahahah</p>
<h2>Souhait Lien Relationnel</h2>
<h4>LIEN RECHERCHE</h4>
<p><span class="encours">Ennemi(e)</span><br/><span class="soustitres">OUVERT - CLOS - EN COURS</span><br/>
Qui ? Pourquoi ? Hahahahah</p>
<p><span class="encours">Amour</span><br/><span class="soustitres">OUVERT - CLOS - EN COURS</span><br/>
Qui ? Pourquoi ? Hahahahah</p>

</div>

<style>.perso{width: 500px;margin:auto;background-color: #222; color:#c3c3c3;} .perso h1{font-family:'Berkshire Swash';text-align:center;font-size:48px;text-transform:capitalize;background-color:#491f24;line-height:100px;font-weight:lighter;color:#ffb82b;margin-bottom:-30px;}  .relations{margin: auto;} .relations h3{font-family: 'Cormorant Upright';text-align: center;font-size: 24px;background-color: #491f24;line-height: 40px;color: white;margin-right: 0px;margin-top: 0px;margin-bottom: -20px;font-weight: normal;} .relations td{width:150px;background-color: #363636;padding:8.5px;} .relations td p{height: 200px;max-height: 200px;width: 220px;overflow-y: auto;overflow-x: hidden;padding: 5px;text-align: left;margin-top: -5px;margin-bottom: -15px;margin-left: 0px;margin-right: 0px;} .relations img{border-bottom: 6px solid #491f24;} .relations strong{    font-family: 'Fjalla One',sans-serif;font-size: 16px;text-transform: uppercase;color: #e9cb28;font-weight: normal;margin-top: 10px;margin-bottom: -30px;display: block;}</style>

<div class="perso"><h1>Ses relations</h1>

<table class="relations"><tr><td><h3>Taïga Launwitch</h3>
<img src="https://i.servimg.com/u/f16/19/42/25/65/510.png"/>
<p><strong>Âme soeur</strong>

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
</td><td><h3>Taïga Launwitch</h3>
<img src="https://i.servimg.com/u/f16/19/42/25/65/510.png"/>
<p><strong>Âme soeur</strong>

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
</td></tr><tr><td><h3>Taïga Launwitch</h3>
<img src="https://i.servimg.com/u/f16/19/42/25/65/510.png"/>
<p><strong>Âme soeur</strong>

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
</td><td><h3>Taïga Launwitch</h3>
<img src="https://i.servimg.com/u/f16/19/42/25/65/510.png"/>
<p><strong>Âme soeur</strong>

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
</td></tr></table><br/>
</div>