diff --git a/frontend/static/css/admin.css b/frontend/static/css/admin.css
index 438ce9f..6171889 100644
--- a/frontend/static/css/admin.css
+++ b/frontend/static/css/admin.css
@@ -154,9 +154,9 @@ h5>.badge {
 
 
 .cards {
-  padding-left: 5px;
+  /*padding-left: 5px;*/
   padding-bottom: 15px;
-  padding-top: 5px;
+  padding-top: 15px;
 }
 
 .row {
@@ -167,12 +167,22 @@ h5>.badge {
 .sticky {
   z-index: 2;
   position: sticky;
-  top: 0;
+  top: 56px;
   /*background: white;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);*/
-  padding: 10px;
+  padding: 15px 0;
   margin-right: 15px;
   margin-bottom: 15px;
+  background-color:rgba(233, 236, 239,0.7);
+}
+
+#cd-cart .sticky{
+  background-color:white;
+  top:30px;
+  padding:15px;
+  margin:0px;
+  margin-top:-10px;
+  background-color:rgba(233, 236, 239,0.9);
 }
 
 .sticky-sm {
@@ -259,13 +269,24 @@ h5>.badge {
   padding: 0;
 }
 
+#cd-cart .cd-cart-items h6.card-title {
+  font-size:12px;
+  padding:0;
+  margin:0;
+}
+
+.cd-cart-items .badge,
+#catalog .badge.badge-secondary{
+  display:none;
+}
+
 @media only screen and (min-width: 1200px) {
   #cd-cart>* {
     padding: 0 2em;
   }
 }
 
-#cd-cart>* {
+#cd-cart>*{
   padding: 0 1em;
 }
 
