Boutons commandes automatiques

Pour une meilleure ergonomie : 
Ajout d'un bouton dans le menu principal en sous menu de "Commandes".
Création des CSS pour les sous-menus.
Déplacement du bouton présent dans les commandes en dessous du bouton "Créer commande".

backend/views/commande/index.php

                                         <?php endforeach; ?>
                                         </ul>
                                         <?= Html::a('<span class="glyphicon glyphicon-plus"></span> Créer une commande', 'javascript:void(0);', ['class' => 'btn btn-default creer-commande', 'data-pv-id' => $pv->id]) ?>
+                                        <?= Html::a('<span class="glyphicon glyphicon-repeat"></span> Commandes automatiques', ['commandeauto/index'], ['class' => 'btn btn-default commandes-auto', 'data-pv-id' => $pv->id]) ?>
                                     </div>
                                     
                                     <div class="col-md-8">

backend/views/layouts/main.php

                 ],
             ]);
             $menuItems = [
-            	['label' => '<span class="glyphicon glyphicon-calendar"></span> Commandes', 'url' => ['/commande/index'], 'visible'=> !Yii::$app->user->isGuest],
+            	[
+                    'label' => '<span class="glyphicon glyphicon-calendar"></span> Commandes', 
+                    'url' => ['/commande/index'], 
+                    'visible'=> !Yii::$app->user->isGuest,
+                    'items' => [
+                        [
+                            'label' => '<span class="glyphicon glyphicon-calendar"></span> Commandes par production',
+                            'url' => ['/commande/index'],
+                            'visible' => !Yii::$app->user->isGuest
+                        ],
+                        [
+                            'label' => '<span class="glyphicon glyphicon-repeat"></span> Commandes automatiques',
+                            'url' => ['/commandeauto/index'],
+                            'visible' => !Yii::$app->user->isGuest
+                        ],
+                    ]
+                ],
                 ['label' => '<span class="glyphicon glyphicon-grain"></span> Produits', 'url' => ['/produit/index'], 'visible'=> !Yii::$app->user->isGuest],
                 ['label' => '<span class="glyphicon glyphicon-map-marker"></span> Points de vente', 'url' => ['/point-vente/index'], 'visible'=> !Yii::$app->user->isGuest],
                 ['label' => '<span class="glyphicon glyphicon-user"></span> Utilisateurs', 'url' => ['/user/index'], 'visible'=> !Yii::$app->user->isGuest],

backend/web/css/screen.css

 /* line 78, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li > a {
   color: white;
-  padding: 3px 14px;
+  margin-left: 3px;
+  padding: 3px 11px;
 }
-/* line 82, ../sass/screen.scss */
+/* line 83, ../sass/screen.scss */
 .navbar-inverse .navbar-nav > li > a:hover {
   color: #F8F1DD;
 }
-/* line 89, ../sass/screen.scss */
-.navbar-inverse .navbar-nav > li.active a {
+/* line 91, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > li.active a,
+.navbar-inverse .navbar-nav > .open a {
+  margin-left: 3px;
   background-color: #F8F1DD;
   color: #BB8757;
-  padding: 3px 14px;
+  padding: 3px 11px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
 }
-/* line 95, ../sass/screen.scss */
-.navbar-inverse .navbar-nav > li.active a:hover {
+/* line 98, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > li.active a:hover, .navbar-inverse .navbar-nav > li.active a:focus,
+.navbar-inverse .navbar-nav > .open a:hover,
+.navbar-inverse .navbar-nav > .open a:focus {
   background-color: #F8F1DD;
   color: #BB8757;
 }
+/* line 107, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > .open a.dropdown-toggle {
+  -moz-border-radius: 10px 10px 0px 0px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px 10px 0px 0px;
+}
+/* line 111, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > .open ul.dropdown-menu {
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -moz-border-radius: 10px 0px 10px 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px 0px 10px 10px;
+  border-top: 0px none;
+  right: -1px;
+}
+/* line 117, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > .open ul.dropdown-menu li a {
+  background-color: transparent;
+}
+/* line 120, ../sass/screen.scss */
+.navbar-inverse .navbar-nav > .open ul.dropdown-menu li a:hover {
+  color: #9f6e40;
+}
 
-/* line 103, ../sass/screen.scss */
+/* line 136, ../sass/screen.scss */
 #alerts-fixed {
   position: fixed;
   bottom: 20px;
   left: 20px;
 }
-/* line 108, ../sass/screen.scss */
+/* line 141, ../sass/screen.scss */
 #alerts-fixed .alert {
   margin-top: 20px;
 }
 
-/* line 113, ../sass/screen.scss */
+/* line 146, ../sass/screen.scss */
 .nom-boulange {
   margin-bottom: 15px;
   text-align: left;
   -webkit-box-shadow: 0px 0px 5px gray;
   box-shadow: 0px 0px 5px gray;
 }
-/* line 132, ../sass/screen.scss */
+/* line 165, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement {
   float: right;
   text-align: right;
   color: #8d6139;
   font-size: 16px;
 }
-/* line 137, ../sass/screen.scss */
+/* line 170, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement .strong {
   background-color: white;
   color: #BB8757;
   border-radius: 10px;
   padding: 0px 10px;
 }
-/* line 143, ../sass/screen.scss */
+/* line 176, ../sass/screen.scss */
 .nom-boulange #etat-paiement-etablissement .btn {
   padding: 2px 5px;
 }
 
