<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="background"><sdiv class="h1">Titre</div><br><div class="image"><img src="http://image.noelshack.com/fichiers/2017/48/5/1512162476-dotted-line.png"/></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div class="contenu"><span class="h2">Titre -</span><span class="texte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><br/><div class="credits"><a href="https://aadelrun.forumactif.com/">Code par Aadelrun</a></div></center></div>

/*--------------------- Fiche règlement par Aadelrun --------------------*/
.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
}

.h1 {
  color:#2F3D4F;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
  text-align:center;
  margin-bottom:20px;
}
.image {
  background-color:#D7D8D9
  width:456px; height:146px;
  box-shadow: 0px 0px 6px black;
  margin:auto;
}
.contenu {
  margin-top: 20px;
  background-color:#D7D8D9;
  padding:10px;
}
.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;
}
.texte {
  color:#292929;
  font-size:12px;
  text-align:justify;
}

.credits {
   font-size: 11px;
   text-align:center;
}

.credits a {
  color:#84A4B0;
}

/*-------- Fin règlement-------*/

<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div style="background-color:#E4E4E4; width:520px; border-left:solid 3px #A7BEC7; border-right:solid 3px #A7BEC7; margin:auto; padding:30px;"><div style="color:#2F3D4F; font-size:30px; font-family: 'Julius Sans One', sans-serif; text-align:center; margin-bottom:20px; text-align:center">Titre</div><br><div style="background-color:#D7D8D9; width:456px; height:146px; box-shadow: 0px 0px 6px black; margin:auto;"><img src="http://image.noelshack.com/fichiers/2017/48/5/1512162476-dotted-line.png"/></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre -</span><span style="color:#292929; font-size:12px; text-align:justify;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre - </span><span style="color:#292929; font-size:12px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><div style="margin-top: 20px; background-color:#D7D8D9; padding:10px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">Titre - </span><span style="color:#292929; font-size:12px; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac porttitor risus. Ut nec metus fermentum, feugiat lacus sed, semper ligula. Maecenas non libero imperdiet mauris malesuada feugiat. In ex enim, scelerisque et porttitor a, auctor sed felis. Morbi lobortis malesuada laoreet. Donec et est sed velit vehicula dapibus. Sed sit amet arcu odio. Nam venenatis, est vel ornare aliquam, mi tortor rutrum metus, vel aliquet dui leo eget quam. Maecenas facilisis varius libero eget sodales. Nulla eu leo libero. Etiam eu iaculis metus. Curabitur semper vel mauris at venenatis. Etiam dictum ante arcu, luctus sodales urna dictum nec. Nunc lacinia gravida turpis a imperdiet. Sed diam felis, tempor nec vestibulum sit amet, vehicula ut nibh.</span></div><br/><div style="font-size: 11px; text-align:center"><a href="https://aadelrun.forumactif.com/" style="color:#84A4B0">Code par Aadelrun</a></div></div>