diff --git a/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Config/permmodo.html.twig b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Config/permmodo.html.twig
new file mode 100644
index 00000000..bf27e211
--- /dev/null
+++ b/src/ninegate-1.0/src/Cadoles/CoreBundle/Resources/views/Config/permmodo.html.twig
@@ -0,0 +1,49 @@
+{% extends '@CadolesCore/base.html.twig' %}
+
+{% block pagewrapper %}
+    <form>
+    <h1 class="page-header">Modération</h1>
+
+    <div class="panel panel-primary">
+        <div class="panel-heading">
+            <i class="fa fa-table fa-fw"></i> Permissions Modérateur
+        </div>
+
+        <div class="panel-body">
+            <div class="dataTable_wrapper">
+                <table class="table table-striped table-bordered table-hover" id="dataTables" style="width:100%">
+                    <thead>
+                    <tr>
+                        <th width="70px">Action</th>
+                        <th width="200px">Permission</th>
+                    </tr>
+                    </thead>
+
+                    
+                    {% for permmodo in permmodos %}
+                        <tr>
+                            <td>{{ permmodo.label}}</td>
+                            <td>
+                                {% if permmodo.visible %} oui {%else%} non {%endif %}
+                            </td>
+                        </tr>
+                    {% endfor %}
+                </table>
+            </div>
+        </div>
+    </div>
+    </form>
+{% endblock %}
+
+{% block localjavascript %}
+    function showInfo(id) {
+        $("#modalinfo #modalinfotext").html($("#"+id).attr("data").replace(/\n/g, "<br />"));
+    }
+
+
+    $(document).ready(function() {
+        $('#dataTables').DataTable({
+            responsive: true,
+        });
+    });
+{% endblock %}