diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
index 56d305f2..8e965edd 100644
--- a/.github/workflows/pr.yml
+++ b/.github/workflows/pr.yml
@@ -81,6 +81,14 @@ jobs:
         env:
           MP_SMTP_AUTH_ACCEPT_ANY: 1
           MP_SMTP_AUTH_ALLOW_INSECURE: 1
+    services:
+      mailpit:
+        image: axllent/mailpit
+        ports:
+          - 1025:1025
+        env:
+          MP_SMTP_AUTH_ACCEPT_ANY: 1
+          MP_SMTP_AUTH_ALLOW_INSECURE: 1
 
   test-frontend-format:
     name: Test Frontend Formatting
diff --git a/backend/src/config.py b/backend/src/config.py
index 069ba1f4..07945582 100644
--- a/backend/src/config.py
+++ b/backend/src/config.py
@@ -1,6 +1,7 @@
 import os
 from datetime import datetime
 from smtplib import SMTP
+from smtplib import SMTP
 
 import boto3
 from fastapi.security import OpenIdConnect
diff --git a/backend/src/router.py b/backend/src/router.py
index 7325b113..fe2a2f54 100644
--- a/backend/src/router.py
+++ b/backend/src/router.py
@@ -2,6 +2,7 @@
 import os
 import time
 from typing import Annotated, Union
+from typing import Annotated, Union
 from uuid import uuid4
 
 from basegun_ml.classification import get_typology
@@ -11,6 +12,7 @@
     BackgroundTasks,
     Cookie,
     Depends,
+    Depends,
     File,
     Form,
     HTTPException,
@@ -24,6 +26,8 @@
 from .config import APP_VERSION, S3_PREFIX, TYPOLOGIES_MEASURED, get_base_logs
 from .models import EmailData
 from .utils import get_current_user, send_mail, upload_image
+from .models import EmailData
+from .utils import get_current_user, send_mail, upload_image
 
 router = APIRouter(prefix="/api")
 
diff --git a/backend/src/utils.py b/backend/src/utils.py
index ba7b05a2..f7d919ee 100644
--- a/backend/src/utils.py
+++ b/backend/src/utils.py
@@ -56,7 +56,7 @@ async def get_current_user(token: Annotated[str, Depends(OAUTH2_SCHEME)]):
             token.split()[1],
             PUBLIC_KEY,
             algorithms=["RS256"],
-            audience=["master-realm", "account"],
+            # audience=["master-realm", "account"],
         )
     except jwt.InvalidTokenError:
         raise credentials_exception
diff --git a/backend/tests/test_api.py b/backend/tests/test_api.py
index 11b25701..0c5c457b 100644
--- a/backend/tests/test_api.py
+++ b/backend/tests/test_api.py
@@ -119,6 +119,7 @@ def test_headers(self):
             assert header_to_add["name"].lower() in CURRENT_HEADERS
 
 
+
 class TestUpload:
     def test_revolver_without_card(self):
         with open("./tests/revolver.jpg", "rb") as f:
diff --git a/frontend/src/api/api-client.ts b/frontend/src/api/api-client.ts
new file mode 100644
index 00000000..f6471ea4
--- /dev/null
+++ b/frontend/src/api/api-client.ts
@@ -0,0 +1,52 @@
+/* eslint-disable camelcase */
+import axios from "axios";
+import {
+  ASK_FOR_OPINION_ROUTE,
+  IDENTIFICATION_DUMMY_ROUTE,
+  IDENTIFICATION_FEEDBACK_ROUTE,
+  TUTORIAL_FEEDBACK_ROUTE,
+  UPLOAD_PHOTO_FOR_DETECTION_ROUTE,
+} from "./api-routes";
+
+export const uploadPhotoForDetection = async (file: File) => {
+  const fd = new FormData();
+  fd.append("image", file, file.name);
+  fd.append("date", "" + Date.now() / 1000); // date.now gives in milliseconds, convert to seconds
+
+  const { data } = await axios.post(UPLOAD_PHOTO_FOR_DETECTION_ROUTE, fd);
+  return data;
+};
+
+export const sendTutorialFeedback = async (feedback: any) => {
+  const { data } = await axios.post(TUTORIAL_FEEDBACK_ROUTE, feedback);
+  return data;
+};
+
+export const sendIdentificationFeedback = async (feedbackData: any) => {
+  const { data } = await axios.post(
+    IDENTIFICATION_FEEDBACK_ROUTE,
+    feedbackData,
+  );
+  return data;
+};
+
+export const sendIdentificationDummyFeedback = async (feedbackDummy: any) => {
+  const { data } = await axios.post(IDENTIFICATION_DUMMY_ROUTE, feedbackDummy);
+  return data;
+};
+
+export const sendExpertiseForm = async (
+  feedbackExpert: any,
+  accessToken: string,
+) => {
+  try {
+    const { data } = await axios.post(ASK_FOR_OPINION_ROUTE, feedbackExpert, {
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+      },
+    });
+    return data;
+  } catch (error) {
+    console.error("Erreur lors de l'envoi du formulaire :", error);
+  }
+};
diff --git a/frontend/src/api/api-routes.ts b/frontend/src/api/api-routes.ts
new file mode 100644
index 00000000..f134236c
--- /dev/null
+++ b/frontend/src/api/api-routes.ts
@@ -0,0 +1,5 @@
+export const UPLOAD_PHOTO_FOR_DETECTION_ROUTE = "/upload";
+export const TUTORIAL_FEEDBACK_ROUTE = "/tutorial-feedback";
+export const IDENTIFICATION_FEEDBACK_ROUTE = "/identification-feedback";
+export const IDENTIFICATION_DUMMY_ROUTE = "/identification-dummy";
+export const ASK_FOR_OPINION_ROUTE = "/expert-contact";
diff --git a/frontend/src/components/ContactExpert.vue b/frontend/src/components/ContactExpert.vue
index 4a673712..fba1b85d 100644
--- a/frontend/src/components/ContactExpert.vue
+++ b/frontend/src/components/ContactExpert.vue
@@ -7,7 +7,7 @@
       href="#"
       icon="ri-alert-line"
       label="Contacter un expert"
