diff --git a/public/aniridie.html b/public/aniridie.html
index 2c51295d29935656a614937d2bfdd47e9e02f187..df5bd6baedecf5b9db696b069925318663b1ade6 100644
--- a/public/aniridie.html
+++ b/public/aniridie.html
@@ -207,22 +207,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/favisme.html b/public/favisme.html
index 21f2fdbcaf3ab58c563c645e42b13b67779bbc5a..c8c06ceffebb33509629b172e43f6bcd66850857 100644
--- a/public/favisme.html
+++ b/public/favisme.html
@@ -226,22 +226,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/hunting.html b/public/hunting.html
index 663134c55a701535ef3ab1ffc88d24eb1d0d035d..9a878266243d08b7321803ce037c479f1fce805f 100644
--- a/public/hunting.html
+++ b/public/hunting.html
@@ -215,22 +215,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/lowesynd.html b/public/lowesynd.html
index a8e4b1de3b50183d13d791117a0aa2e0d32a9846..3bfdd5e34cf9ca87f24fc32477edea8806cf9fe8 100644
--- a/public/lowesynd.html
+++ b/public/lowesynd.html
@@ -224,22 +224,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/mucovisc.html b/public/mucovisc.html
index 4ecffa62a98a9b7d538ed7b6bbe660317986d511..06a22892a51d0c8841c4653dc9a6cf4b7acd8c30 100644
--- a/public/mucovisc.html
+++ b/public/mucovisc.html
@@ -217,22 +217,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/myopath.html b/public/myopath.html
index 64ccd215af078b209fbde38a25f5a919d72d4287..c6d08e5f5c61fd1d6a4cbc4e92b7947fc932297d 100644
--- a/public/myopath.html
+++ b/public/myopath.html
@@ -224,21 +224,25 @@
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/phenylc.html b/public/phenylc.html
index 9c508c6856f7f3c477cfc881dedd0c6adeed6d81..b6ba712f5ae17cf488088c229b59bb8d6f8680d3 100644
--- a/public/phenylc.html
+++ b/public/phenylc.html
@@ -222,21 +222,25 @@
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
diff --git a/public/surmut.html b/public/surmut.html
index f47cd9112feaa077b9046b6fd5e033dc3f3fb2b3..49f15b55ee5901ad1702d304dd24c2bb135143e5 100644
--- a/public/surmut.html
+++ b/public/surmut.html
@@ -218,22 +218,25 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</div>
</div>
<!-- Modal -->
- <div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h1 class="modal-title fs-5" id="exampleModalLabel">Correction</h1>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p id='correction'></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-success" data-bs-dismiss="modal">Fermer</button>
- </div>
- </div>
- </div>
- </div>
+<div class="modal fade" id="ModalCorrection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header bg-success text-white">
+ <h5 class="modal-title" id="exampleModalLabel">Correction</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div class="alert alert-info" role="alert">
+ <p id="correction" class="mb-0"></p>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-success" data-bs-dismiss="modal">Fermer</button>
+ </div>
+ </div>
+ </div>
+</div>
+
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
</body>