style message d 27erreur css

1<div class="reponse">Exemple de message de réponse.</div>
2<div class="reponse error">Oooops ! Exemple de message d'erreur.</div>
3<div class="reponse notice">Attention ! Exemple de message d'alerte.</div>
4<div class="reponse success">Bravo ! Exemple de message de succès.</div>
5<div class="reponse info">Exemple de message d'information.</div>

1.reponse { margin-bottom: 1.5em; padding: 1em; border: 2px solid; }
2.error { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
3.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
4.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
5.info { background: #d5edf8; color: #205791; border-color: #92cae4; }