diff --git a/public/css/style.css b/public/css/style.css
index c0e03d5..34de5b4 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2471,10 +2471,10 @@ header .right-menu-mobile #svg-connect:hover, header .right-menu-mobile #svg-sea
   position: absolute;
   left: 0;
   right: 0;
-  top: 10px;
+  /*top: 10px; */
   bottom: 10px;
   background: no-repeat center/contain url(/images/play.png?4809ef73fdbf3733e33b23af080cb228);
-  opacity: 0;
+  opacity: 1;
   transition: opacity 0.5s;
 }
 
@@ -2645,7 +2645,7 @@ header .right-menu-mobile #svg-connect:hover, header .right-menu-mobile #svg-sea
     max-width: unset;
   }
   .work--head--detail .detail--video a > div:not(:last-child) {
-    height: 4vw;
+    height: 2vw;
   }
 
   .milaceanous {
@@ -3710,7 +3710,7 @@ svg {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto;
-  grid-template-areas: "cotations" "objectifs" "analyse" "marches" "articles";
+  grid-template-areas: "articles" "cotations" "objectifs" "analyse" "marches";
 }
 .pro--main .pro--layout .pro--cotations {
   padding: 1em;
@@ -3932,13 +3932,17 @@ svg {
 }
 .pro--main .pro--layout .pro--articles {
   padding: 1em;
-  margin: 0 1em 1em 1em;
+  margin: 1em 1em 0 1em;
   grid-area: articles;
+  background-color: #cce1e5;
 }
 .pro--main .pro--layout .pro--articles .actus--first {
   padding: initial;
   margin: initial;
 }
+.pro--main .pro--layout .pro--articles .actus--first .first--txt {
+  padding: 1em;
+}
 .pro--main .pro--layout .pro--articles .actus--first .post-subtitle {
   display: flex;
   justify-content: space-between;
@@ -3974,7 +3978,7 @@ svg {
 @media only screen and (min-width: 1024px) {
   .pro--main .pro--layout {
     grid-template-columns: 1fr 1fr;
-    grid-template-areas: "cotations objectifs" "analyse objectifs" "analyse marches" "articles marches" "articles .";
+    grid-template-areas: "articles objectifs" "articles objectifs" "cotations objectifs" "cotations marches" "analyse marches" "analyse .";
   }
   .pro--main .pro--layout .pro--cotations {
     margin: 1em 1em 0 1em;
diff --git a/public/js/main.js b/public/js/main.js
index 308657c..a57dfbc 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -12823,7 +12823,7 @@ $(document).ready(function () {
     effect: 'slide',
     slidesPerView: 1,
     autoplay: {
-      delay: 1000
+      delay: 5000
     },
     loop: true,
     pagination: {
@@ -58760,36 +58760,6 @@ var render = function() {
             })
           ]),
           _vm._v(" "),
-          _c("div", { staticClass: "flex row" }, [
-            _c("span", [_vm._v("Observations")]),
-            _vm._v(" "),
-            _c("input", {
-              directives: [
-                {
-                  name: "model",
-                  rawName: "v-model",
-                  value: _vm.objectif.observations,
-                  expression: "objectif.observations"
-                }
-              ],
-              attrs: {
-                type: "text",
-                name: "observations",
-                id: "observations",
-                placeholder: "Commentaire"
-              },
-              domProps: { value: _vm.objectif.observations },
-              on: {
-                input: function($event) {
-                  if ($event.target.composing) {
-                    return
-                  }
-                  _vm.$set(_vm.objectif, "observations", $event.target.value)
-                }
-              }
-            })
-          ]),
-          _vm._v(" "),
           _c("div", { staticClass: "validate" }, [
             _c("span", [_vm._v("* Champs obligatoires")]),
             _vm._v(" "),
diff --git a/resources/js/components/pro/Objectives.vue b/resources/js/components/pro/Objectives.vue
index 4caa164..1559ab1 100644
--- a/resources/js/components/pro/Objectives.vue
+++ b/resources/js/components/pro/Objectives.vue
@@ -63,10 +63,10 @@
                     <span>Volume restant à commercialiser</span>
                     <input type="number" name="remaining_volume" id="remaining_volume" v-model="objectif.volume_restant" placeholder="0" value="">
                 </div>
-                <div class="flex row">
+                <!--<div class="flex row">
                     <span>Observations</span>
                     <input type="text" name="observations" id="observations" v-model="objectif.observations" placeholder="Commentaire">
-                </div>
+                </div>-->
                 <div class="validate">
                     <span>* Champs obligatoires</span>
                     <button class="first-btn" @click="saveData()" :disabled="processing">
diff --git a/resources/js/main.js b/resources/js/main.js
index 9564168..cf1e65f 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -58,7 +58,7 @@ $(document).ready(function() {
     effect: 'slide',
     slidesPerView: 1,
     autoplay: {
-        delay: 1000,
+        delay: 5000,
     },
     loop: true,
     pagination: {
diff --git a/resources/sass/front/variables.scss b/resources/sass/front/variables.scss
index 342e936..671bd23 100644
--- a/resources/sass/front/variables.scss
+++ b/resources/sass/front/variables.scss
@@ -13,6 +13,7 @@ $light_yellow: #fdebc2;
 $light_light_yellow: #fef0d1;
 $ultra_light_yellow: #fef5e1;
 $pink: #f9d3c6;
+$light_blue: #cce1e5;
 
 // Ligne de flotaison
 $float_height: 85vh;
diff --git a/resources/sass/pro.scss b/resources/sass/pro.scss
index f833d88..2c5a1d2 100644
--- a/resources/sass/pro.scss
+++ b/resources/sass/pro.scss
@@ -56,11 +56,11 @@
         grid-template-columns: 1fr;
         grid-template-rows: auto;
         grid-template-areas:
+            "articles"
             "cotations"
             "objectifs"
             "analyse"
-            "marches"
-            "articles" ;
+            "marches";
         //grid-gap: 1em;
         //padding: 1em;
 
@@ -310,13 +310,17 @@
 
         .pro--articles {
             padding: 1em;
-            margin:0 1em 1em 1em;
+            margin:1em 1em 0 1em;
             grid-area: articles;
-            //background-color: $gris_clair;
+            background-color: $light_blue;
             .actus--first {
                 padding: initial;
                 margin: initial;
 
+                .first--txt {
+                    padding : 1em;
+                }
+
                 .post-subtitle {
                     display: flex;
                     justify-content: space-between;
@@ -408,11 +412,12 @@
         .pro--layout {
             grid-template-columns: 1fr 1fr;
             grid-template-areas:
+                "articles objectifs"
+                "articles objectifs"
                 "cotations objectifs"
-                "analyse objectifs"
+                "cotations marches"
                 "analyse marches"
-                "articles marches"
-                "articles .";
+                "analyse .";
             .pro--cotations {
                 margin:1em 1em 0 1em;
                 .cotations--grid {
diff --git a/resources/sass/work.scss b/resources/sass/work.scss
index 7f403b9..249673d 100644
--- a/resources/sass/work.scss
+++ b/resources/sass/work.scss
@@ -22,9 +22,10 @@
     div{
         position: absolute;
         left: 0; right: 0;
-        top: 10px; bottom: 10px;
+        /*top: 10px; */
+        bottom: 10px;
         background: no-repeat center/contain url(../images/play.png);
-        opacity: 0;
+        opacity: 1;
         transition: opacity .5s;
     }
 }
@@ -177,7 +178,7 @@
 
         & > div{max-width: unset;}
         .detail--video a > div:not(:last-child){
-            height: 4vw;
+            height: 2vw;
         }
     }
     .milaceanous{