@@ -350,36 +371,36 @@ h5>.badge {
 /*
 * Toggle on cart icon
 */
-.green {
+.green{
   color: #FFF;
   padding: 6px 12px 6px 12px;
-  border: 2px solid #999faf;
+  /*border: 2px solid #006878;*/
   color: #999faf;
-  display: inline-block;
+  /*display: inline-block;*/
   position: relative;
   transition: .4s;
 }
 
 .green .number {
-  padding: 2px 7px;
-  background: #999faf;
+  width:25px;
+  height:25px;
   position: absolute;
   border-radius: 50px;
   font-weight: 700;
-  font-size: 12px;
+  font-size: 15px;
   font-family: inherit;
-  color: #FFF;
-  top: -20px;
-  right: -20px;
+  color: black;
+  top: -10px;
+  right: -10px;
   margin:0;
-  border: 2px solid #FFF;
+  border: 0px;
 }
 
 .green:hover {
   cursor: pointer;
-  background: #006878 !important;
+  /*background: #006878 !important;*/
   color: #FFF !important;
-  border: 2px solid #006878;
+  /*border: 2px solid #006878;*/
   transition: 0.4s;
 }
 #wizard-result{
diff --git a/frontend/static/css/colors.css b/frontend/static/css/colors.css
index a65c5fd..c864807 100644
--- a/frontend/static/css/colors.css
+++ b/frontend/static/css/colors.css
@@ -54,7 +54,7 @@
 
 /*Colors for color*/
 .mreport-primary-color-1{
-  color:#006878;
+  color:#006878!important;
 }
 
 .mreport-primary-color-2{
@@ -66,7 +66,7 @@
 }
 
 .mreport-secondary-color-1{
-  color:#FFA80E;
+  color:#FFA80E!important;
 }
 
 .mreport-secondary-color-2{
diff --git a/frontend/static/css/composer.css b/frontend/static/css/composer.css
index f561704..8d67f35 100644
--- a/frontend/static/css/composer.css
+++ b/frontend/static/css/composer.css
@@ -566,13 +566,13 @@ span.text-edit.badge.mreport-secondary-color-2-bg{
 }
 
 span.designed-dataviz {
-    right: 30px;
-    position: absolute;
+    /*right: 30px;*/
+    /*position: absolute;*/
     font-family: "Font Awesome 5 Free";
-    font-size: 25px;
+    font-size: 20px;
     font-weight: 700;
     /*color: #218838;*/
-    margin-top: -10px;
+    /*margin-top: -10px;*/
 }
 
 span.designed-dataviz:before {
diff --git a/frontend/static/html/import.html b/frontend/static/html/import.html
index be0fdfb..d2311a7 100644
--- a/frontend/static/html/import.html
+++ b/frontend/static/html/import.html
@@ -1,8 +1,8 @@
 <!-- Button injected in admin.html-->
 <template id="import_button" data-target="#sticky">
-    <div class="col-md-2 col-12">
-        <button type="button" class="btn mreport-primary-color-1-bg" data-toggle="modal"
-            data-target="#import-modal-form">Importer</button>
+    <div class="col-md-6 col-12 text-left">
+        <button type="button" class="btn mreport-primary-color-3-bg col-3" data-toggle="modal"
+            data-target="#import-modal-form"><i class="fas fa-file-import"></i> Importer</button>
     </div>
 </template>
 
diff --git a/frontend/static/js/admin.js b/frontend/static/js/admin.js
index ff8fec1..7449b45 100644
--- a/frontend/static/js/admin.js
+++ b/frontend/static/js/admin.js
@@ -31,8 +31,11 @@ admin = (function () {
                 };
                 $(this).addClass("active");
                 if($(this).attr("data-page") == "reports" && $("#cd-cart").hasClass("speed-in") ||
-                   $(this).attr("data-page") =="composer" && $("#cd-cart").hasClass("speed-in")){
+                  $(this).attr("data-page") =="composer" && $("#cd-cart").hasClass("speed-in")||
+                  $(this).attr("data-page") =="home" && $("#cd-cart").hasClass("speed-in")){
                     $("#cd-cart").toggleClass("speed-in");
+                    $( "#catalog-content" ).css('margin-right','0');
+                    $( "#catalog-content" ).css('transition','margin-right .6s');
                 };
             });
         });
@@ -430,10 +433,18 @@ admin = (function () {
         /* Toggle the cart to appear */
         $(".green").click(function () {
             $("#cd-cart").toggleClass("speed-in");
+            $( "#catalog-content" ).css('margin-right','360px');
+            $( "#catalog-content" ).css('transition','margin-right .6s');
+          if($("#cd-cart").hasClass("speed-in") == false){
+            $("#catalog-content" ).css('margin-right','0');
+            $("#catalog-content" ).css('transition','margin-right .6s');
+          }
         });
         /* Toggle the cart to disappear */
         $("#togglePanier").click(function () {
             $("#cd-cart").toggleClass("speed-in");
+            $( "#catalog-content" ).css('margin-right','0');
+            $( "#catalog-content" ).css('transition','margin-right .6s');
         });
 
     };
diff --git a/frontend/static/js/import.js b/frontend/static/js/import.js
index a910244..4f17815 100644
--- a/frontend/static/js/import.js
+++ b/frontend/static/js/import.js
@@ -251,7 +251,7 @@ import_wizard = (function () {
                _html.querySelectorAll("template").forEach(function(template) {
                     if (template.dataset.target) {
                         //inject import modal and button in admin.html
-                        document.querySelector(template.dataset.target).appendChild(template.content.firstElementChild);
+                        document.querySelector(template.dataset.target).prepend(template.content.firstElementChild);
                     }
 
                });
diff --git a/frontend/templates/admin.html b/frontend/templates/admin.html
index f89bf62..6e670ab 100644
--- a/frontend/templates/admin.html
+++ b/frontend/templates/admin.html
@@ -97,7 +97,8 @@ <h1 class="mreport-grey-1">Mreport - Accueil</h1>
 
     <!-- Catalog start -->
     <div class="container-fluid page" id="catalog">
-        <h1>Données</h1>
+    <div id="catalog-content">
+        <h1 class="col-12">Données</h1>
         <div id="filterbutton" class="row sticky-sm">
             <button class="btn d-md-none col-12" data-toggle="collapse" data-target="#stickycollapse">
                 Outils<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
@@ -105,30 +106,13 @@ <h1>Données</h1>
         </div>
         <div id="stickycollapse" class="collapse d-md-block sticky">
             <div id="sticky" class="row">
-                <div class="col-md-2 col-12">
-                    <button type="button" class="btn mreport-primary-color-2-bg toggle-deactivate" data-toggle="modal" data-report-state="new"
-                        data-target="#report-modal-form">Créer un rapport avec la sélection</button>
-                </div>
-                <div class="col-md-2 col-12">
-                    <button type="button" class="btn mreport-primary-color-2-bg toggle-deactivate" data-toggle="modal" data-report-state="add"
-                        data-target="#report-modal-form2">Ajouter à un rapport existant</button>
-                </div>
-                <div class="col-md-2 col-12">
-                    <input id="searchbar" class="form-control" placeholder="Filtrer les données" maxlength="32">
-                </div>
-
-                <div class="col-md-1 col-12">
-                    <div class="custom-control custom-checkbox pt-2">
-                        <input type="checkbox" id="checkAll" class="custom-control-input" name="checkAll">
-                        <label class="custom-control-label" for="checkAll">Tout sélectionner</label>
-                    </div>
-                </div>
-                <div class="col-md-1 col-12">
-                    <a class="green"><i class="fas fa-shopping-bag"></i> <span class="number">0</span></a>
-                </div>
-                <div class="col-md-2 col-12">
-                     <button id="resetfilters" type="button" class="btn mreport-primary-color-2-bg "><i class="fas fa-undo"></i> Effacer le filtre</button>
-                </div>
+              <div class="col-md-6 col-12 text-right">
+                <a class="green">
+                  <button type="button" class="btn mreport-primary-color-1-bg col-4">
+                    <i class="fas fa-check-square"></i><span class="number mreport-secondary-color-1-bg">0</span>
+                  Séléctionner</button>
+                </a> 
+              </div>
             </div>
         </div>
         <div id="dataviz-cards" class="row">
@@ -145,10 +129,17 @@ <h6 class="card-title">{{title}}</h6>
                                 <input type="checkbox" id="{{id}}-selection" class="dataviz-selection custom-control-input" name="dataviz-selection">
                                 <label class="custom-control-label" for="{{id}}-selection">Sélectionner</label>
                             </div>
-                            <a href="#" data-dataviz-state="edit" class="card-link mreport-primary-color-1" data-toggle="modal" data-related-id="{{id}}" data-target="#dataviz-modal-form"><i class="fas fa-pencil-alt mreport-secondary-color-1"></i> Editer</a>
-                            <a href="#" data-dataviz-state="delete" class="card-link mreport-primary-color-1" data-toggle="modal" data-related-id="{{id}}" data-target="#dataviz-modal-form"><i class="fas fa-trash mreport-secondary-color-1"></i> Supprimer</a>
-                            <span class="designed-dataviz {{designed}} mreport-secondary-color-2"  data-toggle="tooltip" data-html="true" title="Ces données ont une dataviz par défaut de configuré"></span>
-                            <span class="certified-dataviz {{certified}} mreport-secondary-color-2"   data-toggle="tooltip" data-html="true" title="cartified data"></span>
+                            <div class="row">
+                              <div class="col-md-9 p-0">
+                                <a href="#" data-dataviz-state="edit" class="col-12 card-link mreport-primary-color-1 p-0 d-inline-block" data-toggle="modal" data-related-id="{{id}}" data-target="#dataviz-modal-form"><i class="fas fa-pencil-alt mreport-secondary-color-1"></i> Editer</a>
+                                <a href="#" data-dataviz-state="delete" class="col-12 card-link mreport-primary-color-1 p-0 m-0 d-inline-block" data-toggle="modal" data-related-id="{{id}}" data-target="#dataviz-modal-form"><i class="fas fa-trash mreport-secondary-color-1"></i> Supprimer</a>
+                              </div>
+                              <div class="col-md-3 p-0 text-right">
+                                <span class="designed-dataviz {{designed}} mreport-secondary-color-2"  data-toggle="tooltip" data-html="true" title="Ces données ont une dataviz par défaut de configuré"></span>
+                                <span class="certified-dataviz {{certified}} mreport-secondary-color-2"   data-toggle="tooltip" data-html="true" title="cartified data"></span>
+                              </div>
+                            </div>
+                            
                         </div>
                         <div class="card-footer">Usages: </div>
                     </div>
@@ -159,11 +150,12 @@ <h6 class="card-title">{{title}}</h6>
 
         </div>
     </div>
+    </div>
     <!-- Catalog start -->
 
     <!-- Reports start -->
     <div class="container-fluid page" id="reports">
-        <h1>Rapports</h1>
+        <h1 class="col-12">Rapports</h1>
     </div>
     <!-- Reports start -->
 
@@ -433,11 +425,40 @@ <h5 class="modal-title" id="exampleModalLabel">Edition</h5>
     <!-- Cart -->
     <div id="cd-cart">
         <a id="togglePanier" class="mreport-primary-color-1-bg">Fermer</a>
-        <h2>Selection</h2>
+        <div class="sticky">
+          <div class="row">
+            <div class="col-md-6 col-12 p-0">
+              <h2 class="">Filtrer</h2>
+            </div>
+            <div class="col-md-6 col-12 text-right p-0">
+              <button id="resetfilters" type="button" class="btn mreport-secondary-color-2-bg "><i class="fas fa-undo"></i> Réinitialiser</button>
+            </div>
+          </div>
+          <div class="col-md-12 col-12">
+            <input id="searchbar" class="form-control" placeholder="Filtrer les données" maxlength="32">
+          </div>
+          <h2>Selection</h2>
+          <div class="col-12">
+            <button type="button" class="btn mreport-primary-color-2-bg toggle-deactivate col-12" data-toggle="modal" data-report-state="new"
+              data-target="#report-modal-form">Créer un rapport avec la sélection</button>
+          </div>
+          <div class="col-12">
+            <button type="button" class="btn mreport-primary-color-2-bg toggle-deactivate col-12 mt-3" data-toggle="modal" data-report-state="add"
+              data-target="#report-modal-form2">Ajouter à un rapport existant</button>
+          </div>
+          <div class="col-12">
+            <div class="custom-control custom-checkbox mt-3">
+              <input type="checkbox" id="checkAll" class="custom-control-input" name="checkAll">
+              <label class="custom-control-label" for="checkAll">Tout sélectionner</label>
+            </div>
+          </div>
+          
+        </div>
         <ul class="cd-cart-items">
-
         </ul>
     </div>
+
+
     <!-- Structure dividing modal -->
     <div class="modal fade" id="divide_form" tabindex="-1" role="dialog" aria-labelledby="divideForm"
         aria-hidden="true">