fix effet bord menu formsemestre

app/templates/formsemestre/menu.j2

@@ -10,19 +10,15 @@
  */
 
     /* CSS défaut */
-    * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-
+    :root{
         --sco-formsemestre-color-primary: rgb(214, 233, 248);
         --sco-formsemestre-color-accent: rgb(103, 167, 227);
     }
 
-    body {
-        font-family: Arial, sans-serif;
-        color: #333;
-        background-color: #f4f4f4;
+    .menu-wrapper *{
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
     }
 
     html{
@@ -128,7 +124,7 @@
     .sco-formsemestre-menu-menu>.dropdown>summary {
         text-transform: uppercase;
         font-weight: bold;
-        font-size: large !important;
+        font-size: 14px !important;
     }
 
     .sco-formsemestre-menu-link {
@@ -458,6 +454,7 @@
 {% endmacro %}
 
 {# Menu HTML #}
+<div class="menu-wrapper">
     <nav class="sco-formsemestre-menu">
         <div class="sco-formsemestre-menu-container">
             {# Icône menu hamburger #}
@@ -473,3 +470,4 @@
             </ul>
         </div>
     </nav>
+</div>