diff --git a/frontend/index.css b/frontend/index.css
index bdb46b3..32acece 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -56,4 +56,14 @@ a {
 
 .fs-7 {
 	font-size: .75rem !important;
+}
+
+.mw-600 {
+	max-width: 600px;
+}
+.mw-900 {
+	max-width: 900px;
+}
+.mw-1200 {
+	max-width: 1200px;
 }
\ No newline at end of file
diff --git a/views/account_manage.html b/views/account_manage.html
index d7c4d9a..be811b1 100644
--- a/views/account_manage.html
+++ b/views/account_manage.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -12,20 +12,20 @@
       <hr />
     </div>
 
-    {% if Errors %}
-      <div class="alert alert-danger">
-        <ul class="m-0">
-          {% for Error in Errors %}
-            <li>{{ Error }}</li>
-          {% endfor %}
-        </ul>
-      </div>
-    {% endif %}
+    <form id="account" method="post" style="max-width: 1200px;">
+			{% if Errors %}
+			<div class="alert alert-danger">
+				<ul class="m-0">
+					{% for Error in Errors %}
+						<li>{{ Error }}</li>
+					{% endfor %}
+				</ul>
+			</div>
+			{% endif %}
 
-    <form id="account" method="post">
       <div class="row mb-3">
-        <label for="name" class="col-md-2 form-label"> Nom complet </label>
-        <div class="col-md-10">
+        <label for="name" class="col-md-2 col-xl-3 form-label"> Nom complet </label>
+        <div class="col-md-10 col-xl-9">
           <input
             id="name"
             class="form-control"
@@ -40,8 +40,8 @@
       </div>
 
       <div class="row mb-3">
-        <label for="email" class="col-md-2 form-label"> Email </label>
-        <div class="col-md-10">
+        <label for="email" class="col-md-2 col-xl-3 form-label"> Email </label>
+        <div class="col-md-10 col-xl-9">
           <input
             id="email"
             class="form-control"
@@ -55,8 +55,8 @@
       </div>
 
       <div class="row mb-3">
-        <label for="password" class="col-md-2 form-label"> Mot de passe </label>
-        <div class="col-md-10">
+        <label for="password" class="col-md-2 col-xl-3 form-label"> Mot de passe </label>
+        <div class="col-md-10 col-xl-9">
           <input
             id="password"
             class="form-control"
@@ -69,10 +69,10 @@
       </div>
 
       <div class="row mb-3">
-        <label for="password" class="col-md-2 form-label">
+        <label for="password" class="col-md-2 col-xl-3 form-label">
           Confirmer le mot de passe
         </label>
-        <div class="col-md-10">
+        <div class="col-md-10 col-xl-9">
           <input
             id="password-verify"
             class="form-control"
diff --git a/views/account_totp.html b/views/account_totp.html
index 627c31e..885b0f6 100644
--- a/views/account_totp.html
+++ b/views/account_totp.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
diff --git a/views/admin.html b/views/admin.html
index 3d2445c..a541ba7 100644
--- a/views/admin.html
+++ b/views/admin.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -12,8 +12,8 @@
       <hr />
     </div>
 
-    <div class="row">
-      <div class="col-md-6">
+    <div class="row" style="max-width: 600px;">
+      <div class="col-12">
         <a class="dashboard-tile" href="/admin/sections">
           <div class="alert alert-primary">
             <i class="bi-building me-2"></i>
@@ -21,7 +21,7 @@
           </div>
         </a>
       </div>
-      <div class="col-md-6">
+      <div class="col-12">
         <a class="dashboard-tile" href="/admin/lists">
           <div class="alert alert-primary">
             <i class="bi-list-check me-2"></i>
@@ -29,7 +29,7 @@
           </div>
         </a>
       </div>
-      <div class="col-md-6">
+      <div class="col-12">
         <a class="dashboard-tile" href="/admin/fields">
           <div class="alert alert-primary">
             <i class="bi-database-add me-2"></i>
@@ -37,7 +37,7 @@
           </div>
         </a>
       </div>
-      <div class="col-md-6">
+      <div class="col-12">
         <a class="dashboard-tile" href="/admin/users">
           <div class="alert alert-primary">
             <i class="bi-person-square me-2"></i>
@@ -45,7 +45,7 @@
           </div>
         </a>
       </div>
-      <div class="col-md-6">
+      <div class="col-12">
         <a class="dashboard-tile" href="/admin/roles">
           <div class="alert alert-primary">
             <i class="bi-briefcase me-2"></i>
diff --git a/views/error_page.html b/views/error_page.html
index 5c8a27f..e3bfd1b 100644
--- a/views/error_page.html
+++ b/views/error_page.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container text-center py-5">
+  <div class="container-fluid my-4 px-4 text-center py-5">
     <div class="h1 mb-3">Erreur {{ Code }}</div>
     <code>{{ Message }}</code>
   </div>
diff --git a/views/index.html b/views/index.html
index f3c5a52..6d4891b 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -11,9 +11,9 @@
       <hr />
     </div>
 
-    <div class="row">
+    <div class="row" style="max-width: 600px;">
       {% if Globals.AllowMembersPage %}
-        <div class="col-md-6">
+        <div class="col-12">
           <a class="dashboard-tile" href="/members">
             <div class="alert alert-primary">
               <i class="bi-people me-2"></i>
@@ -24,7 +24,7 @@
       {% endif %}
 
       {% if Globals.AllowContactsPage %}
-        <div class="col-md-6">
+        <div class="col-12">
           <a class="dashboard-tile" href="/contacts">
             <div class="alert alert-primary">
               <i class="bi-telephone me-2"></i>
@@ -35,7 +35,7 @@
       {% endif %}
 
       {% if Globals.UserIsAdmin %}
-        <div class="col-md-6">
+        <div class="col-12">
           <a class="dashboard-tile" href="/admin">
             <div class="alert alert-primary">
               <i class="bi-gear me-2"></i>
diff --git a/views/list.html b/views/list.html
index 720198f..adeb6ef 100644
--- a/views/list.html
+++ b/views/list.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container my-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -14,123 +14,97 @@
       <hr />
     </div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Nom</div>
-      <div class="col-md-10">
-        <input
-          type="text"
-          class="form-control"
-          value="{{ List.Name }}"
-          disabled
-          readonly
-        />
-      </div>
-    </div>
+		<div class="mw-1200">
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Nom</div>
+				<div class="col-md-10 col-xl-9">
+					<input
+						type="text"
+						class="form-control"
+						value="{{ List.Name }}"
+						disabled
+						readonly
+					/>
+				</div>
+			</div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Liste à choix multiples</div>
-      <div class="col-md-10">
-        {% if List.Multi %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-check-lg text-success"></i>
-            </span>
-            <input type="text" class="form-control" value="Oui" disabled />
-          </div>
-        {% else %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-x-lg text-danger"></i>
-            </span>
-            <input type="text" class="form-control" value="Non" disabled />
-          </div>
-        {% endif %}
-      </div>
-    </div>
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Liste à choix multiples</div>
+				<div class="col-md-10 col-xl-9">
+					{% if List.Multi %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-check-lg text-success"></i>
+							</span>
+							<input type="text" class="form-control" value="Oui" disabled />
+						</div>
+					{% else %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-x-lg text-danger"></i>
+							</span>
+							<input type="text" class="form-control" value="Non" disabled />
+						</div>
+					{% endif %}
+				</div>
+			</div>
 
-    <div class="my-4 row">
-      <div class="col-6">
-        <a
-          class="btn btn-outline-primary"
-          href="/admin/lists/{{ List.ID }}/edit"
-        >
-          <i class="bi-pencil-square"></i>
-          Modifier
-        </a>
-      </div>
-      <div class="col-6 text-end">
-        <button
-          type="button"
-          class="btn btn-outline-danger"
-          data-bs-toggle="modal"
-          data-bs-target="#modal-delete"
-        >
-          <i class="bi-trash3 me-1"></i>
-          Supprimer
-        </button>
-      </div>
-    </div>
+			<div class="p-3 my-4 bg-body-tertiary border">
+				<div class="mb-3">
+					<span class="h5">Liste</span>
+				</div>
 
-    <div class="my-3 row">
-      <div class="col-sm-9 h4">Contenu de la liste</div>
-      <div class="col-sm-3 text-end">
-        <a
-          class="btn btn-outline-primary"
-          href="/admin/lists/{{ List.ID }}/items/add"
-        >
-          <i class="bi-plus-lg"></i>
-          Ajouter
-        </a>
-      </div>
-    </div>
+				{% if ListItems %}
+				<ul class="p-0" style="list-style: none;">
+					{% for Item in ListItems %}
+					<li>
+						<a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}">
+							{{ Item.Value }}
+						</a>
+						{% if Item.Default %}
+							<span class="badge text-bg-success">Par défaut</span>
+						{% endif %}
+					</li>
+					{% endfor %}
+				</ul>
+				{% else %}
+					<div>Pas encore d'éléments dans cette liste</div>
+				{% endif %}
 
-    {% if ListItems %}
-      <div class="table-responsive">
-        <table class="table">
-          <thead>
-            <tr>
-              <th class="w-50">Valeur</th>
-              <th class="w-25">Par défaut</th>
-              <th class="w-25"></th>
-            </tr>
-          </thead>
-          <tbody>
-            {% for Item in ListItems %}
-              <tr>
-                <td>
-                  <a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}">
-                    {{ Item.Value }}
-                  </a>
-                </td>
-                <td>
-                  {% if Item.Default %}
-                    <i class="bi-check-lg text-success me-1"></i>
-                    Oui
-                  {% else %}
-                    <i class="bi-x-lg text-danger me-1"></i>
-                    Non
-                  {% endif %}
-                </td>
-                <td class="text-end">
-                  <button
-                    type="button"
-                    class="btn btn-outline-danger btn-sm"
-                    data-bs-toggle="modal"
-                    data-bs-target="#modal-delete-value-{{ Item.ID }}"
-                  >
-                    <i class="bi-trash3 me-1"></i>
-                    Supprimer
-                  </button>
-                </td>
-              </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    {% else %}
-      <div>Pas encore d'éléments dans cette liste.</div>
-    {% endif %}
-  </div>
+				<a
+					class="btn btn-outline-primary"
+					href="/admin/lists/{{ List.ID }}/items/add"
+				>
+					<i class="bi-plus-lg"></i>
+					Ajouter
+				</a>
+			</div>
+
+			<div class="my-4 row">
+				<div class="col-6">
+					<a
+						class="btn btn-outline-primary"
+						href="/admin/lists/{{ List.ID }}/edit"
+					>
+						<i class="bi-pencil-square"></i>
+						Modifier
+					</a>
+				</div>
+				<div class="col-6 text-end">
+					<button
+						type="button"
+						class="btn btn-outline-danger"
+						data-bs-toggle="modal"
+						data-bs-target="#modal-delete"
+					>
+						<i class="bi-trash3 me-1"></i>
+						Supprimer
+					</button>
+				</div>
+			</div>
+
+		</div>
+	</div>
 
   <div id="modal-delete" class="modal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
@@ -162,37 +136,4 @@
       </div>
     </div>
   </div>
-
-  {% for Item in ListItems %}
-    <div id="modal-delete-value-{{ Item.ID }}" class="modal" tabindex="-1">
-      <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content">
-          <div class="modal-body">
-            <p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
-          </div>
-          <div class="modal-footer">
-            <button
-              type="button"
-              class="btn btn-outline-secondary"
-              data-bs-dismiss="modal"
-            >
-              <i class="bi-x-lg me-1"></i>
-              Annuler
-            </button>
-
-            <form
-              action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
-              method="post"
-              class="d-inline p-0"
-            >
-              <button class="btn btn-outline-danger" type="submit">
-                <i class="bi-trash3 me-1"></i>
-                Supprimer
-              </button>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  {% endfor %}
 {% endblock %}
diff --git a/views/listitem_form.html b/views/listitem_form.html
index d9e22e7..94d3308 100644
--- a/views/listitem_form.html
+++ b/views/listitem_form.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -22,17 +22,17 @@
       <hr />
     </div>
 
-    {% if Errors %}
-      <div class="alert alert-danger">
-        <ul class="m-0">
-          {% for Error in Errors %}
-            <li>{{ Error }}</li>
-          {% endfor %}
-        </ul>
-      </div>
-    {% endif %}
+    <form id="listitem" method="post" class="mw-900">
+			{% if Errors %}
+			<div class="alert alert-danger">
+				<ul class="m-0">
+					{% for Error in Errors %}
+						<li>{{ Error }}</li>
+					{% endfor %}
+				</ul>
+			</div>
+			{% endif %}
 
-    <form id="listitem" method="post">
       <div class="row mb-3">
         <label for="value" class="form-label col-md-2"> Valeur </label>
         <div class="col-md-10">
@@ -67,12 +67,60 @@
         </div>
       </div>
 
-      <div class="my-4">
-        <button class="btn btn-outline-primary" type="submit">
-          <i class="me-1 bi-floppy"></i>
-          Enregistrer
-        </button>
+      <div class="my-4 row">
+				<div class="col-6">
+					<button class="btn btn-outline-primary" type="submit">
+						<i class="me-1 bi-floppy"></i>
+						Enregistrer
+					</button>
+				</div>
+				<div class="col-6 text-end">
+					{% if ListItem.ID %}
+					<button
+						type="button"
+						class="btn btn-outline-danger"
+						data-bs-toggle="modal"
+						data-bs-target="#modal-delete"
+					>
+						<i class="bi-trash3 me-1"></i>
+						Supprimer
+					</button>
+					{% endif %}
+				</div>
       </div>
     </form>
   </div>
+	
+	{% if ListItem.ID %}
+	<div id="modal-delete" class="modal" tabindex="-1">
+		<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content">
+				<div class="modal-body">
+					<p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						class="btn btn-outline-secondary"
+						data-bs-dismiss="modal"
+					>
+						<i class="bi-x-lg me-1"></i>
+						Annuler
+					</button>
+
+					<form
+						action="/admin/lists/{{ List.ID }}/items/{{ ListItem.ID }}/delete"
+						method="post"
+						class="d-inline p-0"
+					>
+						<button class="btn btn-outline-danger" type="submit">
+							<i class="bi-trash3 me-1"></i>
+							Supprimer
+						</button>
+					</form>
+				</div>
+			</div>
+		</div>
+	</div>
+	{% endif %}
 {% endblock %}
diff --git a/views/lists.html b/views/lists.html
index 89941f7..a71d350 100644
--- a/views/lists.html
+++ b/views/lists.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container my-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
diff --git a/views/section.html b/views/section.html
index ed5c292..74bacfe 100644
--- a/views/section.html
+++ b/views/section.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -16,148 +16,150 @@
       <hr />
     </div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Nom</div>
-      <div class="col-md-10">
-        <input
-          type="text"
-          class="form-control"
-          value="{{ Section.Name }}"
-          disabled
-          readonly
-        />
-      </div>
-    </div>
+		<div class="mw-1200">
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Nom</div>
+				<div class="col-md-10 col-xl-9">
+					<input
+						type="text"
+						class="form-control"
+						value="{{ Section.Name }}"
+						disabled
+						readonly
+					/>
+				</div>
+			</div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Nom technique</div>
-      <div class="col-md-10">
-        <input
-          type="text"
-          class="form-control"
-          value="{{ Section.ShortName }}"
-          disabled
-          readonly
-        />
-      </div>
-    </div>
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Nom technique</div>
+				<div class="col-md-10 col-xl-9">
+					<input
+						type="text"
+						class="form-control"
+						value="{{ Section.ShortName }}"
+						disabled
+						readonly
+					/>
+				</div>
+			</div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Section parente</div>
-      <div class="col-md-10">
-        {% if Section.ParentSectionID %}
-          <input
-            type="text"
-            class="form-control"
-            value="{{ Section.ParentSection.Name }}"
-            disabled
-            readonly
-          />
-        {% else %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-x-lg text-danger"></i>
-            </span>
-            <input type="text" class="form-control" value="Non" disabled />
-          </div>
-        {% endif %}
-      </div>
-    </div>
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Section parente</div>
+				<div class="col-md-10 col-xl-9">
+					{% if Section.ParentSectionID %}
+						<input
+							type="text"
+							class="form-control"
+							value="{{ Section.ParentSection.Name }}"
+							disabled
+							readonly
+						/>
+					{% else %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-x-lg text-danger"></i>
+							</span>
+							<input type="text" class="form-control" value="Non" disabled />
+						</div>
+					{% endif %}
+				</div>
+			</div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Peut contenir des membres</div>
-      <div class="col-md-10">
-        {% if Section.ContainsMembers %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-check-lg text-success"></i>
-            </span>
-            <input type="text" class="form-control" value="Oui" disabled />
-          </div>
-        {% else %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-x-lg text-danger"></i>
-            </span>
-            <input type="text" class="form-control" value="Non" disabled />
-          </div>
-        {% endif %}
-      </div>
-    </div>
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Peut contenir des membres</div>
+				<div class="col-md-10 col-xl-9">
+					{% if Section.ContainsMembers %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-check-lg text-success"></i>
+							</span>
+							<input type="text" class="form-control" value="Oui" disabled />
+						</div>
+					{% else %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-x-lg text-danger"></i>
+							</span>
+							<input type="text" class="form-control" value="Non" disabled />
+						</div>
+					{% endif %}
+				</div>
+			</div>
 
-    <div class="row mb-3">
-      <div class="col-md-2">Peut contenir des contacts</div>
-      <div class="col-md-10">
-        {% if Section.ContainsContacts %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-check-lg text-success"></i>
-            </span>
-            <input type="text" class="form-control" value="Oui" disabled />
-          </div>
-        {% else %}
-          <div class="input-group">
-            <span class="input-group-text">
-              <i class="bi-x-lg text-danger"></i>
-            </span>
-            <input type="text" class="form-control" value="Non" disabled />
-          </div>
-        {% endif %}
-      </div>
-    </div>
+			<div class="row mb-3">
+				<div class="col-md-2 col-xl-3">Peut contenir des contacts</div>
+				<div class="col-md-10 col-xl-9">
+					{% if Section.ContainsContacts %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-check-lg text-success"></i>
+							</span>
+							<input type="text" class="form-control" value="Oui" disabled />
+						</div>
+					{% else %}
+						<div class="input-group">
+							<span class="input-group-text">
+								<i class="bi-x-lg text-danger"></i>
+							</span>
+							<input type="text" class="form-control" value="Non" disabled />
+						</div>
+					{% endif %}
+				</div>
+			</div>
 
-    <div class="my-4 row">
-      <div class="col-6">
-        <a
-          class="btn btn-outline-primary"
-          href="/admin/sections/{{ Section.ID }}/edit"
-        >
-          <i class="bi-pencil-square"></i>
-          Modifier
-        </a>
-      </div>
-      <div class="col-6 text-end">
-        <button
-          type="button"
-          class="btn btn-outline-danger"
-          data-bs-toggle="modal"
-          data-bs-target="#modal-delete"
-        >
-          <i class="bi-trash3 me-1"></i>
-          Supprimer
-        </button>
-      </div>
-    </div>
-  </div>
+			<div class="my-4 row">
+				<div class="col-6">
+					<a
+						class="btn btn-outline-primary"
+						href="/admin/sections/{{ Section.ID }}/edit"
+					>
+						<i class="bi-pencil-square"></i>
+						Modifier
+					</a>
+				</div>
+				<div class="col-6 text-end">
+					<button
+						type="button"
+						class="btn btn-outline-danger"
+						data-bs-toggle="modal"
+						data-bs-target="#modal-delete"
+					>
+						<i class="bi-trash3 me-1"></i>
+						Supprimer
+					</button>
+				</div>
+			</div>
+		</div>
 
-  <div id="modal-delete" class="modal" tabindex="-1">
-    <div class="modal-dialog modal-dialog-centered">
-      <div class="modal-content">
-        <div class="modal-body">
-          <p>Êtes-vous sûr de vouloir supprimer cette section ?</p>
-        </div>
-        <div class="modal-footer">
-          <button
-            type="button"
-            class="btn btn-outline-secondary"
-            data-bs-dismiss="modal"
-          >
-            <i class="bi-x-lg me-1"></i>
-            Annuler
-          </button>
+		<div id="modal-delete" class="modal" tabindex="-1">
+			<div class="modal-dialog modal-dialog-centered">
+				<div class="modal-content">
+					<div class="modal-body">
+						<p>Êtes-vous sûr de vouloir supprimer cette section ?</p>
+					</div>
+					<div class="modal-footer">
+						<button
+							type="button"
+							class="btn btn-outline-secondary"
+							data-bs-dismiss="modal"
+						>
+							<i class="bi-x-lg me-1"></i>
+							Annuler
+						</button>
 
-          <form
-            action="/admin/sections/{{ Section.ID }}/delete"
-            method="post"
-            class="d-inline p-0"
-          >
-            <button class="btn btn-outline-danger" type="submit">
-              <i class="bi-trash3 me-1"></i>
-              Supprimer
-            </button>
-          </form>
-        </div>
-      </div>
-    </div>
-  </div>
+						<form
+							action="/admin/sections/{{ Section.ID }}/delete"
+							method="post"
+							class="d-inline p-0"
+						>
+							<button class="btn btn-outline-danger" type="submit">
+								<i class="bi-trash3 me-1"></i>
+								Supprimer
+							</button>
+						</form>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 {% endblock %}
diff --git a/views/section_form.html b/views/section_form.html
index 7a2191c..72ebc4b 100644
--- a/views/section_form.html
+++ b/views/section_form.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container mt-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">
@@ -24,20 +24,20 @@
       <hr />
     </div>
 
-    {% if Errors %}
-      <div class="alert alert-danger">
-        <ul class="m-0">
-          {% for Error in Errors %}
-            <li>{{ Error }}</li>
-          {% endfor %}
-        </ul>
-      </div>
-    {% endif %}
+    <form id="section" method="post" class="mw-1200">
+			{% if Errors %}
+			<div class="alert alert-danger">
+				<ul class="m-0">
+					{% for Error in Errors %}
+						<li>{{ Error }}</li>
+					{% endfor %}
+				</ul>
+			</div>
+			{% endif %}
 
-    <form id="section" method="post">
       <div class="row mb-3">
-        <label for="name" class="form-label col-md-2"> Nom </label>
-        <div class="col-md-10">
+        <label for="name" class="form-label col-md-2 col-xl-3"> Nom </label>
+        <div class="col-md-10 col-xl-9">
           <input
             id="name"
             class="form-control"
@@ -52,10 +52,10 @@
       </div>
 
       <div class="row mb-3">
-        <label for="short_name" class="form-label col-md-2">
+        <label for="short_name" class="form-label col-md-2 col-xl-3">
           Nom technique
         </label>
-        <div class="col-md-10">
+        <div class="col-md-10 col-xl-9">
           <input
             id="short_name"
             class="form-control"
@@ -69,10 +69,10 @@
       </div>
 
       <div class="row mb-3">
-        <label for="parent_section" class="form-label col-md-2">
+        <label for="parent_section" class="form-label col-md-2 col-xl-3">
           Section parente
         </label>
-        <div class="col-md-10">
+        <div class="col-md-10 col-xl-9">
           <select
             id="parent_section"
             class="form-select"
@@ -98,7 +98,7 @@
       </div>
 
       <div class="row mb-3">
-        <div class="col-md-10 offset-md-2">
+        <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
           <input
             type="checkbox"
             class="form-check-input me-2"
@@ -116,7 +116,7 @@
       </div>
 
       <div class="row mb-3">
-        <div class="col-md-10 offset-md-2">
+        <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
           <input
             type="checkbox"
             class="form-check-input me-2"
diff --git a/views/sections.html b/views/sections.html
index 5423a48..76acfa0 100644
--- a/views/sections.html
+++ b/views/sections.html
@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-  <div class="container my-4">
+  <div class="container-fluid my-4 px-4">
     <div class="mb-4">
       <nav>
         <ol class="breadcrumb">