<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="background"><div class="h1">Titre</div>
<div class="contenu"><span class="h2">XX.XX.XX -</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</div>
<div class="contenu"><span class="h2">XX.XX.XX -</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</div>
<div class="credits-fiche"><a href="http://remember-the-onirism.com">Code par Anuska</a></div></div>

/*---------------------------- FICHE ANNONCE PAR AADELRUN ----------------------------*/
.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;
  padding:30px;
}

.h1 {
  text-align:center;
  color:#2F3D4F;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
}

.contenu {
  background-color:#D7D8D9;
  padding:10px;
  text-align:justify;
  color:#292929;
  font-size:12px;
}

.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;

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

.credits-fiche a {
  color:#84A4B0 !important;
}

/*----------- Fin Annonces ----------*/

<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="text-align:center; color:#2F3D4F; font-size:30px; font-family: 'Julius Sans One', sans-serif;">Titre</div>
<div style="background-color:#D7D8D9; padding:10px; text-align:justify; color:#292929; font-size:12px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">XX.XX.XX -</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</div>
<div style="background-color:#D7D8D9; padding:10px; text-align:justify; color:#292929; font-size:12px;"><span style="color:#84A4B0; font-size:18px; font-family: 'Unica One', cursive;">XX.XX.XX -</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod ante sit amet sem fringilla tincidunt. Praesent ut laoreet erat, non imperdiet turpis. Sed turpis dolor, feugiat vel purus vitae, aliquet mattis dolor. Vivamus a velit fringilla, semper velit volutpat, lacinia enim. Maecenas imperdiet fringilla ex, a pharetra massa egestas et. Suspendisse tincidunt mi ex, vel dictum leo porta vel. Phasellus malesuada ex sit amet risus mattis, ut pharetra libero pulvinar. In blandit semper hendrerit.

Sed imperdiet imperdiet viverra. Integer fringilla magna nibh, at posuere risus pharetra in. Pellentesque sapien nisl, consequat sed eros vitae, auctor sagittis libero. Nunc dictum elit at lorem convallis, mattis tristique nisl cursus. Proin quis convallis eros, eu mollis felis. Fusce consequat ornare velit, sed congue lacus facilisis vel. Vivamus vel lectus sed diam imperdiet pellentesque. Curabitur tempus pretium suscipit. Praesent tincidunt erat fermentum dui hendrerit, in pellentesque risus euismod. In condimentum purus vestibulum nibh vulputate, sed egestas elit rhoncus. Maecenas sit amet euismod ex, nec tempus est. Donec quis orci tristique, vehicula justo nec, egestas lorem. Morbi sed nulla arcu. Nunc porta ut libero fermentum consectetur. Phasellus quis sodales tellus.</div>
<div style="text-align:center;"><a href="https://aadelrun.forumactif.com" style="color:#84A4B0">Code par Aadelrun</a></div></div>