diff --git a/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala b/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
index 8a721973aec..25ff4205270 100644
--- a/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
+++ b/rudder-web/src/main/scala/com/normation/rudder/web/services/DisplayDirectiveTree.scala
@@ -175,15 +175,31 @@ object DisplayDirectiveTree extends Loggable {
               )
           }
       }
-
+      def isDeprecated   = {
+        activeTechnique.techniques.values.forall { t => t.deprecrationInfo.isDefined }
+      }
+      def deprecatedIcon = {
+        if(isDeprecated){
+          <span class="fa fa-info-circle icon-info"></span>
+        }else{
+          NodeSeq.Empty
+        }
+      }
+      def deprecatedInfo = {
+        if(isDeprecated){
+          <div class="deprecated-info">{deprecatedIcon}All versions of this technique are deprecated.</div>
+        }else{
+          NodeSeq.Empty
+        }
+      }
       override def body = {
         val tooltipId = Helpers.nextFuncName
 
         //display information (name, etc) relative to last technique version
-
         val xml = activeTechnique.newestAvailableTechnique match {
           case Some(technique) =>
-            <span class="treeActiveTechniqueName tooltipable" tooltipid={tooltipId} title="">{technique.name}
+            <span class="treeActiveTechniqueName tooltipable" tooltipid={tooltipId} title="">
+              {technique.name}
             </span>
             <div class="tooltipContent" id={tooltipId}>
               <h3>{technique.name}</h3>
@@ -244,7 +260,7 @@ object DisplayDirectiveTree extends Loggable {
         val deprecated = technique.flatMap(_.deprecrationInfo) match {
           case Some(info) =>
             val tooltipId = Helpers.nextFuncName
-            <span class="fa fa-exclamation text-danger deprecatedTechniqueIcon tooltipable" style="padding-left:5px" tooltipid={tooltipId} title=""></span>
+            <img src="/images/f.svg" class="deprecation-icon" tooltipid={tooltipId} title=""/>
             <div class="tooltipContent" id={tooltipId}>
               <div>Deprecated: {info.message}</div>
             </div>
@@ -264,15 +280,15 @@ object DisplayDirectiveTree extends Loggable {
               }
 
           val tooltipId = Helpers.nextFuncName
-          <span class="treeDirective tooltipable" tooltipid={tooltipId} title="" ><span id={"badge-apm-"+tooltipId}>[BADGE]</span>[{directive.techniqueVersion.toString}] {directive.name}
-          {
-
-              if(isAssignedTo <= 0) {
-                <span style="padding-left:5px" class="fa fa-warning text-warning-rudder"></span>
-              } else {
-                NodeSeq.Empty
-              }
-          }
+          <span class="treeDirective tooltipable" tooltipid={tooltipId} title="" >
+            <span id={"badge-apm-"+tooltipId}>[BADGE]</span>
+            [{directive.techniqueVersion.toString}]
+            {directive.name}
+            {if(isAssignedTo <= 0) {
+              <span style="padding-left:5px" class="fa fa-warning text-warning-rudder"></span>
+            } else {
+              NodeSeq.Empty
+            }}
           </span>  ++
           Script(JsRaw(s"""$$('#badge-apm-${tooltipId}').replaceWith(createBadgeAgentPolicyMode('directive',"${policyMode}", "${explanation.toString()}"))""")) ++
           deprecated ++
@@ -282,7 +298,7 @@ object DisplayDirectiveTree extends Loggable {
             <div>{directive.shortDescription}</div>
             <div>Technique version: {directive.techniqueVersion.toString}</div>
             <div>{s"Used in ${isAssignedTo} rules" }</div>
-              { if(!directive.isEnabled) <div>Disable</div> }
+            {if(!directive.isEnabled) <div>Disable</div>}
           </div>
 
         }
diff --git a/rudder-web/src/main/webapp/style/rudder/rudder-directives.css b/rudder-web/src/main/webapp/style/rudder/rudder-directives.css
index 0a0f3b83988..d81ee3f4ff1 100644
--- a/rudder-web/src/main/webapp/style/rudder/rudder-directives.css
+++ b/rudder-web/src/main/webapp/style/rudder/rudder-directives.css
@@ -116,5 +116,18 @@
   padding:0 0 0 15px;
 }
 .version-group select.form-control{
-  margin-right:5px;
+    margin-right:5px;
+}
+
+.deprecated-info{
+  margin-top:5px;
+  color: #337ab7;
+}
+.deprecated-info .icon-info{
+  margin-left:3px;
+}
+.deprecation-icon{
+  height:14px;
+  position:relative;
+  top:-2px;
 }
\ No newline at end of file
diff --git a/rudder-web/src/main/webapp/style/rudder/rudder-menu.css b/rudder-web/src/main/webapp/style/rudder/rudder-menu.css
index 82bba6d0417..50db2f97220 100644
--- a/rudder-web/src/main/webapp/style/rudder/rudder-menu.css
+++ b/rudder-web/src/main/webapp/style/rudder/rudder-menu.css
@@ -1149,6 +1149,9 @@ table > tbody > tr > td.action{
 .ui-widget.ui-tooltip li b{
   color : #f08004;
 }
+.text-grey-rudder{
+  color:#555;
+}
 .text-warning-rudder{
   color: #f08004;
 }
@@ -1376,7 +1379,7 @@ form .tooltip-content p {
   float: left;
   font-family: Verdana,Arial,sans-serif;
 }
-.tw-bs label > .icon-info{
+.icon-info{
   margin-left: 5px;
   color: #337ab7;
   cursor:help;