diff --git a/admin/themes/default/template/admin.tpl b/admin/themes/default/template/admin.tpl
index 318075406..1635c5127 100644
--- a/admin/themes/default/template/admin.tpl
+++ b/admin/themes/default/template/admin.tpl
@@ -131,6 +131,7 @@ $('#menubar').lightAccordion({
 
   {if isset($errors)}
   <div class="errors">
+    <i class="eiw-icon icon-cancel"></i>
     <ul>
       {foreach from=$errors item=error}
       <li>{$error}</li>
@@ -141,6 +142,7 @@ $('#menubar').lightAccordion({
 
   {if isset($infos)}
   <div class="infos">
+    <i class="eiw-icon icon-ok"></i>
     <ul>
       {foreach from=$infos item=info}
       <li>{$info}</li>
@@ -151,6 +153,7 @@ $('#menubar').lightAccordion({
 
   {if isset($warnings)}
   <div class="warnings">
+    <i class="eiw-icon icon-attention"></i>
     <ul>
       {foreach from=$warnings item=warning}
       <li>{$warning}</li>
diff --git a/admin/themes/default/template/intro.tpl b/admin/themes/default/template/intro.tpl
index a3c56c214..02e00769b 100644
--- a/admin/themes/default/template/intro.tpl
+++ b/admin/themes/default/template/intro.tpl
@@ -23,7 +23,7 @@ jQuery().ready(function(){
       piwigo_update = data['result']['piwigo_need_update'];
       ext_update = data['result']['ext_need_update']
       if ((piwigo_update || ext_update) && !jQuery(".warnings").is('div'))
-        jQuery("#content").prepend('<div class="warnings"><ul></ul></div>');
+        jQuery("#content").prepend('<div class="warnings"><i class="eiw-icon icon-attention"></i><ul></ul></div>');
       if (piwigo_update)
         jQuery(".warnings ul").append('<li>'+piwigo_need_update_msg+'</li>');
       if (ext_update)
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 0aa0dba1a..1bf7ca05c 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -805,31 +805,38 @@ h2:lang(en) { text-transform:capitalize; }
  */
 .infos, .errors, .warnings {
   text-align: left;
-  margin: 5px;
-  padding: 10px 50px 10px 10px;
+  margin: 15px 10px 15px 15px;
+  padding: 5px;
   font-weight:bold;
-  background-repeat: no-repeat;
-  background-position: 5px 5px;
-  padding:5px 70px 0pt 53px;
   min-height: 54px;
 }
 
+.infos ul, .errors ul, .warnings ul {
+  margin-top:18px;
+}
+
+.eiw-icon {
+  float: left;
+  font-size: 40px;
+  margin-right: 20px;
+}
+
 .infos {
   color: #0a0;
   background-color:#c2f5c2;
-  background-image: url(icon/infos.png);
+  border-left:4px solid #0a0;
 }
 
 .errors {
   color: #f22;
   background-color: #ffd5dc;
-  background-image: url(icon/errors.png);
+  border-left: 4px solid #f22;
 }
 
 .warnings {
   color: #ee8800;
   background-color:#ffdd99;
-  background-image: url(icon/warnings.png);
+  border-left:4px solid #ee8800;
 }
 
 .infos li, .errors li, .warnings li { list-style-type:square; }