diff --git a/resources/views/fo/modules/video-frame.blade.php b/resources/views/fo/modules/video-frame.blade.php
index bc5fba6..b593b30 100644
--- a/resources/views/fo/modules/video-frame.blade.php
+++ b/resources/views/fo/modules/video-frame.blade.php
@@ -1,8 +1,9 @@
 @php $uniqueID = uniqid(); @endphp
-<a class="position-relative video-frame" data-newtab="{{ $linkNewTab }}"
+<div class="cn-youtube" data-id="{{ $videoId }}">
+    <a class="video-frame" data-newtab="{{ $linkNewTab }}"
     href="@if (!$linkNewTab) https://www.youtube.com/embed/{{ $videoId }} @else https://www.youtube.com/watch?v={{ $videoId }} @endif"
     @if (!$linkNewTab) data-type="{{ $type }}" data-frame="{{ route('fo.frame', ['frame' => $type]) }}" @else target="_blank" @endif>
-    <img class="video-thumbnail ratio ratio-16x9 rounded-4" src="{{ $picture }}" title="{{ $title }}" alt="{{ $alt }}">
-    <i
-        class="video-play-button fa-solid fa-circle-play position-absolute top-50 start-50 translate-middle fa-2xl text-tertiary bg-white"></i>
-</a>
+        <img class="video-thumbnail ratio ratio-16x9 rounded-4" src="{{ $picture }}" title="{{ $title }}" alt="{{ $alt }}">
+        <i class="video-play-button fa-solid fa-circle-play position-absolute top-50 start-50 translate-middle fa-2xl text-tertiary bg-white"></i>
+    </a>
+</div>
diff --git a/resources/views/fo/pages/hire.blade.php b/resources/views/fo/pages/hire.blade.php
index 20dc77b..e067a63 100644
--- a/resources/views/fo/pages/hire.blade.php
+++ b/resources/views/fo/pages/hire.blade.php
@@ -70,7 +70,7 @@
                                         @foreach ($videoModels as $video)
                                             <div class="swiper-slide h-auto">
                                                 <figure>
-                                                    <div class="d-md-flex justify-content-center cn-youtube">
+                                                    <div class="d-flex justify-content-center">
                                                         @include('fo.modules.video-frame', [
                                                             'type' => 'youtube',
                                                             'title' => __('Visionner la vidéo'),
diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php
index 4a1118f..59a45eb 100644
--- a/resources/views/fo/pages/home.blade.php
+++ b/resources/views/fo/pages/home.blade.php
@@ -68,12 +68,12 @@
                         </div>
                     @endif
                     <div class="col-12">
-                        <div class="d-md-flex justify-content-center cn-youtube">
+                        <div class="d-flex justify-content-center">
                             @include('fo.modules.video-frame', [
                                 'type' => 'youtube',
                                 'title' => __('Visionner la vidéo'),
                                 'videoId' => $missionSection->data['bloc_string_i_d_de_la_video_youtube']['value'],
-                                'picture' => $missionSection->data['bloc_illustration_de_la_video']['value'],
+                                'picture' => asset($missionSection->data['bloc_illustration_de_la_video']['value']),
                                 'alt' => __('Video_about_who_we_are'),
                                 'linkNewTab' => $missionSection->data['bloc_link_new_tab']['value'] ? true : false,
                             ])
diff --git a/resources/views/fo/pages/listen.blade.php b/resources/views/fo/pages/listen.blade.php
index 450ba48..e1e0cd6 100644
--- a/resources/views/fo/pages/listen.blade.php
+++ b/resources/views/fo/pages/listen.blade.php
@@ -17,18 +17,18 @@
 
 @section('content')
     <section class="anchor-padding container mb-5" id="listen">
-        <div class="d-none d-lg-block my-5 p-5 text-center">
+        <div class="d-none d-lg-block mb-5 pb-5 text-center">
             <a class="btn btn-outline-primary rounded-pill border-primary border shadow-none" href="{{ route('fo.hire.show') }}#on-se-retrouve">
                 {{ __('Je suis candidat') }}
             </a>
         </div>
         <div class="rounded-5 p-md-4" id="wrapper-listen-form">
-            <div class="row m-md-0 p-md-4 my-5 py-5">
+            <div class="row m-md-0 p-md-4 mb-5 pb-5">
                 {{-- <div class="col-12 col-lg-4 text-lg-start align-self-center">
                     <h2 class="h2 fw-bold text-primary m-0">{{ $staticPageModel->title }}</h2>
                 </div> --}}
                 <div class="d-lg-none col-12 text-center">
-                    <a class="btn btn-outline-primary rounded-pill border-primary text-lowercase my-3 border shadow-none"
+                    <a class="btn btn-outline-primary rounded-pill border-primary my-3 border shadow-none"
                         href="{{ route('fo.hire.show') }}#on-se-retrouve">
                         {{ __('Je suis candidat') }}
                     </a>
@@ -55,7 +55,7 @@
                         {{ __('Acceptez ce cookie pour utiliser les formulaires') }}
                     </small>
                 </span>
-                <button class="btn btn-primary w-25 h-50 fs-5 rounded-4 mt-md-0 mt-3" id="recaptcha-accept">{{ __('AUTORISER') }}</button>
+                <button class="btn btn-primary w-lg-25 h-50 fs-5 rounded-4 mt-md-0 mt-3" id="recaptcha-accept">{{ __('AUTORISER') }}</button>
             </div>
             <form class="rounded-4 p-md-3 p-xl-5 p-0" id="listen-form" method="POST" action="{{ route('fo.listen.send') }}"
                 enctype="multipart/form-data" inert>
@@ -99,7 +99,7 @@
                                     <div class="invalid-feedback d-block">{{ $message }}</div>
                                 @endforeach
                             </fieldset>
-                            <fieldset class="col-12 form-floating mb-3" inert="true">
+                            <fieldset class="col-12 form-floating mb-3">
                                 <input class="form-control bg-transparent" id="contactPhone" name="phone" type="tel"
                                     value="{{ old('phone') }}" placeholder="{{ Str::of(__('validation.attributes.phone'))->ucFirst() }}">
                                 <label for="contactPhone">{{ Str::of(__('validation.attributes.phone'))->ucFirst() }}</label>
diff --git a/resources/views/vendor/cn-cookies.blade.php b/resources/views/vendor/cn-cookies.blade.php
index 2b4fa50..fcc5a79 100644
--- a/resources/views/vendor/cn-cookies.blade.php
+++ b/resources/views/vendor/cn-cookies.blade.php
@@ -76,7 +76,7 @@ function () {
     for (let item of youtubeVids) {
         let id = item.dataset.id;
         let e = document.createElement('iframe');
-        e.src = "https://www.youtube.com/embed/" + id;
+        e.src = "https://www.youtube.com/embed/" + id + '?autoplay=1';
         e.width = "640";
         e.height = "360";
         e.frameBorder = "0";