-/* line 151, ../sass/screen.scss */
+/* line 184, ../sass/screen.scss */
 .table thead th.actions {
   width: 220px;
 }
-/* line 154, ../sass/screen.scss */
+/* line 187, ../sass/screen.scss */
 .table thead th.order {
   width: 58px;
 }
-/* line 157, ../sass/screen.scss */
+/* line 190, ../sass/screen.scss */
 .table thead th.actif {
   width: 75px;
   text-align: center;
 }
-/* line 163, ../sass/screen.scss */
+/* line 196, ../sass/screen.scss */
 .table tbody td.center {
   text-align: center;
 }
 
-/* line 176, ../sass/screen.scss */
+/* line 209, ../sass/screen.scss */
 #page-commande h1 .btn-group {
   float: right;
 }
-/* line 181, ../sass/screen.scss */
+/* line 214, ../sass/screen.scss */
 #page-commande #col-left, #page-commande #col-right {
   padding-left: 0px;
   padding-right: 0px;
 }
-/* line 185, ../sass/screen.scss */
+/* line 218, ../sass/screen.scss */
 #page-commande #col-right {
   padding-left: 20px;
 }
-/* line 189, ../sass/screen.scss */
+/* line 222, ../sass/screen.scss */
 #page-commande #jours-production {
   display: none;
 }
-/* line 195, ../sass/screen.scss */
+/* line 228, ../sass/screen.scss */
 #page-commande #calendar h2 {
   font-size: 20px;
   position: relative;
   top: 3px;
 }
-/* line 201, ../sass/screen.scss */
+/* line 234, ../sass/screen.scss */
 #page-commande #calendar .fc-header-title {
   margin-left: 10px;
 }
-/* line 207, ../sass/screen.scss */
+/* line 240, ../sass/screen.scss */
 #page-commande #calendar .dayWithEvent {
   background-color: #fee48d;
   cursor: pointer;
 }
-/* line 211, ../sass/screen.scss */
+/* line 244, ../sass/screen.scss */
 #page-commande #calendar .fc-event-container {
   display: none;
 }
-/* line 212, ../sass/screen.scss */
+/* line 245, ../sass/screen.scss */
 #page-commande #calendar .fc-today {
   border-bottom: solid 1px #C9302C;
   background-color: white;
 }
-/* line 216, ../sass/screen.scss */
+/* line 249, ../sass/screen.scss */
 #page-commande #calendar .fc-today.dayWithEvent {
   background-color: #fee48d;
 }
-/* line 221, ../sass/screen.scss */
+/* line 254, ../sass/screen.scss */
 #page-commande #calendar .fc-day {
   cursor: pointer;
   text-align: center;
 }
-/* line 224, ../sass/screen.scss */
+/* line 257, ../sass/screen.scss */
 #page-commande #calendar .fc-day:hover {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 229, ../sass/screen.scss */
+/* line 262, ../sass/screen.scss */
 #page-commande #calendar .current-date {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 233, ../sass/screen.scss */
+/* line 266, ../sass/screen.scss */
 #page-commande #calendar .fc-day-number {
   float: none;
   padding-top: 2px;
 }
