diff --git a/inc/myco.js b/inc/myco.js
index 658c446..658148b 100644
--- a/inc/myco.js
+++ b/inc/myco.js
@@ -23,6 +23,12 @@ refresh_group_list=function() {
 /****************
  * Add group
  ****************/
+
+on_click_add_group_btn=function(e) {
+  $('#navbar-groupe-collapse').collapse('hide');
+  $('#add_group_modal').modal('show');
+}
+
 on_show_add_group_modal=function(e) {
   $('#add_group_modal #add_group_name').focus();
 }
@@ -371,6 +377,7 @@ $( document ).ready( function() {
     alert('Local storage not supported !');
   }
 
+  $('#add_group_btn').bind('click',on_click_add_group_btn);
   $('#add_group_submit').bind('click',on_valid_add_group_modal);
   $("#add_group_modal").on('shown.bs.modal',on_show_add_group_modal);
   $("#add_group_modal").on('hidden.bs.modal',on_close_add_group_modal);
diff --git a/index.html b/index.html
index 3625202..6600541 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@ body{
                 <li><a class='group-choice'>Quotidien</a></li>
                 <li><a class='group-choice'>Noël</a></li>
                 <li class="divider"></li>
-                <li><a href="#" id='add_group' data-toggle="modal" data-target="#add_group_modal">Nouveau</a></li>
+                <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal">Nouveau</a></li>
               </ul>
             </li>
             <li><a id='clear_local_data'>Purger les données locales</a></li>