diff --git a/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg b/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg
deleted file mode 100644
index 8e25524..0000000
Binary files a/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg and /dev/null differ
diff --git a/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg.txt b/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg.txt
deleted file mode 100644
index 9a23bc1..0000000
--- a/public/content/projects/5_flacon-design-to-pack/1_client-brief/capture-decran-2024-12-04-151907.jpg.txt
+++ /dev/null
@@ -1 +0,0 @@
-Uuid: WmjnmmaT7LeUkWUA
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/1_client-brief/client-brief.txt b/public/content/projects/5_flacon-design-to-pack/1_client-brief/client-brief.txt
deleted file mode 100644
index ce030d2..0000000
--- a/public/content/projects/5_flacon-design-to-pack/1_client-brief/client-brief.txt
+++ /dev/null
@@ -1,29 +0,0 @@
-Title: Brief client
-
-----
-
-Stepname: clientBrief
-
-----
-
-Pdf: 
-
-----
-
-Description:
-
-Nouvelle réflexion pour le lancement d'un nouveau flacon sur le thématique suivante :
-Minimalisme oriental : Nous visons la simplicité sophistiquée, s'alignant sur une esthétique minimaliste. Des artistes comme Donald Judd ou Agnès Martin, connus pour leur approche minimaliste, pourraient guider notre vision du design de l'emballage.​
-Nous envisageons d'animer cette ligne avec différents flankers et édition limitées.
-
-----
-
-Moodboard: - file://WmjnmmaT7LeUkWUA
-
-----
-
-Stepindex: 1
-
-----
-
-Uuid: TewjNkF57vAlfdGB
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/2_proposal/proposal.txt b/public/content/projects/5_flacon-design-to-pack/2_proposal/proposal.txt
deleted file mode 100644
index b03df09..0000000
--- a/public/content/projects/5_flacon-design-to-pack/2_proposal/proposal.txt
+++ /dev/null
@@ -1,17 +0,0 @@
-Title: Offre commerciale
-
-----
-
-Stepname: proposal
-
-----
-
-Stepindex: 2
-
-----
-
-Uuid: 6fd7hJ1fZz77Rfq2
-
-----
-
-Pdf: 
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/3_extended-brief/extended-brief.txt b/public/content/projects/5_flacon-design-to-pack/3_extended-brief/extended-brief.txt
deleted file mode 100644
index 497f3cf..0000000
--- a/public/content/projects/5_flacon-design-to-pack/3_extended-brief/extended-brief.txt
+++ /dev/null
@@ -1,25 +0,0 @@
-Title: Brief enrichi
-
-----
-
-Stepname: extendedBrief
-
-----
-
-Stepindex: 3
-
-----
-
-Uuid: iSXLsd7fMHRahzr5
-
-----
-
-Pdf: 
-
-----
-
-Description: 
-
-----
-
-Moodboard: 
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/4_virtual-sample/virtual-sample.txt b/public/content/projects/5_flacon-design-to-pack/4_virtual-sample/virtual-sample.txt
deleted file mode 100644
index 298620d..0000000
--- a/public/content/projects/5_flacon-design-to-pack/4_virtual-sample/virtual-sample.txt
+++ /dev/null
@@ -1,21 +0,0 @@
-Title: Échantillon virtuel
-
-----
-
-Stepname: virtualSample
-
-----
-
-Stepindex: 5
-
-----
-
-Uuid: nzvCj5IzV3ZiPoMj
-
-----
-
-Rawglass: 
-
-----
-
-Finishedglass: 
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/_drafts/industrial-ideation/industrial-ideation.txt b/public/content/projects/5_flacon-design-to-pack/_drafts/industrial-ideation/industrial-ideation.txt
deleted file mode 100644
index 1ee4e93..0000000
--- a/public/content/projects/5_flacon-design-to-pack/_drafts/industrial-ideation/industrial-ideation.txt
+++ /dev/null
@@ -1,13 +0,0 @@
-Title: Idéation industrielle
-
-----
-
-Stepname: industrialIdeation
-
-----
-
-Stepindex: 4
-
-----
-
-Uuid: BO77ya5AXE2phDu3
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/_drafts/physical-sample/physical-sample.txt b/public/content/projects/5_flacon-design-to-pack/_drafts/physical-sample/physical-sample.txt
deleted file mode 100644
index b9f89f2..0000000
--- a/public/content/projects/5_flacon-design-to-pack/_drafts/physical-sample/physical-sample.txt
+++ /dev/null
@@ -1,13 +0,0 @@
-Title: Échantillon physique
-
-----
-
-Stepname: physicalSample
-
-----
-
-Stepindex: 6
-
-----
-
-Uuid: qfneb7LJcFU83BEN
\ No newline at end of file
diff --git a/public/content/projects/5_flacon-design-to-pack/project.txt b/public/content/projects/5_flacon-design-to-pack/project.txt
deleted file mode 100644
index 37233b0..0000000
--- a/public/content/projects/5_flacon-design-to-pack/project.txt
+++ /dev/null
@@ -1,13 +0,0 @@
-Title: Flacon Design To Pack
-
-----
-
-Currentstep: clientBrief
-
-----
-
-Client: - page://G418qZ4ABsoWFx4i
-
-----
-
-Uuid: nglvDbbcfFT88yi0
\ No newline at end of file
diff --git a/src/components/project/virtual-sample/DynamicView.vue b/src/components/project/virtual-sample/DynamicView.vue
index 28e48e5..2587653 100644
--- a/src/components/project/virtual-sample/DynamicView.vue
+++ b/src/components/project/virtual-sample/DynamicView.vue
@@ -24,48 +24,14 @@
 
     <div class="track">
       <figure>