-/* line 241, ../sass/screen.scss */
+/* line 274, ../sass/screen.scss */
 #page-commande #bloc-production .label {
   float: right;
   font-size: 13px;
 }
-/* line 246, ../sass/screen.scss */
+/* line 279, ../sass/screen.scss */
 #page-commande #bloc-production .btn-success {
   background-color: #5cb85c;
   border-color: #4cae4c;
 }
-/* line 259, ../sass/screen.scss */
+/* line 292, ../sass/screen.scss */
 #page-commande #produits-production .overflow table {
   width: 100%;
 }
-/* line 263, ../sass/screen.scss */
+/* line 296, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead, #page-commande #produits-production .overflow tbody, #page-commande #produits-production .overflow tr, #page-commande #produits-production .overflow td, #page-commande #produits-production .overflow th {
   display: block;
 }
-/* line 265, ../sass/screen.scss */
+/* line 298, ../sass/screen.scss */
 #page-commande #produits-production .overflow tr:after {
   content: ' ';
   display: block;
   visibility: hidden;
   clear: both;
 }
-/* line 272, ../sass/screen.scss */
+/* line 305, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   height: 30px;
   /*text-align: left;*/
 }
-/* line 278, ../sass/screen.scss */
+/* line 311, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody {
   height: 500px;
   overflow-y: auto;
 }
-/* line 286, ../sass/screen.scss */
+/* line 319, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   width: 32%;
   float: left;
 }
-/* line 291, ../sass/screen.scss */
+/* line 324, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody td {
   width: 33%;
   float: left;
 }
-/* line 296, ../sass/screen.scss */
+/* line 329, ../sass/screen.scss */
 #page-commande #produits-production .overflow .td-produit {
   width: 60%;
 }
-/* line 299, ../sass/screen.scss */
+/* line 332, ../sass/screen.scss */
 #page-commande #produits-production .overflow .td-actif, #page-commande #produits-production .overflow .td-max {
   width: 20%;
   text-align: center;
 }
-/* line 305, ../sass/screen.scss */
+/* line 338, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead .td-produit {
   width: 57%;
 }
-/* line 311, ../sass/screen.scss */
+/* line 344, ../sass/screen.scss */
 #page-commande #produits-production input.quantite-max {
   background-color: white;
   border: 1px solid #e0e0e0;
   text-align: center;
   width: 50px;
 }
-/* line 319, ../sass/screen.scss */
+/* line 352, ../sass/screen.scss */
 #page-commande #produits-production td label {
   font-weight: normal;
 }
-/* line 325, ../sass/screen.scss */
+/* line 358, ../sass/screen.scss */
 #page-commande #btn-export-commandes,
 #page-commande #btn-commande-auto {
   float: right;
   right: -7px;
   padding: 2px 5px;
 }
-/* line 334, ../sass/screen.scss */
+/* line 367, ../sass/screen.scss */
 #page-commande #btn-export-commandes {
   color: white;
   margin-left: 10px;
   padding: 1px 5px;
 }
-/* line 342, ../sass/screen.scss */
+/* line 375, ../sass/screen.scss */
 #page-commande #bloc-totaux .table-produits .depasse {
   color: #b32815;
 }
-/* line 346, ../sass/screen.scss */
+/* line 379, ../sass/screen.scss */
 #page-commande #bloc-totaux .table-produits .total strong span {
   font-weight: normal;
   font-size: 13px;
 }
-/* line 355, ../sass/screen.scss */
+/* line 388, ../sass/screen.scss */
 #page-commande #commandes-points-vente .tab-pane {
   padding-top: 20px;
 }
-/* line 362, ../sass/screen.scss */
+/* line 395, ../sass/screen.scss */
 #page-commande #commandes-points-vente .recap-pv.no-commande .recettes {
   display: none;
 }
-/* line 366, ../sass/screen.scss */
+/* line 399, ../sass/screen.scss */
 #page-commande #commandes-points-vente .recap-pv .recettes {
   float: right;
   color: #BB8757;
   position: relative;
   top: -3px;
 }
-/* line 380, ../sass/screen.scss */
+/* line 413, ../sass/screen.scss */
 #page-commande #commandes-points-vente .alert.commentaire {
   display: none;
 }
