3 files changed, 25 insertions, 0 deletions
diff --git a/templates/chimere/blocks/categories.html b/templates/chimere/blocks/categories.html
index bb72a78..f43030f 100644
--- a/templates/chimere/blocks/categories.html
+++ b/templates/chimere/blocks/categories.html
@@ -3,6 +3,7 @@
         {% for category, lst_sub_categories in sub_categories %}
         <li class='main_category {% if category.selected %}toggle_minus{%else%}toggle_plus{%endif%}'>
             <span id='main_category_{{category.pk}}'>
+                <i class="triangle"></i>
                 <label>
                     {% trans category.name %}
                     <i class="fa fa-check main-category-tick"
diff --git a/templates/chimere/dyn.css b/templates/chimere/dyn.css
new file mode 100644
index 0000000..4d47b31
--- /dev/null
+++ b/templates/chimere/dyn.css
@@ -0,0 +1,23 @@
+{% for pk, color in categories %}
+.main_category.toggle_plus > span#main_category_{{pk}} > label,
+.main_category.toggle_minus > span#main_category_{{pk}} > label{% if not forloop.last %}, {% endif%}{% endfor %} {
+    background-color:transparent;
+    color: #777;
+}
+{% for pk, color in categories %}
+#main_category_{{pk}}.category-selected .triangle{% if not forloop.last %}, {% endif%}{% endfor %} {
+    border-color: transparent transparent transparent #fff;
+}
+
+{% for pk, color in categories %}
+#main_category_{{pk}} .triangle{
+    border-color: transparent transparent transparent {{color}};
+}
+
+#ul_categories #maincategory_{{pk}}.subcategories li .selected label,
+.main_category.toggle_plus > span#main_category_{{pk}}.category-selected > label,
+.main_category.toggle_minus > span#main_category_{{pk}}.category-selected > label{
+    background-color: {{color}};
+    color: #fff;
+}
+{% endfor %}
diff --git a/templates/chimere/main_map.html b/templates/chimere/main_map.html
index c95f064..8bf77d7 100644
--- a/templates/chimere/main_map.html
+++ b/templates/chimere/main_map.html
@@ -21,6 +21,7 @@
 </script>
 <script src="{{ STATIC_URL }}saclay/js/interface.js?ver={{SACLAY_VERSION}}" type="text/javascript"></script>
 {{ block.super }}
+<link rel="stylesheet" type="text/css" href="{% url 'dyn-css' %}" />
 {% endblock %}
 {% block message_edit %}{% endblock %}
 {% block sidebar %}