+        <div @mousedown="enableDragToRotate" class="drag-zone"></div>
         <img :src="currentFile.url" alt="" width="500" height="500" />
       </figure>
-      <fieldset>
-        <button
-          class="y-up | btn btn--icon"
-          @click="currentY++"
-          :disabled="currentY === yMax"
-          data-icon="chevron-single-left"
-          title="Pivoter vers le haut"
-        >
-          <span class="sr-only">Top</span>
-        </button>
-        <button
-          class="x-down | btn btn--icon"
-          @click="rotateX('left')"
-          data-icon="chevron-single-left"
-          title="Pivoter vers la gauche"
-        >
-          <span class="sr-only">Left</span>
-        </button>
-        <button
-          class="x-up | btn btn--icon"
-          @click="rotateX('right')"
-          data-icon="chevron-single-left"
-          title="Pivoter vers la droite"
-        >
-          <span class="sr-only">Right</span>
-        </button>
-        <button
-          class="y-down | btn btn--icon"
-          @click="currentY--"
-          :disabled="currentY === 0"
-          data-icon="chevron-single-left"
-          title="Pivoter vers le bas"
-        >
-          <span class="sr-only">Bottom</span>
-        </button>
-      </fieldset>
     </div>
   </div>
 </template>
 <script setup>
+import throttle from "lodash/throttle";
 import { ref, computed, watch } from "vue";
 import { storeToRefs } from "pinia";
 import { usePageStore } from "../../../stores/page";
@@ -113,4 +79,80 @@ function rotateX(direction) {
     currentX.value = currentX.value === xMax.value ? 0 : currentX.value + 1;
   }
 }
+
+const isDragToRotateEnabled = ref(false);
+window.addEventListener("mouseup", disableDragToRotate);
+function enableDragToRotate() {
+  isDragToRotateEnabled.value = true;
+}
+function disableDragToRotate() {
+  isDragToRotateEnabled.value = false;
+}
+
+let previousMouseXPos;
+let previousMouseYPos;
+const DRAG_STEP = 20;
+
+function dragToRotate(event) {
+  handleHorizontalRotation(event);
+  handleVerticalRotation(event);
+}
+
+function handleHorizontalRotation(event) {
+  if (previousMouseXPos === undefined) {
+    previousMouseXPos = event.clientX;
+    return;
+  }
+
+  if (event.clientX > previousMouseXPos + DRAG_STEP) {
+    rotateX("left");
+    previousMouseXPos = event.clientX;
+  } else if (event.clientX < previousMouseXPos - DRAG_STEP) {
+    rotateX("right");
+    previousMouseXPos = event.clientX;
+  }
+}
+
+function handleVerticalRotation(event) {
+  if (previousMouseYPos === undefined) {
+    previousMouseYPos = event.clientY;
+    return;
+  }
+
+  if (event.clientY > previousMouseYPos + DRAG_STEP) {
+    if (currentY.value < yMax.value) {
+      currentY.value++;
+      previousMouseYPos = event.clientY;
+    }
+  } else if (event.clientY < previousMouseYPos - DRAG_STEP) {
+    if (currentY.value > 0) {
+      currentY.value--;
+      previousMouseYPos = event.clientY;
+    }
+  }
+}
+
+const throttledDragToRotate = throttle(dragToRotate, 50);
+
+watch(isDragToRotateEnabled, (newValue) => {
+  if (newValue) {
+    window.addEventListener("mousemove", throttledDragToRotate);
+  } else {
+    window.removeEventListener("mousemove", throttledDragToRotate);
+    previousMouseXPos = undefined;
+    previousMouseYPos = undefined;
+  }
+});
 </script>
+
+<style>
+.track figure {
+  position: relative;
+}
+
+.track .drag-zone {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+}
+</style>
diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue
index 97542f1..1786913 100644
--- a/src/components/project/virtual-sample/VirtualSample.vue
+++ b/src/components/project/virtual-sample/VirtualSample.vue
@@ -22,7 +22,7 @@
           aria-controls="dynamic"
           @click="activeTab = 'dynamic'"
         >
-          <span>Vue Dynamique</span>
+          <span>Présentation dynamique</span>
         </button>
         <button
           v-if="step.files.static"