<div style="background-image: radial-gradient(circle, #84CDE0,#60BBD3,#4BBEDC,#2CABCD,#0496BD,#0C99BF,#058CB0); text-align: center;"><br /><span style="font-size: large;"><span style="color: #ecba9f;"><a style="color: #ecba9f;" href="#P1"><br />Titre 1</a>&nbsp;- <a style="color: #ecba9f;" href="#P2">Titre 2</a> - <a style="color: #ecba9f;" href="#P3">Titre 3</a> - <a style="color: #ecba9f;" href="#P4">Titre 4</a>&nbsp; - <a style="color: #ecba9f;" href="#P5">Titre 5</a>&nbsp;</span></span> <br /> <br /> <br />
<table style="margin: auto;" border="0">
<tbody>
<tr>
<td>
<div style="background-color: #9a7054; border: 2px dotted #FFFFFF; width: 270px; height: 500px; text-align: center; border-radius: 10px; box-shadow: #FfffFf 0px 0px 10px; overflow: hidden; margin: auto; opacity: 1;">
<table style="margin: auto;" border="0">
<tbody>
<tr>
<td>
<div style="background-color: #9a7054; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P1"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 1</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #9a7054; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P2"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 2</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #9a7054; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P3"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 3</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #9a7054; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P4"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 4</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #9a7054; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P5"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 5</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</td>
<td style="text-align: center;">
<p>&nbsp;</p>
<div style="background-image: linear-gradient(to right, #634236,#ECBA9F); width: 220px; height: 220px; text-align: center; border-radius: 120px; overflow: auto; border: 0px dotted #FFFFFF; box-shadow: #FfffFf 0px 0px 10px; margin: auto; opacity: 0.95;">BLABLA</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="https://vignette.wikia.nocookie.net/harrypotter/images/4/4e/RavenclawCrest.png/revision/latest/scale-to-width-down/700?cb=20161020182442" alt="" width="200" height="222" /></p>
</td>
</tr>
</tbody>
</table>
<br />
<p><span style="font-size: small;"><span style="color: #ecba9f;"><span style="font-size: x-small;">&copy;<a style="color: #ecba9f;" href="sailor-170004-kiwil23">Kiwil23</a> | Ne pas plagier, merci&nbsp;</span></span></span></p>
<p><span style="font-size: small;"><span style="color: #ffffff;"><span style="font-size: x-small;"><br /></span></span></span></p>
</div>