-/* line 384, ../sass/screen.scss */
+/* line 417, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes {
   margin-top: 10px;
   list-style-type: none;
   width: 100%;
   overflow-y: scroll;
 }
-/* line 396, ../sass/screen.scss */
+/* line 429, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes li {
   padding: 0;
   margin: 0;
 }
-/* line 399, ../sass/screen.scss */
+/* line 432, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes li a {
   text-align: left;
   -moz-border-radius: 0px;
   padding: 7px;
   color: #333;
 }
-/* line 407, ../sass/screen.scss */
+/* line 440, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes li a .montant {
   float: right;
   color: #BB8757;
   font-weight: bold;
 }
-/* line 413, ../sass/screen.scss */
+/* line 446, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes li a .glyphicon-comment {
   color: #BB8757;
 }
-/* line 417, ../sass/screen.scss */
+/* line 450, ../sass/screen.scss */
 #page-commande #commandes-points-vente ul.liste-commandes li a:hover, #page-commande #commandes-points-vente ul.liste-commandes li a:active, #page-commande #commandes-points-vente ul.liste-commandes li a.active {
   text-decoration: none;
   background-color: #FCF8E3;
   -webkit-transition: all 0.1s;
   transition: all 0.1s;
 }
-/* line 431, ../sass/screen.scss */
-#page-commande #commandes-points-vente .creer-commande {
+/* line 464, ../sass/screen.scss */
+#page-commande #commandes-points-vente .creer-commande,
+#page-commande #commandes-points-vente .commandes-auto {
   width: 100%;
+  margin-bottom: 10px;
 }
-/* line 435, ../sass/screen.scss */
+/* line 470, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user {
   display: none;
   font-size: 19px;
   margin-top: 0px;
 }
-/* line 440, ../sass/screen.scss */
+/* line 475, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user .btn-edit, #page-commande #commandes-points-vente .title-user .btn-remove,
 #page-commande #commandes-points-vente .title-user .btn-cancel, #page-commande #commandes-points-vente .title-user .btn-save {
   float: right;
   position: relative;
   top: -6px;
 }
-/* line 447, ../sass/screen.scss */
+/* line 482, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user .btn-edit, #page-commande #commandes-points-vente .title-user .btn-cancel {
   margin-right: 10px;
 }
-/* line 451, ../sass/screen.scss */
+/* line 486, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user .buttons-save-cancel {
   display: none;
 }
-/* line 455, ../sass/screen.scss */
+/* line 490, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user .choix-user {
   display: none;
 }
-/* line 458, ../sass/screen.scss */
+/* line 493, ../sass/screen.scss */
 #page-commande #commandes-points-vente .title-user .choix-user .form-control {
   width: 200px;
   display: inline;
 }
-/* line 466, ../sass/screen.scss */
+/* line 501, ../sass/screen.scss */
 #page-commande #commandes-points-vente table.table-produits .td-commande {
   text-align: center;
 }
-/* line 469, ../sass/screen.scss */
+/* line 504, ../sass/screen.scss */
 #page-commande #commandes-points-vente table.table-produits input.form-control {
   text-align: center;
 }
-/* line 475, ../sass/screen.scss */
+/* line 510, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-produit,
 #page-commande #commandes-points-vente .th-produit {
   width: 70%;
 }
-/* line 480, ../sass/screen.scss */
+/* line 515, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-commande,
 #page-commande #commandes-points-vente .th-commande {
   width: 30%;
   text-align: center;
 }
-/* line 486, ../sass/screen.scss */
+/* line 521, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-produit {
   text-transform: uppercase;
 }
-/* line 490, ../sass/screen.scss */
+/* line 525, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-commande {
   font-weight: bold;
 }
-/* line 494, ../sass/screen.scss */
+/* line 529, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-total {
   font-size: 20px;
   text-align: center;
 }
-/* line 498, ../sass/screen.scss */
+/* line 533, ../sass/screen.scss */
 #page-commande #commandes-points-vente .td-total span {
   padding: 5px 10px;
   background-color: #BB8757;
   -webkit-border-radius: 15px;
   border-radius: 15px;
 }
-/* line 508, ../sass/screen.scss */
+/* line 543, ../sass/screen.scss */
 #page-commande #commandes-points-vente .panel-commande-automatique .field-commandeautoform-id_user,
 #page-commande #commandes-points-vente .panel-commande-automatique .field-commandeautoform-id_etablissement {
   display: none;
 }
