code2

<div id="bloc1"><div id="bloc2"><div id="bloc3"><div class="titre">Orangeade Bleue</div><div class="image" style="background: url(https://i.servimg.com/u/f93/19/00/36/30/cod10.png); background-size: 110%"></div><div class="texte"> orem ipsum dolor sit amet, [b]consectetuer adipiscing elit[/b]. morbi gravida libero nec velit. orbi scelerisque luctus velit. tiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. roin mattis lacinia justo. estibulum facilisis auctor urna. [b]liquam in lorem[/b] sit amet leo accumsan lacinia. nteger rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim.<div class="credit"><a href=https://boraemie.tumblr.com/>mae</a></div></div></div></div></div>

<style>#bloc1 {width: 310px; border: 6px solid #f6f6f6; outline: 1px solid #e2e2e2; margin: 0 auto;}#bloc2 {border: 10px solid #b1c1c9; outline: 1px solid #f6f6f6}#bloc3 {outline: 1px solid #e2e2e2; border: 6px solid #f6f6f6}#bloc3 .titre {border: 1px solid #d5d5d5; background: #f1f1f1; text-align: center; text-transform: lowercase; padding: 20px; font-size: 25px; font-family: "Yeseva One", cursive; font-weight: bold; color: #b1c1c9; text-shadow: rgb(0, 0, 0) 1px 1px 2px;}#bloc3 .image {height: 100px; outline: 1px solid #e2e2e2; margin: 8 auto}#bloc3 .texte {border: 1px solid #d5d5d5; padding: 10px; text-align: justify; font-size: 11px; font-family: "Yeseva One", cursive; color: #383634}.credit {font-size: 8px; text-align: center; color: #7F4144; text-decoration: none; font-style: italic}</style>

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Yeseva+One" /><link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Chathura" />