diff --git a/topologie/templates/topologie/index.html b/topologie/templates/topologie/index.html
index 6e140251..a69d87d0 100644
--- a/topologie/templates/topologie/index.html
+++ b/topologie/templates/topologie/index.html
@@ -29,10 +29,17 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 {% block title %}Switchs{% endblock %}
 
 {% block content %}
+
+
+<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collImg" aria-expanded="false" aria-controls="collapse">
+    Topologie des Switchs
+  </button>
+
+<div id="collImg">
 <img id="zoom_01" src="/media/images/switchs.png" data-zoom-image="/media/images/switchs.png" width=100% />
+</div>
 
 <script type="text/javascript" src="/static/js/jquery.ez-plus.js"></script>
-
 <script>
 $("#zoom_01").ezPlus({
     scrollZoom: true,