-/* line 515, ../sass/screen.scss */
+/* line 550, ../sass/screen.scss */
 #page-commande #commandes-points-vente .panel-commande-automatique .jours .form-group {
   float: left;
   margin-right: 10px;
 }
-/* line 524, ../sass/screen.scss */
+/* line 559, ../sass/screen.scss */
 #page-commande #old-commandes {
   display: none;
 }
-/* line 528, ../sass/screen.scss */
+/* line 563, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente {
   margin-top: 20px;
 }
-/* line 532, ../sass/screen.scss */
+/* line 567, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente table {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 536, ../sass/screen.scss */
+/* line 571, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-point-vente {
   background-color: #fff8e2;
   border-left: solid 3px #BB8757;
   text-align: left;
   padding: 10px;
 }
-/* line 544, ../sass/screen.scss */
+/* line 579, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-totaux {
   text-align: center;
 }
-/* line 548, ../sass/screen.scss */
+/* line 583, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-left {
   border-left: solid 1px #e0e0e0;
 }
-/* line 552, ../sass/screen.scss */
+/* line 587, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-right {
   border-right: solid 1px #e0e0e0;
 }
-/* line 556, ../sass/screen.scss */
+/* line 591, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente input.quantite {
   width: 30px;
   background-color: white;
   border: solid 1px #e0e0e0;
   text-align: center;
 }
-/* line 564, ../sass/screen.scss */
+/* line 599, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .td-produit {
   text-align: center;
 }
-/* line 568, ../sass/screen.scss */
+/* line 603, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .submit-pv {
   float: right;
 }
-/* line 572, ../sass/screen.scss */
+/* line 607, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .select-user {
   background-color: #F9F9F9;
   border: solid 1px #e0e0e0;
 }
-/* line 577, ../sass/screen.scss */
+/* line 612, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .date-commande {
   font-size: 12px;
 }
-/* line 581, ../sass/screen.scss */
+/* line 616, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .datepicker, #page-commande .form-commandes-point-vente .text {
   background-color: white;
   border: solid 1px #e0e0e0;
   margin-top: 3px;
   width: 100px;
 }
-/* line 589, ../sass/screen.scss */
+/* line 624, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.center {
   text-align: center;
 }
-/* line 595, ../sass/screen.scss */
+/* line 630, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .depasse {
   color: #b32815;
 }
-/* line 599, ../sass/screen.scss */
+/* line 634, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .total strong span {
   font-weight: normal;
   font-size: 13px;
 }
-/* line 604, ../sass/screen.scss */
+/* line 639, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .vrac {
   display: none;
 }
-/* line 608, ../sass/screen.scss */
+/* line 643, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client {
   text-align: left;
   padding: 3px;
 }
-/* line 611, ../sass/screen.scss */
+/* line 646, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client .date-commande {
   color: gray;
 }
-/* line 622, ../sass/screen.scss */
+/* line 657, ../sass/screen.scss */
 #page-commande .table-header-rotated td {
   width: 20px;
   padding: 0px;
   vertical-align: middle;
   text-align: center;
 }
-/* line 632, ../sass/screen.scss */
+/* line 667, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 {
   height: 80px;
   width: 20px;
   font-size: 12px;
   line-height: 0.8;
 }
-/* line 644, ../sass/screen.scss */
+/* line 679, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 > div {
   position: relative;
   top: 0px;
   border-right: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
 }
-/* line 660, ../sass/screen.scss */
+/* line 695, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 span {
   -ms-transform: skew(45deg, 0deg) rotate(315deg);
   -moz-transform: skew(45deg, 0deg) rotate(315deg);
   /*whether to display in one line or not*/
 }
 
-/* line 685, ../sass/screen.scss */
+/* line 720, ../sass/screen.scss */
 #email-masse-form #ids-users {
   line-height: 30px;
 }
-/* line 687, ../sass/screen.scss */
+/* line 722, ../sass/screen.scss */
 #email-masse-form #ids-users .label {
   text-transform: capitalize;
 }
 
-/* line 695, ../sass/screen.scss */
+/* line 730, ../sass/screen.scss */
 .produit-create #jours-production .form-group, .produit-update #jours-production .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 699, ../sass/screen.scss */
+/* line 734, ../sass/screen.scss */
 .produit-create #jours-production .form-group label, .produit-update #jours-production .form-group label {
   font-weight: normal;
 }
