diff --git a/src/fr/devinsy/statoolinfos/htmlize/serviceListView.xhtml b/src/fr/devinsy/statoolinfos/htmlize/serviceListView.xhtml
index 641ccda..139d95f 100644
--- a/src/fr/devinsy/statoolinfos/htmlize/serviceListView.xhtml
+++ b/src/fr/devinsy/statoolinfos/htmlize/serviceListView.xhtml
@@ -12,6 +12,76 @@
 </head>
 <body>
 	<div class="center_table" style="width: 1300px;">
+
+		<div class="legend right" style="float: right; margin-top: -150px;">
+			<div class="row">
+				<div class="column left">
+					<img src="status-ok.png" title="n/a"/> OK<br/>
+					<img src="status-warning.png" title="n/a"/>Warning<br/>
+					<img src="status-alert.png" title="n/a"/>Alert<br/>
+					<img src="status-error.png" title="n/a"/>Error<br/>
+					<img src="status-over.png" title="n/a"/>Over<br/>
+					<img src="status-void.png" title="n/a"/>Void
+				</div>
+				<div class="column left">
+					<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
+					<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre<br/>
+					<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
+					<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients<br/>
+					<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
+					<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
+				</div>
+				<div class="column left">
+					<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
+					<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact<br/>
+					<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
+					<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique<br/>
+					<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
+					<img src="circle-icons/color/dev.png" title="Sources"/>Sources
+				</div>
+			</div>
+		</div>
+	
+		<div class="legend center">
+			<div class="row">
+				<div class="column">
+					<img src="status-ok.png" title="n/a"/> OK<br/>
+					<img src="status-warning.png" title="n/a"/>Warning
+				</div>
+				<div class="column">
+					<img src="status-alert.png" title="n/a"/>Alert<br/>
+					<img src="status-error.png" title="n/a"/>Error
+				</div>
+				<div class="column">
+					<img src="status-over.png" title="n/a"/>Over<br/>
+					<img src="status-void.png" title="n/a"/>Void
+				</div>
+				<div class="column">
+					<img src="circle-icons/mono/global.png" title="Sans compte"/>Sans compte<br/>
+					<img src="circle-icons/mono/profile.png" title="Compte libre"/>Compte libre
+				</div>
+				<div class="column">
+					<img src="circle-icons/mono/money.png" title="Réservé aux adhérents"/>Adhérents<br/>
+					<img src="circle-icons/mono/creditcard.png" title="Réservé aux clients"/>Clients
+				</div>
+				<div class="column">
+					<img src="circle-icons/color/cruise.png" title="Site web"/>Site web<br/>
+					<img src="circle-icons/color/ribbon.png" title="Mentions légales"/>Mentions légales
+				</div>
+				<div class="column">
+					<img src="circle-icons/color/contacts.png" title="Page web de contact"/>Page web contact<br/>
+					<img src="circle-icons/color/mail.png" title="Courriel de contact/support"/>Courriel de contact
+				</div>
+				<div class="column">
+					<img src="circle-icons/color/bookshelf.png" title="Documentation"/>Guide utilisateur<br/>
+					<img src="circle-icons/color/tools.png" title="Documentation technique"/>Guide technique
+				</div>
+				<div class="column">
+					<img src="circle-icons/color/booklet.png" title="Licence"/>License<br/>
+					<img src="circle-icons/color/dev.png" title="Sources"/>Sources
+				</div>
+			</div>
+		</div>
 		<table class="center_table table_classic sortable left">
 			<thead>
 				<tr>
diff --git a/src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css b/src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css
index 1fef7c4..0fef941 100644
--- a/src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css
+++ b/src/fr/devinsy/statoolinfos/htmlize/stuff/statoolinfos.css
@@ -771,3 +771,20 @@ table > tfoot > tr > th.danger
 	vertical-align: middle;
 }
 
+.legend img
+{
+	width: 16px;
+	height: 16px;
+	padding: 0;
+	margin-right: 5px;
+	margin-bottom: 5px;
+	vertical-align: middle;
+}
+
+.legend .column
+{
+	margin-top: 5px;
+	margin-left: 25px;
+	font-size: 12px;
+	text-align: left;
+}
