Cadres pour messages

<div style="background-color: #c38cc8; border-radius: 5px; border: 2px solid#1c75c8; padding: 3px;">
<strong>Information</strong>: A toi essayer maintenant, ceci peut être utile pour faire une annonce à ne pas louper.</div>

<div style="background-color: #ccf499; border-radius: 5px; border: 2px solid #61380B; padding: 3px; width: 300px; margin: auto;">
<strong>Information</strong>: Ou celui-ci est bien aussi non</div>

<div style="padding:5px; background-color:#9ba0ee; border:2px solid #656ab0; -moz-border-radius:9px; -khtml-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;">
<div style="font-size: 3em; float: left; width: 40px; text-align: center; margin-right: 5px; height: 20px; padding:3px;">?</div>
<strong>Cadre d'information</strong>: Ceci est parfait pour que personnes loupent votre annonce, pas mal à réaliser c'est tout simple.
</div>

<div style="padding:5px; background-color:#e8354a; border:2px solid #ff3924; -moz-border-radius:9px; -khtml-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;">
<div style="padding: 4px; font-size: 3em; float: left; width: 40px; text-align: center; margin-right: 5px; height: 20px;">!</div>
<strong>Avertissement</strong>: Voici une façon de faire avertissement, comme un message à lire, sans le louper
</div>