@@ -102,23 +102,44 @@ body > .container-fluid {

 }

 .fixed-bottom .form-group {

-    margin-bottom: 0px !important;

+    margin-bottom: 5px !important;

     padding-left: 0px;

+    padding-right: 5px;

+    float: left;

 }

-.fixed-bottom .col-xs-3 {

-    padding-left: 5px;

-    padding-right: 5px;

-    margin-bottom: 5px !important;

+.fixed-bottom #saveFile {

+    padding-top: 4px;

+    padding-bottom: 4px;

+    padding-left: 10px;

+    padding-right: 10px;

 }

-.fixed-bottom .col-xs-6 {

-    padding-left: 5px;

-    padding-right: 5px;

-    margin-bottom: 5px !important;

+#form-message .focusin {

+    width: calc(100% - 30px);

+}

+

+#form-message .unfocus {

+    width: calc(100% - 210px);

+}

+

+#form-totoz .unfocus {

+    width: 30px;

+}

+

+#form-totoz .focusin {

+    width: 210px;

 }

+#form-totoz .unfocus  #totoz-search {

+    display: none;

+}

+#form-totoz .unfocus .input-group-addon {

+    border: 1px solid rgb(204, 204, 204);

+    border-radius: 4px;

+    padding-bottom: 7px;

+}

 .fixed-top-left {

     position: fixed;

@@ -143,7 +164,8 @@ body > .container-fluid {

 }

 #form-totoz .input-group-addon {

-    width: 1% !important;

+    padding-left: 6px;

+    padding-right: 6px;

 }

 td.maxwidth90 {

@@ -53,9 +53,6 @@

                         <a href="#" id="launchDuck" title="Lancer un \_o<"><img src="img/coin.png"></a>

                     </li>

                     <li>

-                        <a href="#" id="saveFile" title="Envoyer un fichier" data-toggle="modal" data-target="#fileModal"><span class="glyphicon glyphicon-transfer"></span></a>

-                    </li>

-                    <li>

                         <a href="#" id="forceRefresh" title="Rafraîchir les tribunes"><span class="glyphicon glyphicon-refresh"></span></a>

                     </li>

                     <li>

@@ -105,7 +102,7 @@

                 <div class="col-xs-12">

                     <div class="fixed-bottom">

                         <form class="form-inline" id="form-message">

-                            <div class="form-group col-xs-9">

+                            <div class="form-group focusin">

                                 <div class="input-group input-wide">

                                     <div class="input-group-btn dropup">

                                         <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

@@ -115,11 +112,14 @@

                                         </ul>

                                     </div>

                                     <input type="text" class="form-control input-sm" id="message" placeholder="\_o<">

+                                    <div class="input-group-btn">

+                                        <button class="btn btn-default" type="button" id="saveFile" title="Envoyer un fichier" data-toggle="modal" data-target="#fileModal"><span class="glyphicon glyphicon-file"></span></button>

+                                    </div>

                                 </div>

                             </div>

                         </form>

                         <form id="form-totoz" class="form-inline">

-                            <div class="form-group col-xs-3">

+                            <div class="form-group unfocus">

                                 <div class="input-group input-wide">

                                     <div class="input-group-addon"><span class="glyphicon glyphicon-picture"></span></div>

                                     <input type="text" id="totoz-search" class="form-control input-sm" placeholder="Totoz...">

@@ -210,7 +210,7 @@

                                 </div>

                             </div>

                             <div class="form-group">

-                                <label for="config-favicon" class="col-sm-4 control-label">Icone de la fenêtre</label>

+                                <label for="config-favicon" class="col-sm-4 control-label">Icône de la fenêtre</label>

                                 <div class="col-sm-8">

                                     <input type="text" class="form-control" id="config-favicon">

                                 </div>

@@ -787,14 +787,16 @@ $(document).ready(function(){

         insertInPalmi($(this).data('totoz'));

     });

-    $("#form-totoz").focusin(function(){

-        $("#form-message .form-group").addClass('col-xs-3').removeClass('col-xs-9');

-        $("#form-totoz .form-group").addClass('col-xs-9').removeClass('col-xs-3');

+    $("#form-totoz .input-group-addon").on('click', function(e){

+        $("#form-message .form-group").addClass('unfocus').removeClass('focusin');

+        $("#form-totoz .form-group").addClass('focusin').removeClass('unfocus');

+        $("#form-totoz input").focus();

     });

+

     $("#form-message").on("focusin click", function(e){

         if($("#form-totoz .popover").length == 0 || e.type == "click") {

-            $("#form-message .form-group").addClass('col-xs-9').removeClass('col-xs-3');

-            $("#form-totoz .form-group").addClass('col-xs-3').removeClass('col-xs-9');

+            $("#form-message .form-group").addClass('focusin').removeClass('unfocus');

+            $("#form-totoz .form-group").addClass('unfocus').removeClass('focusin');

         }

     });