-/* line 704, ../sass/screen.scss */
+/* line 739, ../sass/screen.scss */
 .produit-create .field-produit-id_etablissement, .produit-update .field-produit-id_etablissement {
   display: none;
 }
 
-/* line 709, ../sass/screen.scss */
+/* line 744, ../sass/screen.scss */
 .table-striped > tbody > tr:nth-of-type(2n) {
   background-color: white;
 }
 
-/* line 714, ../sass/screen.scss */
+/* line 749, ../sass/screen.scss */
 .wrap .produit-index .td-photo {
   max-width: 100px;
   width: 100px;
 }
-/* line 718, ../sass/screen.scss */
+/* line 753, ../sass/screen.scss */
 .wrap .produit-index .photo-produit {
   max-width: 100px;
 }
-/* line 722, ../sass/screen.scss */
+/* line 757, ../sass/screen.scss */
 .wrap .produit-index .ui-state-highlight {
   height: 75px;
   background-color: #F8F1DD;
 }
 
 /* communiquer */
-/* line 730, ../sass/screen.scss */
+/* line 765, ../sass/screen.scss */
 .communiquer-mode-emploi {
   border: solid 1px #e0e0e0;
   padding: 10px;
   margin-bottom: 30px;
   font-family: "myriadpro-regular";
 }
-/* line 738, ../sass/screen.scss */
+/* line 773, ../sass/screen.scss */
 .communiquer-mode-emploi .header .logo {
   float: left;
   width: 75px;
   padding-right: 20px;
   padding-top: 10px;
 }
-/* line 744, ../sass/screen.scss */
+/* line 779, ../sass/screen.scss */
 .communiquer-mode-emploi .header .logo img {
   width: 75px;
 }
-/* line 750, ../sass/screen.scss */
+/* line 785, ../sass/screen.scss */
 .communiquer-mode-emploi .header h1 {
   font-family: "comfortaaregular";
   font-size: 40px;
   margin-bottom: 0px;
   font-weight: normal;
 }
-/* line 758, ../sass/screen.scss */
+/* line 793, ../sass/screen.scss */
 .communiquer-mode-emploi .header h2 {
   margin-top: 0px;
   font-family: "myriadpro-regular";
   left: 2px;
   font-weight: normal;
 }
-/* line 769, ../sass/screen.scss */
+/* line 804, ../sass/screen.scss */
 .communiquer-mode-emploi h3 {
   font-family: "comfortaalight";
   font-family: "myriadpro-regular";
   margin-bottom: 0px;
 }
 
-/* line 779, ../sass/screen.scss */
+/* line 814, ../sass/screen.scss */
 .communiquer-mode-emploi-encart {
   width: 420px;
   margin-top: 20px;
 }
-/* line 783, ../sass/screen.scss */
+/* line 818, ../sass/screen.scss */
 .communiquer-mode-emploi-encart .header .logo {
   width: 60px;
   margin-right: 20px;
   padding-top: 5px;
 }
-/* line 788, ../sass/screen.scss */
+/* line 823, ../sass/screen.scss */
 .communiquer-mode-emploi-encart .header .logo img {
   width: 60px;
 }
-/* line 794, ../sass/screen.scss */
+/* line 829, ../sass/screen.scss */
 .communiquer-mode-emploi-encart .header h1 {
   margin-bottom: 3px;
 }
-/* line 803, ../sass/screen.scss */
+/* line 838, ../sass/screen.scss */
 .communiquer-mode-emploi-encart h3 {
   margin-top: 15px;
   margin-bottom: 15px;
 }
 
-/* line 809, ../sass/screen.scss */
+/* line 844, ../sass/screen.scss */
 .bloc-mode-emploi-pdf {
   width: 49.9%;
   float: left;
   border-bottom: dotted 1px gray;
 }
 
-/* line 815, ../sass/screen.scss */
+/* line 850, ../sass/screen.scss */
 .bloc-mode-emploi-border {
   border-right: dotted 1px gray;
   border-bottom: dotted 1px gray;
 }
 
