<div style="border-radius: 20px;">
<div style="background: radial-gradient(circle, #a5a5a5, #646464); width: 50%; margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; padding-top: 10px; padding-bottom: 10px; border-top: ridge; border-color: red; box-shadow: 0px 0px 2px #000000;">
<span style="font-family: Times New Roman; color: #ffffff; font-size: 24px; text-shadow: 0px 0px 2px black;"> Examen de Pseudo </span> <br /> <span style="font-family: Times New Roman; color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5em; font-style: italic;"> Note par Galad-El </span>
</div>
<div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;">
<br />
<span style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> DEFINITION DU RANG : <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </span></div>

<div style="width: 80%; background-color: #b9b9b9; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 2px #000000; color: #2f2f2f; padding-bottom: 20px;"><br />
<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 1</div>

<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 2</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 3</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
<br /><br />

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 4</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
</div>

<div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;"><br />
<span style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> CONCLUSION <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </span></div>
</div>

<div style="border-radius: 20px;"><div style="background: radial-gradient(circle, #a5a5a5, #646464); width: 50%; margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; padding-top: 10px; padding-bottom: 10px; border-top: ridge; border-color: red; box-shadow: 0px 0px 2px #000000;"><div style="font-family: Times New Roman; color: #ffffff; font-size: 24px; text-shadow: 0px 0px 2px black;"> Examen de Pseudo </div> <br /> <div style="font-family: Times New Roman; color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5em; font-style: italic;"> Note par Galad-El </div></div><div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;">
<div style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> DEFINITION DU RANG : <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </div></div><div style="width: 80%; background-color: #b9b9b9; margin-left: auto; margin-right: auto; box-shadow: 0px 0px 2px #000000; color: #2f2f2f; padding-bottom: 20px;"><br />
<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 1</div>

<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 2</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 3</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>

<div style="width: 100%; background-image: url('http://img07.deviantart.net/4b2c/i/2016/052/f/9/the_gardian_by_galad_el-d9smnk0.png'); height: 100px; background-position: 50% 50%; color: #ffffff; text-transform: uppercase; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px white;">Creation 4</div>
<div style="width: 90%; background-color: #d1d1d1; margin-left: auto; margin-right: auto; padding: 20px; color: color: #2f2f2f; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae.</div>
</div><div style="width: 90%; background: radial-gradient(circle, #a5a5a5, #646464); margin-left: auto; margin-right: auto; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 20px; border-bottom-left-radius: 5px; padding-top: 0px; padding-bottom: 10px; border: ridge; border-color: red; box-shadow: 0px 0px 2px #000000; margin-top: -5px;"><div style="font-family: Times New Roman; color: #ffffff; font-style: italic; font-size: 14px;"> CONCLUSION <br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed justo non eros posuere egestas. Vivamus lobortis condimentum purus, sit amet consequat ex vestibulum a. Nunc vel aliquet tortor. Pellentesque interdum eu eros et molestie. Duis venenatis nibh ac euismod elementum. Ut tempor tincidunt tortor, id ullamcorper diam dapibus consectetur. Morbi sed nisl eu eros fringilla rhoncus lacinia a arcu. Donec lorem tellus, convallis in efficitur accumsan, porttitor sit amet tortor. Integer vehicula est et nulla sagittis fringilla. Vestibulum pellentesque commodo ipsum vitae hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pellentesque tempor libero, at euismod libero hendrerit vitae. </div></div></div>