-      @click="$router.push({ name: 'ExpertSituationGN' })"
+      @click="$router.push({ name: 'ExpertSituation' })"
     />
   </div>
 </template>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index ebd4ffe7..8641744f 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -9,6 +9,7 @@ import { clearLocalStorage } from "@/utils/storage-utils.js";
 import { mgr } from "@/utils/authentication";
 
 import MissingCardPage from "@/views/MissingCardPage.vue";
+import ExpertiseForm from "@/views/GuideAskingExpertise/ExpertiseForm.vue";
 
 const HomePage = () => import("@/views/HomePage.vue");
 const StartPage = () => import("@/views/StartPage.vue");
@@ -194,30 +195,33 @@ const routes: RouteRecordRaw[] = [
       wholeLogo: true,
     },
   },
-
-  // tutorial to contact expert
   {
-    path: "/guide-contact-pn",
-    name: "ExpertSituationPN",
+    path: "/guide-contact",
+    name: "ExpertSituation",
     component: ExpertSituation,
+    beforeEnter: (to, from, next) => {
+      mgr.getUser().then((user) => {
+        console.log(user);
+        if (user === null) {
+          mgr.signinRedirect();
+        } else {
+          next();
+        }
+      });
+    },
   },
   {
-    path: "/guide-contact-gn",
-    name: "ExpertSituationGN",
-    component: ExpertSituation,
-    beforeEnter: (to, from) => {
+    path: "/guide-demande-expertise",
+    name: "ExpertiseForm",
+    component: ExpertiseForm,
+    beforeEnter: (to, from, next) => {
       mgr.getUser().then((user) => {
         console.log(user);
-        if (user === null)
-          mgr
-            .signinRedirect()
-            .then((data) => console.log(data))
-            .catch((err) => {
-              console.log(err);
-              return {
-                name: "PageNotFound",
-              };
-            });
+        if (user === null) {
+          mgr.signinRedirect();
+        } else {
+          next();
+        }
       });
     },
   },
@@ -234,10 +238,19 @@ const routes: RouteRecordRaw[] = [
       {
         path: "callback",
         name: "AuthCallback",
-        beforeEnter: (to, from) => {
-          mgr.signinCallback();
-          mgr.getUser().then((user) => console.log(user));
-          return { name: "ExpertSituationGN" };
+        beforeEnter: async (to, from, next) => {
+          try {
+            await mgr.signinRedirectCallback();
+            const user = await mgr.getUser();
+            if (user !== null) {
+              next({ name: "ExpertSituation" });
+            } else {
+              next({ name: "AuthRedirect" });
+            }
+          } catch (error) {
+            console.error("Erreur signin callback:", error);
+            next({ name: "AuthRedirect" });
+          }
         },
       },
     ],
diff --git a/frontend/src/utils/authentication.ts b/frontend/src/utils/authentication.ts
index e754bb78..fe29a46b 100644
--- a/frontend/src/utils/authentication.ts
+++ b/frontend/src/utils/authentication.ts
@@ -6,7 +6,8 @@ export const mgr = new UserManager({
   authority: import.meta.env.VITE_OIDC_AUTHORITY,
   client_id: import.meta.env.VITE_OIDC_CLIENT_ID,
   redirect_uri: `${FRONTEND_URL}/auth/callback`,
-  silent_redirect_uri: `${FRONTEND_URL}`,
   post_logout_redirect_uri: `${FRONTEND_URL}`,
   response_type: "code",
+  scope: "openid profile email",
+  automaticSilentRenew: false,
 });
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue
new file mode 100644
index 00000000..60a8eb64
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue
@@ -0,0 +1,602 @@
+<template>
+  <div>
+    <h1 class="fr-mt-3w flex justify-center titlePage">
+      <div>Questionnaire demande</div>
+      <div><span style="color: blue"> d'avis</span></div>
+    </h1>
+
+    <div class="fr-col-11 fr-col-lg-6 mx-auto">
+      <div class="fr-mb-5w">
+        <StepsGuide
+          class="!fr-container"
+          :steps="steps"
+          :current-step="currentStep"
+        />
+      </div>
+
+      <p><span style="color: red">*</span> : Champ obligatoire</p>
+
+      <div v-if="currentStep === 1">
+        <Teleport to="body">
+          <DsfrModal
+            title="Avertissement"
+            :opened="showWarning"
+            icon="ri-error-warning-line"
+            @close="onClose()"
+          >
+            <template #default>
+              <div class="fr-alert fr-alert--warning">
+                <p>
+                  Avant de procéder à cette demande de contact, veuillez noter
+                  que vous êtes sur le point d'envoyer une demande d'avis à un
+                  expert auprès de l'IRCGN. <br />
+                  <br />
+                  <span class="font-bold"
+                    >Assurez-vous que cette demande est conforme aux règles en
+                    vigueur et que vous disposez de toutes les autorisations
+                    nécessaires.
+                  </span>
+                  <br />
+                  <br />
+                  En cas de doute, veuillez contacter votre supérieur
+                  hiérarchique ou le service compétent. En procédant,
+                  <span class="font-bold"
+                    >vous confirmez votre compréhension et votre engagement à
+                    établir une procédure d'expertise.</span
+                  >
+                </p>
+              </div>
+              <div class="fr-mt-3w">
+                <DsfrButton
+                  class="justify-center confirm-button flex !w-full"
+                  icon="ri-checkbox-circle-line"
+                  label="Je confirme avoir pris connaissance des consignes"
+                  @click="showWarning = false"
+                />
+              </div>
+            </template>
+          </DsfrModal>
+        </Teleport>
+
+        <div class="justify-center fr-pb-15w">
+          <DsfrInput
+            v-model="lastname"
+            class="mb-5"
+            label="Nom"
+            label-visible
+            required="true"
+            disabled="true"
+          />
+          <DsfrInput
+            v-model="firstname"
+            class="mb-5"
+            label="Prénom"
+            label-visible
+            required="true"
+            disabled="true"
+          />
+          <DsfrInput
+            v-model="nigend"
+            class="mb-5"
+            label="NIGEND"
+            label-visible
+            required="true"
+            disabled="true"
+          />
+          <DsfrInput
+            v-model="service"
+            class="mb-5"
+            label="Service d'affectation"
+            label-visible
+          />
+          <DsfrInput
+            v-model="phone"
+            class="mb-5"
+            label="Numéro de téléphone"
+            hint="Format attendu : 06 12 34 56 78"
+            label-visible
+            required="true"
+          />
+          <DsfrInput
+            id="adresse"
+            v-model="email"
+            class="mb-5"
+            label="Adresse électronique"
+            type="email"
+            label-visible
+            required="true"
+            disabled="true"
+          />
+        </div>
+      </div>
+
+      <div v-if="currentStep === 2">
+        <div class="justify-center fr-pb-15w">
+          <DsfrInput
+            v-model="seizure"
+            class="mb-5"
+            label="Date de la saisie"
+            type="date"
+            label-visible
+            required="true"
+          />
+          <DsfrInput
+            v-model="una_or_procedure_number"
+            class="mb-5"
+            label="UNA / Numéro de procédure"
+            label-visible
+            required="true"
+          />
+          <DsfrSelect
+            v-model="gun_type"
+            class="mb-5"
+            label="Type d'arme"
+            :options="typeArmeOptions"
+          />
+          <DsfrInput
+            v-model="gun_length"
+            class="mb-5"
+            label="Longueur de l'arme (en cm)"
+            type="number"
+            label-visible
+          />
+          <DsfrInput
+            v-model="gun_barrel_length"
+            class="mb-5"
+            label="Longueur du canon (en cm)"
+            type="number"
+            label-visible
+          />
+          <DsfrInput
+            v-if="showMarquage"
+            v-model="markings_description"
+            class="mb-5"
+            label="Description des marquages"
+            label-visible
+          />
+          <DsfrCheckbox
+            class="fr-mt-2w fr-btn--sm"
+            :label="buttonLabelMarquage"
+            @click="toggleMarquage"
+          />
+        </div>
+      </div>
+
+      <div v-if="currentStep === 3">
+        <Teleport to="body">
+          <DsfrModal
+            title="Consignes pour les prises de photos"
+            icon="ri-arrow-right-line"
+            :opened="showModalPhotos"
+            @close="onClose()"
+          >
+            <template #default>
+              <div class="fr-alert fr-alert--warning">
+                <div class="flex justify-content">
+                  <p>
+                    Pour faciliter l'analyse de votre demande, veuillez tenir
+                    compte de la liste des photos à prendre en veillant à la
+                    qualité de celles-ci (<span class="font-bold"
+                      >netteté, exposition, orientation, sans perspective)
+                      :</span
+                    >
+                    <br />
+                  </p>
+                </div>
+                <br />
+                <li>
+                  <span class="font-bold"
+                    >Vue d'ensemble de l'arme côté gauche</span
+                  >
+                </li>
+                <li>
+                  <span class="font-bold"
+                    >Vue d'ensemble de l'arme côté droite</span
+                  >
+                </li>
+                <li>
+                  <span class="font-bold"
+                    >Vue(s) rapprochée(s) des marquages et poinçon(s)</span
+                  >
+                </li>
+                <li><span class="font-bold">Une photo du chargeur</span></li>
+              </div>
+              <div class="fr-mt-3w">
+                <DsfrButton
+                  class="justify-center flex !w-full"
+                  icon="ri-checkbox-circle-line"
+                  label="Je confirme avoir pris connaissance des consignes"
+                  @click="showModalPhotos = false"
+                />
+              </div>
+            </template>
+          </DsfrModal>
+        </Teleport>
+
+        <div class="fr-mt-2w fr-mb-2w">
+          <a class="help" href="#" @click="showModalPhotos = true">
+            Consignes de prise de photos
+            <VIcon name="ri-mail-line" />
+          </a>
+        </div>
+
+        <div class="justify-center fr-pb-15w">
+          <div class="separatorUpload">
+            <DsfrFileUpload
+              v-model="left_picture"
+              label="Vue d'ensemble côté gauche *"
+              hint="Formats acceptés : .jpg, .png"
+              :accept="['.jpg', '.png']"
+              @change="handleFileChange"
+            />
+          </div>
+
+          <div class="separatorUpload">
+            <DsfrFileUpload
+              v-model="right_picture"
+              label="Vue d'ensemble côté droit *"
+              hint="Formats acceptés : .jpg, .png"
+              :accept="['.jpg', '.png']"
+              @change="handleFileChange"
+            />
+          </div>
+
+          <div class="separatorUpload">
+            <DsfrFileUpload
+              v-model="markings_pictures"
+              label="Une vue rapprochée des marquages et poinçons *"
+              hint="Formats acceptés : .jpg, .png"
+              :accept="['.jpg', '.png']"
+              @change="handleFileChange"
+            />
+          </div>
+
+          <div class="separatorUpload fr-mb-4w">
+            <DsfrFileUpload
+              v-if="showChargeur"
+              v-model="magazine_picture"
+              label="Chargeur *"
+              hint="Formats acceptés : .jpg, .png"
+              :accept="['.jpg', '.png']"
+              @change="handleFileChange"
+            />
+
+            <DsfrCheckbox
+              class="fr-mt-2w fr-btn--sm"
+              :label="buttonLabelChargeur"
+              @click="toggleChargeur"
+            />
+          </div>
+
+          <Teleport to="body">
+            <DsfrModal
+              title="Envoi du formulaire"
+              icon="ri-arrow-right-line"
+              :opened="showModalSubmit"
+              @close="onClose()"
+            >
+              <template #default>
+                <div
+                  v-if="formSubmissionStatus === 'success'"
+                  class="form-submission-status"
+                >
+                  <DsfrAlert
+                    title="Succès"
+                    description="Le formulaire a été envoyé avec succès."
+                    type="success"
+                  />
+                  <p>
+                    Vous recevrez prochainemenent une réponse sur votre adresse
+                    mail professionnel.
+                  </p>
+                </div>
+                <div v-else class="form-submission-status">
+                  <DsfrAlert
+                    title="Erreur"
+                    description="Le formulaire n'a pas pu être envoyé. Veuillez réessayer plus tard."
+                    type="error"
+                  />
+                </div>
+                <div class="small-blank" />
+                <div class="fr-col-12 fr-col-lg-6 footer-actions mx-auto">
+                  <DsfrButton
+                    class="flex justify-center"
+                    icon="ri-home-4-line"
+                    label="Retour à l'accueil"
+                    @click="$router.push({ name: 'StartPage' })"
+                  />
+                </div>
+              </template>
+            </DsfrModal>
+          </Teleport>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="footer">
+    <div class="fr-col-12 fr-col-lg-6 footer-actions mx-auto">
+      <DsfrButton
+        class="flex justify-center !w-full"
+        icon="ri-arrow-left-line"
+        :secondary="true"
+        label="Précédent"
+        @click="routerFooter.back"
+      />
+      <DsfrButton
+        class="flex justify-center !w-full"
+        :icon="routerFooter.icon"
+        label="Suivant"
+        :disabled="!areRequiredFieldsFilled()"
+        :icon-right="true"
+        @click="routerFooter.next"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, Ref } from "vue";
+import { useRouter } from "vue-router";
+import { sendExpertiseForm } from "@/api/api-client";
+import { mgr } from "@/utils/authentication";
+import { DateTime } from "luxon";
+
+const formData = new FormData();
+const steps = [
+  "Identification du demandeur",
+  "Informations sur l'arme",
+  "Photos complémentaires",
+];
+const router = useRouter();
+const currentStep = ref(1);
+const todayDate = DateTime.now().setZone("Europe/Paris").toISODate();
+
+const typeArmeOptions = ref([
+  { text: "Je ne sais pas", value: "Je ne sais pas" },
+  { text: "Arme de poing", value: "Arme de poing" },
+  { text: "Arme d'épaule", value: "Arme d'épaule" },
+]);
+
+const [showWarning, showModalPhotos, showModalSubmit] = [
+  ref(true),
+  ref(true),
+  ref(false),
+];
+
+function onClose() {
+  [showWarning.value, showModalPhotos.value, showModalSubmit.value] = [
+    false,
+    false,
+    false,
+  ];
+}
+
+const [showChargeur, showMarquage] = [ref(true), ref(true)];
+
+const [buttonLabelChargeur, buttonLabelMarquage] = [
+  ref("Pas de chargeur"),
+  ref("Pas de marquage"),
+];
+
+const toggleChargeur = () => {
+  showChargeur.value = !showChargeur.value;
+  buttonLabelChargeur.value = showChargeur.value
+    ? "Pas de chargeur"
+    : "Décocher s'il y a un chargeur";
+};
+
+const toggleMarquage = () => {
+  showMarquage.value = !showMarquage.value;
+  buttonLabelMarquage.value = showMarquage.value
+    ? "Pas de marquages"
+    : "Décocher s'il y a des marquages";
+};
+
+/* eslint-disable camelcase */
+const routerFooter = computed(() => {
+  if (currentStep.value === 1) {
+    return {
+      back: () => router.back(),
+      next: () => goToNextStep(),
+      icon: "ri-arrow-right-line",
+    };
+  } else if (currentStep.value === 2) {
+    return {
+      back: () => goToPreviousStep(),
+      next: () => goToNextStep(),
+      icon: "ri-arrow-right-line",
+    };
+  } else {
+    return {
+      back: () => goToPreviousStep(),
+      next: () => handleSubmit(),
+      icon: "ri-checkbox-circle-line",
+    };
+  }
+});
+
+const goToPreviousStep = () => (currentStep.value = currentStep.value - 1);
+
+const goToNextStep = async () => {
+  if (areRequiredFieldsFilled()) {
+    await sendData();
+    currentStep.value = currentStep.value + 1;
+  }
+};
+
+// Récupération des données de l'utilisateur
+const getUserData = async () => {
+  try {
+    const user = await mgr.getUser();
+    email.value = user.profile.email;
+    service.value = user.profile.service;
+    nigend.value = user.profile.nigend;
+    firstname.value = user.profile.given_name;
+    lastname.value = user.profile.family_name;
+    phone.value = user.profile.phone_number;
+    seizure.value = todayDate;
+    getAccessToken.value = user?.access_token;
+    console.log(
+      "Données de l'utilisateur récupérées avec succès :",
+      user?.access_token,
+    );
+  } catch (error) {
+    console.error(
+      "Erreur pendant la récupération des données de l'utilisateur :",
+      error,
+    );
+  }
+};
+
+onMounted(async () => {
+  await getUserData();
+});
+
+const lastname: Ref<string> = ref("");
+const firstname: Ref<string> = ref("");
+const nigend: Ref<string> = ref("");
+const una_or_procedure_number: Ref<string> = ref("");
+const service: Ref<string> = ref("");
+const phone: Ref<string | undefined> = ref(undefined);
+const email: Ref<string> = ref("");
+const seizure: Ref<string> = ref("");
+const gun_type: Ref<string> = ref("");
+const gun_length: Ref<number | null> = ref(null);
+const gun_barrel_length: Ref<number | null> = ref(null);
+const markings_description: Ref<string> = ref("");
+const left_picture: Ref<File | null> = ref(null);
+const right_picture: Ref<File | null> = ref(null);
+const markings_pictures: Ref<File | null> = ref(null);
+const magazine_picture: Ref<File | null> = ref(null);
+const files: Ref<File[]> = ref([]);
+const getAccessToken: Ref<string> = ref("");
+
+// Validation des champs
+const stepValidations = {
+  1: () =>
+    lastname.value.trim() !== "" &&
+    firstname.value.trim() !== "" &&
+    nigend.value !== "" &&
+    phone.value !== "" &&
+    email.value.trim() !== "",
+  2: () =>
+    seizure.value.trim() !== "" && una_or_procedure_number.value.trim() !== "",
+  3: () => {
+    const baseValidation =
+      left_picture.value && right_picture.value && markings_pictures.value;
+    return showChargeur.value
+      ? baseValidation && magazine_picture.value
+      : baseValidation;
+  },
+};
+
+const areRequiredFieldsFilled = () => {
+  const validate = stepValidations[currentStep.value];
+  return validate ? validate() : false;
+};
+
+// Mapping des données du formulaire
+const stepFormMappings = {
+  1: () => ({
+    lastname: lastname.value,
+    firstname: firstname.value,
+    nigend: nigend.value,
+    service: service.value,
+    phone: phone.value,
+    email: email.value,
+  }),
+  2: () => ({
+    seizure: seizure.value,
+    una_or_procedure_number: una_or_procedure_number.value,
+    gun_type: gun_type.value,
+    gun_length: gun_length.value,
+    gun_barrel_length: gun_barrel_length.value,
+    markings_description: markings_description.value,
+  }),
+  3: () => ({
+    files: files.value,
+  }),
+};
+
+const handleFileChange = (newFiles: FileList) => {
+  console.log(newFiles); // eslint-disable-line no-console
+  files.value = files.value.concat(Array.from(newFiles));
+  console.log(files);
+};
+
+const getCurrentFormData = () => {
+  const formDataFunction = stepFormMappings[currentStep.value];
+  return formDataFunction ? formDataFunction() : {};
+};
+
+const sendData = async () => {
+  const formDataToUpdate = getCurrentFormData();
+  handleFormDataUpdate(formDataToUpdate);
+};
+
+// Mise à jour des données du formulaire
+const handleFormDataUpdate = (form: Record<string, number | string | File>) => {
+  console.log("Données mises à jour:", form);
+
+  for (const [key, value] of Object.entries(form)) {
+    if (key === "files" && Array.isArray(value)) {
+      value.forEach((file) => {
+        if (file instanceof File) {
+          formData.append("files", file);
+        }
+      });
+    } else {
+      formData.append(key, value);
+    }
+  }
+};
+
+// Envoi du formulaire vers l'endpoint
+const sendFormData = async () => {
+  try {
+    const response = await sendExpertiseForm(formData, getAccessToken.value);
+    console.log("Formulaire soumis avec succès :", response);
+    formSubmissionStatus.value = "success";
+  } catch (error) {
+    console.error("Erreur lors de la soumission du formulaire :", error);
+    formSubmissionStatus.value = "error";
+  }
+};
+
+const formSubmissionStatus = ref("");
+
+const handleSubmit = async () => {
+  await sendData();
+  await sendFormData();
+  showModalSubmit.value = true;
+};
+</script>
+
+<style scoped>
+.titlePage {
+  flex-direction: column;
+  text-align: center;
+}
+
+:deep(.fr-label) {
+  margin-bottom: 12px;
+}
+
+.separatorUpload {
+  border-bottom: 1px solid #000000;
+  padding-bottom: 8px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+:deep(.required) {
+  color: red;
+}
+
+.form-submission-status {
+  margin-top: 10px;
+  padding: 10px;
+  border-radius: 5px;
+}
+</style>
diff --git a/frontend/src/views/GuideContactExpert/ExpertSituation.vue b/frontend/src/views/GuideContactExpert/ExpertSituation.vue
index 761c8a12..721f18a2 100644
--- a/frontend/src/views/GuideContactExpert/ExpertSituation.vue
+++ b/frontend/src/views/GuideContactExpert/ExpertSituation.vue
@@ -1,58 +1,28 @@
 <script lang="ts" setup>
+import { ref } from "vue";
 import { DsfrButton } from "@gouvminint/vue-dsfr";
 import { useRouter } from "vue-router";
 import { DateTime } from "luxon";
+import { mgr } from "@/utils/authentication";
 
-const router = useRouter();
+const user = ref(Object || null);
+mgr.getUser().then((data) => (user.value = data));
 
-let lawEnforcementType: String;
-if (router.currentRoute.value.name === "ExpertSituationPN") {
-  lawEnforcementType = "police";
-}
-if (router.currentRoute.value.name === "ExpertSituationGN") {
-  lawEnforcementType = "gendarmerie";
+// eslint-disable-next-line vue/no-ref-as-operand
+async function authIDP() {
+  const user = await mgr.getUser();
+  return user.profile.auth_idp;
 }
 
 const priority = ref("");
 
-const LPS = {
-  LILLE: {
-    email: "snps-lps59@interieur.gouv.fr",
-    phone: "03 20 12 89 89",
-  },
-  MARSEILLE: {
-    email: "snps-lps13@interieur.gouv.fr",
-    phone: "04 91 62 85 00",
-  },
-  TOULOUSE: {
-    email: "snps-lps31@interieur.gouv.fr",
-    phone: "05 61 12 79 00",
-  },
-  PARIS: {
-    email: "snps-lps75@interieur.gouv.fr",
-    phone: "01 71 92 65 02",
-  },
-  LYON: {
-    email: "snps-lps69@interieur.gouv.fr",
-    phone: "04 72 86 89 70",
-  },
-};
-
 const IRCGN = {
   email: "db.dcpc.ircgn@gendarmerie.interieur.gouv.fr",
   fixe: "01 78 47 31 46",
   phone: "06 07 98 40 09",
 };
-const shownLPS = ref<null | string>(null);
 const showIRCGNModal = ref(false);
 
-function buildMailto(email: string) {
-  const subject = "[Basegun] Demande d'identification";
-  const body =
-    "NIGEND / matricule :%0D%0AN° de procédure :%0D%0ATéléphone :%0D%0AService d'affectation :%0D%0ATypologie de l'arme (épaule ou poing) :%0D%0APrécision sur les marquages présents sur l'arme :%0D%0A";
-  return `mailto:${email}?subject=${subject}&body=${body}`;
-}
-
 const currentPhone = computed(() => {
   const currentHour = parseInt(
     DateTime.now().setZone("Europe/Paris").toFormat("HH"),
@@ -70,155 +40,44 @@ const currentPhone = computed(() => {
   <div class="fr-container-fluid">
     <div class="fr-grid-row">
       <div class="fr-col">
-        <div class="text-center mt-5">
+        <div class="text-center mt-5 p-3">
           <h1>
-            <VIcon name="ri-arrow-right-line" scale="2" />
-            <span v-if="lawEnforcementType === 'gendarmerie'"
+            <VIcon name="ri-arrow-right-line" scale="1.7" />
+            <span v-if="user.profile.auth_idp === 'proxyma'"
               >Contacter un expert de l'IRCGN</span
             >
-            <span v-if="lawEnforcementType === 'police'"
-              >Contacter un expert en armes</span
+            <span v-if="user.profile.auth_idp === 'cheops'"
+              >Contacter un expert en arme</span
             >
           </h1>
-          <div v-if="lawEnforcementType === 'gendarmerie'">
+          <div v-if="user.profile.auth_idp === 'proxyma'">
             <p>Sélectionnez votre situation actuelle :</p>
           </div>
-
-          <div
-            v-if="lawEnforcementType === 'police'"
-            class="fr-alert fr-alert--warning"
-          >
-            <h2>
-              <VIcon name="ri-error-warning-line" scale="1.5" />
-              Avertissement
-            </h2>
-            <div class="justify-content">
-              <p>
-                Cette fonctionnalité est
-                <span class="font-bold">en cours de développement</span>.<br />
-                <br />
-                Les contacts des laboratoires de police scientifique seront mis
-                à jour prochainement.
-              </p>
-            </div>
-
-            <div class="footer">
-              <DsfrButton
-                class="m-1 flex justify-center"
-                icon="ri-arrow-left-line"
-                :secondary="true"
-                label="Précédent"
-                @click="router.back()"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- <div v-if="lawEnforcementType === 'police'">
-      <div class="fr-grid-row">
-        <div class="fr-col-12 fr-col-lg-6 mx-auto">
-          <div class="fr-grid-row">
-            <div class="fr-col-12 fr-col-lg-6 fr-p-1v">
-              <DsfrButton
-                class="w-100 mx-auto"
-                label="Situation urgente"
-                :disabled="priority === 'high' ? true : false"
-                @click="priority = 'high'"
-              />
-            </div>
-            <div class="fr-col-12 fr-col-lg-6 fr-p-1v">
-              <DsfrButton
-                class="w-100 mx-auto"
-                label="Situation non urgente"
-                :disabled="priority === 'low' ? true : false"
-                @click="priority = 'low'"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-if="priority">
-        <div class="fr-grid-row">
-          <div class="fr-col-12 fr-col-lg-6 mx-auto">
-            <p
-              v-if="priority === 'high'"
-              class="fr-mt-5v"
-            >
-              Sélectionnez ci-dessous votre PTS afin d'avoir le numéro de téléphone de la permanence, ainsi que son adresse mail.
-            </p>
-            <p
-              v-if="priority === 'low'"
-              class="fr-mt-5v"
-            >
-              Sélectionnez ci-dessous votre PTS afin d'avoir l'adresse email de la permanence.
-            </p>
-          </div>
-        </div>
-        <div class="fr-grid-row">
-          <div class="fr-col-12 fr-col-lg-3 mx-auto">
-            <div class="fr-grid-row">
-              <div
-                v-for="lps, lps_key in LPS"
-                :key="lps_key"
-                class="fr-col-12 mx-auto"
+          <div v-if="user.profile.auth_idp === 'cheops'">
+            <DsfrAlert type="error" title="Avertissement">
+              Basegun ne fournit pas de
+              <span class="font-bold"
+                >moyen pour contacter les experts relatifs à votre
+                service.</span
               >
-                <DsfrButton
-                  class="m-1 w-100"
-                  :label="'PTS ' + lps_key"
-                  @click="shownLPS = lps_key"
-                />
-              </div>
-            </div>
+              <br />
+              <br />
+              Nous vous recommandons de suivre votre procédure de contact
+              habituelle.
+            </DsfrAlert>
+          </div>
+          <div class="footer">
+            <DsfrButton
+              class="m-1 flex justify-center"
+              icon="ri-home-4-line"
+              label="Retour à l'accueil"
+              @click="$router.push({ name: 'StartPage' })"
+            />
           </div>
         </div>
-        <Teleport to="body">
-          <DsfrModal
-            :opened="shownLPS"
-            @close="shownLPS = null"
-          >
-            <div class="modal">
-              <h2>
-                <VIcon
-                  name="ri-arrow-right-line"
-                  scale="1.5"
-                />
-                Laboratoire PTS {{ shownLPS }}
-              </h2>
-              <div>
-                <div class="fr-col-11 fr-col-lg-6 mx-auto">
-                  <p
-                    v-if="priority == 'high'"
-                    class="fr-mt-5v"
-                  >
-                    Ci-dessous le numéro de téléphone de la permanence, ainsi que l'adresse mail de votre PTS.
-                  </p>
-                  <p
-                    v-if="priority === 'low'"
-                    class="fr-mt-5v"
-                  >
-                    Ci-dessous l'adresse email de la permanence de votre PTS.
-                  </p>
-                  <p>
-                    <span v-if="priority === 'high'">{{ LPS[shownLPS].phone }}</span><br>
-                    <a :href="buildMailto(LPS[shownLPS].email)">{{ LPS[shownLPS].email }}</a>
-                  </p>
-                </div>
-              </div>
-              <div class="fr-col-11 fr-col-lg-6 footer-actions mx-auto">
-                <DsfrButton
-                  class="m-1 flex justify-center"
-                  icon="ri-arrow-left-line"
-                  label="Précédent"
-                  @click="shownLPS = null"
-                />
-              </div>
-            </div>
-          </DsfrModal>
-        </Teleport>
       </div>
-    </div> -->
-    <div v-if="lawEnforcementType === 'gendarmerie'">
+    </div>
+    <div v-if="user.profile.auth_idp === 'proxyma'">
       <div class="fr-grid-row">
         <div class="fr-col-12 fr-col-lg-6 mx-auto">
           <div class="fr-grid-row">
@@ -226,35 +85,21 @@ const currentPhone = computed(() => {
               <DsfrButton
                 class="w-100 mx-auto"
                 label="Situation urgente"
-                :disabled="priority === 'high' ? true : false"
-                @click="
-                  priority = 'high';
-                  showIRCGNModal = true;
-                "
+                @click="showIRCGNModal = true"
               />
             </div>
             <div class="fr-col-12 fr-col-lg-6 fr-p-1v">
               <DsfrButton
                 class="w-100 mx-auto"
                 label="Situation non urgente"
-                :disabled="priority === 'low' ? true : false"
-                @click="
-                  priority = 'low';
-                  showIRCGNModal = true;
-                "
+                @click="$router.push({ name: 'ExpertiseForm' })"
               />
             </div>
           </div>
         </div>
       </div>
       <Teleport to="body">
-        <DsfrModal
-          :opened="showIRCGNModal"
-          @close="
-            showIRCGNModal = false;
-            priority = '';
-          "
-        >
+        <DsfrModal :opened="showIRCGNModal" @close="showIRCGNModal = false">
           <div class="modal">
             <div class="fr-modal__title fr-mb-2w">
               <VIcon name="ri-arrow-right-line" scale="1.5" />
@@ -262,7 +107,7 @@ const currentPhone = computed(() => {
             </div>
             <div>
               <div class="fr-col-11 fr-col-lg-6 mx-auto">
-                <p v-if="priority === 'high'">
+                <p>
                   Vous trouverez ci-dessous le numéro de téléphone de la
                   permanence de l'IRCGN.<br /><br />
                   <span class="font-bold">{{ currentPhone }}</span>
@@ -293,9 +138,8 @@ const currentPhone = computed(() => {
         </DsfrModal>
       </Teleport>
     </div>
-    <div v-if="lawEnforcementType === 'gendarmerie'" class="fr-grid-row">
+    <div v-if="user.profile.auth_idp === 'proxyma'" class="fr-grid-row">
       <div class="fr-col text-center">
-        <PopupContact />
         <div class="bg-purple p-8 fr-my-8w">
           <p>Exemple de cas d'urgences :</p>
           <ul class="list-none text-sm text-center">
@@ -313,10 +157,9 @@ const currentPhone = computed(() => {
         <div class="footer">
           <DsfrButton
             class="m-1 flex justify-center"
-            icon="ri-arrow-left-line"
-            :secondary="true"
-            label="Précédent"
-            @click="router.back()"
+            icon="ri-home-4-line"
+            label="Retour à l'accueil"
+            @click="$router.push({ name: 'StartPage' })"
           />
         </div>
       </div>