diff --git a/resources/js/alert.js b/resources/js/alert.js
new file mode 100644
index 0000000..714c0fb
--- /dev/null
+++ b/resources/js/alert.js
@@ -0,0 +1,14 @@
+// ES6 Modules or TypeScript
+import Swal from 'sweetalert2'
+
+Swal.fire({
+  width: 235,
+  imageUrl: '/loue/img/logo_bogt.png',
+  imageWidth: 200,
+  imageHeight: 200,
+  imageAlt: 'Logo Loué terre d\'action',
+  background: '#4b8764',
+  confirmButtonText: '<a href="https://www.loue.fr/article/Des-ruches-d-abeilles-dans-les-parcours-%c3%a0-volailles-de-Lou%c3%a9/a197.aspx" target="_blank">Je valide mon achat</a>',
+  confirmButtonColor: '#005621',
+  showCloseButton: true,
+})
\ No newline at end of file
diff --git a/resources/themes/loue/css/_alert.scss b/resources/themes/loue/css/_alert.scss
new file mode 100644
index 0000000..ffc5083
--- /dev/null
+++ b/resources/themes/loue/css/_alert.scss
@@ -0,0 +1,10 @@
+.swal2-confirm{
+    border-radius: 0 !important;
+    box-shadow: 0px 5px 5px #00000069 !important;
+    a{
+        color: white;
+        text-transform: uppercase;
+        text-decoration: none;
+        font-family: MyriadProBold;
+    }
+}
\ No newline at end of file
diff --git a/resources/themes/loue/css/app.scss b/resources/themes/loue/css/app.scss
index 3a0685a..f8a865a 100644
--- a/resources/themes/loue/css/app.scss
+++ b/resources/themes/loue/css/app.scss
@@ -22,3 +22,4 @@ body {
 
 @import "index";
 @import "sub-page";
+@import "alert";
diff --git a/resources/themes/loue/img/logo_bogt.png b/resources/themes/loue/img/logo_bogt.png
new file mode 100644
index 0000000..a7e9551
Binary files /dev/null and b/resources/themes/loue/img/logo_bogt.png differ
diff --git a/resources/views/themes/loue/layout.blade.php b/resources/views/themes/loue/layout.blade.php
index fd2fa85..9002026 100644
--- a/resources/views/themes/loue/layout.blade.php
+++ b/resources/views/themes/loue/layout.blade.php
@@ -101,6 +101,7 @@
     </div>
 </div>
 
+<script src="{{ asset('js/alert.js') }}" type="text/javascript"></script>
 <script src="{{ asset('js/ldcweb-cn.min.js') }}"></script>
     <script>
         window.LDCWebCN = new LdcwebCn({
diff --git a/webpack.mix.js b/webpack.mix.js
index 40cb8d6..fd002a6 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -15,6 +15,7 @@ const mix = require('laravel-mix');
 BO
  */
 mix.js('resources/js/app.js', 'public/js')
+   .js('resources/js/alert.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
 
 /*