-/* line 820, ../sass/screen.scss */
+/* line 855, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf {
   border: 0px none;
   -moz-border-radius: 0px;
   margin-bottom: 0px;
   padding: 20px 0px 20px 30px;
 }
-/* line 828, ../sass/screen.scss */
+/* line 863, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf .header .logo {
   float: left;
   width: 55px;
   padding-right: 15px;
   padding-top: 10px;
 }
-/* line 834, ../sass/screen.scss */
+/* line 869, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf .header .logo img {
   width: 55px;
 }
-/* line 838, ../sass/screen.scss */
+/* line 873, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf .header h1 {
   font-size: 32px;
 }
-/* line 841, ../sass/screen.scss */
+/* line 876, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf .header h2 {
   font-size: 16px;
 }
-/* line 846, ../sass/screen.scss */
+/* line 881, ../sass/screen.scss */
 .communiquer-mode-emploi-pdf h3 {
   font-weight: normal;
 }
 
-/* line 851, ../sass/screen.scss */
+/* line 886, ../sass/screen.scss */
 .bloc-mode-emploi-bottom {
   border-bottom: 0px none;
   border-bottom: solid 1px white;
 }
 
 /* commandes auto */
-/* line 861, ../sass/screen.scss */
+/* line 896, ../sass/screen.scss */
 .commandeauto-form #bloc-select-user {
   padding-left: 0px;
 }
-/* line 865, ../sass/screen.scss */
+/* line 900, ../sass/screen.scss */
 .commandeauto-form #or-user {
   font-size: 20px;
   text-align: center;
 }
-/* line 868, ../sass/screen.scss */
+/* line 903, ../sass/screen.scss */
 .commandeauto-form #or-user span {
   position: relative;
   top: 24px;
 }
-/* line 874, ../sass/screen.scss */
+/* line 909, ../sass/screen.scss */
 .commandeauto-form .field-commandeautoform-id_etablissement {
   display: none;
 }
-/* line 878, ../sass/screen.scss */
+/* line 913, ../sass/screen.scss */
 .commandeauto-form .jours .form-group {
   float: left;
   margin-right: 20px;
 }
-/* line 885, ../sass/screen.scss */
+/* line 920, ../sass/screen.scss */
 .commandeauto-form .produits .table {
   width: 500px;
 }
-/* line 888, ../sass/screen.scss */
+/* line 923, ../sass/screen.scss */
 .commandeauto-form .produits .quantite {
   text-align: center;
 }
 
 /* points de vente */
-/* line 897, ../sass/screen.scss */
+/* line 932, ../sass/screen.scss */
 .point-vente-form #pointvente-users {
   display: none;
   height: 500px;
   overflow-y: scroll;
 }
-/* line 901, ../sass/screen.scss */
+/* line 936, ../sass/screen.scss */
 .point-vente-form #pointvente-users label {
   font-weight: normal;
   display: block;

backend/web/sass/screen.scss

     
     .navbar-nav > li > a {
         color: white ;
-        padding: 3px 14px ;
+        margin-left: 3px; 
+        padding: 3px 11px ;
             
         &:hover {
             color: $color2 ;
         }
     }
     
-    .navbar-nav > li.active {
+    .navbar-nav > li.active,
+    .navbar-nav > .open {
         a {
+            margin-left: 3px ;
             background-color: $color2 ;
             color: $color1 ;
-            padding: 3px 14px ;
+            padding: 3px 11px ;
             @include border-radius(10px) ;
             
-            &:hover {
+            &:hover,
+            &:focus {
                 background-color: $color2 ;
                 color: $color1 ;    
             }
         }
     }
+    
+    .navbar-nav > .open {
+        a.dropdown-toggle {
+            @include border-radius(10px 10px 0px 0px) ;
+        }
+        
+        ul.dropdown-menu {
+            @include box-shadow(none) ;
+            @include border-radius(10px 0px 10px 10px) ;
+            border-top: 0px none ;
+            right: -1px ;
+            li {
+                a {
+                    background-color: transparent ;
+                    
+                    &:hover { 
+                        color: darken($color1,10) ;
+                    }
+                }
+            }            
+        }
+    }
+    
+    
+    .navbar-nav > .open > a, 
+    .navbar-nav > .open > a:hover, 
+    .navbar-nav > .open > a:focus {
+        
+    }
 }
 
 #alerts-fixed {
                 }
             }
             
-            .creer-commande {
+            .creer-commande,
+            .commandes-auto {
                 width: 100% ;
+                margin-bottom: 10px ;
             }
             
             .title-user {