diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 1a4249ae6..f7e868f5e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -27,6 +27,11 @@ const ExpertSituationPN = () => import('@/views/GuideContactExpert/ExpertSituati
 const ExpertSituationGN = () => import('@/views/GuideContactExpert/ExpertSituationGN.vue')
 const ExpertPTS = () => import('@/views/GuideContactExpert/ExpertPTS.vue')
 const ExpertPTSNU = () => import('@/views/GuideContactExpert/ExpertPTSNU.vue')
+const ExpertiseForm = () => import('@/views/GuideAskingExpertise/ExpertiseForm.vue')
+const ExpertiseFormFirearm = () => import('@/views/GuideAskingExpertise/ExpertiseFormFirearm.vue')
+const ExpertiseFormDetails = () => import('@/views/GuideAskingExpertise/ExpertiseFormDetails.vue')
+const ExpertiseFormSpecialist = () => import('@/views/GuideAskingExpertise/ExpertiseFormSpecialist.vue')
+const ExpertiseFormInformations = () => import('@/views/GuideAskingExpertise/ExpertiseFormInformations.vue')
 
 const routes: Parameters<typeof createRouter> [0]['routes'] = [
   {
@@ -197,6 +202,56 @@ const routes: Parameters<typeof createRouter> [0]['routes'] = [
     name: 'ExpertPTSNU',
     component: ExpertPTSNU,
   },
+
+  // asking expertise
+  {
+    path: '/guide-demande-expertise',
+    name: 'ExpertiseForm',
+    component: ExpertiseForm,
+    children: [
+      {
+        path: 'informations',
+        name: 'ExpertiseFormInformations',
+        component: ExpertiseFormInformations,
+      },
+      {
+        path: 'arme',
+        name: 'ExpertiseFormFirearm',
+        component: ExpertiseFormFirearm,
+      },
+
+      {
+        path: 'details-arme',
+        name: 'ExpertiseFormDetails',
+        component: ExpertiseFormDetails,
+      },
+
+      {
+        path: 'specialiste-arme',
+        name: 'ExpertiseFormSpecialist',
+        component: ExpertiseFormSpecialist,
+      },
+    ],
+  },
+
+  // children: [
+  //   {
+  //     path: 'mise-en-securite-instructions',
+  //     name: 'SecuringInstructions',
+  //     component: SecuringInstructions,
+  //   },
+  //   {
+  //     path: 'mise-en-securite-recommandations',
+  //     name: 'SecuringRecommendations',
+  //     component: SecuringRecommendations,
+  //   },
+  //   {
+  //     path: 'mise-en-securite-introduction',
+  //     name: 'SecuringIntroduction',
+  //     component: SecuringIntroduction,
+  //   },
+  // ],
+
 ]
 
 const router = createRouter({
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue
new file mode 100644
index 000000000..133eff547
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseForm.vue
@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+
+import { DsfrStepper } from '@gouvminint/vue-dsfr'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const currentStep = computed<1 | 2 | 3>({
+  get () {
+    return stepsStore.currentStep + 1 as 1 | 2 | 3
+  },
+  set (value: 1 | 2 | 3) {
+    stepsStore.setCurrentStep(value)
+  },
+})
+const steps = ['Informations', 'Saisie de l\'arme', 'Détails de l\'arme', 'Contact avec un spécialiste']
+
+const stepsStore = useStepsStore()
+const router = useRouter()
+
+const goToPreviousStep = () => (
+  currentStep.value = currentStep.value - 2 as 1 | 2 | 3
+)
+
+const goToNextStep = () => (
+  currentStep.value = currentStep.value + 0 as 1 | 2 | 3
+)
+
+const ExpertiseFormInformations = 'ExpertiseFormInformations'
+const ExpertiseFormFirearm = 'ExpertiseFormFirearm'
+const ExpertiseFormDetails = 'ExpertiseFormDetails'
+const ExpertiseFormSpecialist = 'ExpertiseFormSpecialist'
+
+const expertiseGuideSteps = [
+  ExpertiseFormInformations,
+  ExpertiseFormFirearm,
+  ExpertiseFormDetails,
+  ExpertiseFormSpecialist,
+]
+
+const goToNewRoute = () => (
+  router.push({ name: `${expertiseGuideSteps[currentStep.value - 1]}` }).catch(() => { })
+)
+
+</script>
+
+<template>
+  <h2 class="m-2.5 flex justify-center">
+    Questionnaire demande
+  </h2>
+  <h2 class="flex justify-center">
+    <span style="color:blue"> d'expertise</span>
+  </h2>
+
+  <div class="fr-col-11 fr-col-lg-6 mx-auto">
+    <div class="mb-5">
+      <StepsGuide
+        class="!fr-container steps-guide"
+        :steps="steps"
+        :current-step="currentStep"
+      />
+    </div>
+
+    <div class="m-1 justify-center pb-30">
+      <RouterView />
+    </div>
+  </div>
+
+  <div class="footer">
+    <div class="fr-col-11 fr-col-lg-6 footer-actions">
+      <DsfrButton
+        class="m-1 flex justify-center"
+        icon="ri-arrow-left-line"
+        :secondary="true"
+        label="Précédent"
+        @click="goToPreviousStep(); router.back()"
+      />
+      <DsfrButton
+        class="m-1 flex justify-center"
+        icon="ri-arrow-right-line"
+        data-testid="button-next"
+        label="Suivant"
+        :icon-right="true"
+        @click="goToNextStep(); goToNewRoute()"
+      />
+    </div>
+  </div>
+</template>
+
+<style>
+
+.footer {
+  background-color: #fff;
+  box-shadow: 0 -4px 16px rgb(0 0 0 / 25%);
+}
+
+.footer button {
+  width: 50%;
+}
+
+.steps-guide {
+  margin: auto;
+}
+
+:deep(div.fr-stepper__steps) {
+  border-radius: 5px 5px 5px 5px;
+}
+
+:deep(.fr-stepper__state::after) {
+  content: " :\a";
+}
+
+:deep(.fr-label) {
+  margin-bottom: 12px;
+}
+
+.desc {
+  border-bottom: 1px solid grey;
+  padding-bottom: -4px;
+  font-weight: bold;
+}
+</style>
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseFormDetails.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseFormDetails.vue
new file mode 100644
index 000000000..66432b702
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseFormDetails.vue
@@ -0,0 +1,143 @@
+<script lang="ts" setup>
+import { DsfrStepper } from '@gouvminint/vue-dsfr'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const router = useRouter()
+
+const currentStep = 0
+
+</script>
+
+<template>
+  <div class="desc m-1 justify-center">
+    <p>Mise en sécurité de l'arme sans catégorie connue :</p>
+  </div>
+
+  <div class="m-1 justify-center">
+    <DsfrInputGroup
+      :error-message="errorMessage"
+      :valid-message="validMessage"
+    >
+      <fieldset
+        id="radio-hint3"
+        class="fr-fieldset"
+        aria-labelledby="radio-hint-legend radio-hint-messages"
+      >
+        <legend
+          id="radio-hint-legend"
+          class="fr-fieldset__legend--regular fr-fieldset__legend"
+        >
+          L'arme est-elle actuellement mise en sécurité ?
+        </legend>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="yes"
+              type="radio"
+              name="radio-hint"
+            >
+            <label
+              class="fr-label"
+              for="perquisition"
+            >
+              Oui
+            </label>
+          </div>
+        </div>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="no"
+              type="radio"
+              name="radio-hint"
+            >
+            <label
+              class="fr-label"
+              for="no"
+            >
+              Non
+            </label>
+          </div>
+        </div>
+        <div
+          id="radio-hint-messages"
+          class="fr-messages-group"
+          aria-live="assertive"
+        />
+      </fieldset>
+
+      <DsfrInput
+        label="Si non, veuillez décrire l'arme"
+        label-visible
+      />
+
+      <div class="desc m-1 justify-center">
+        <p>Raison de l'expertise :</p>
+      </div>
+
+      <legend
+        id="radio-hint-legend"
+        class="fr-fieldset__legend--regular fr-fieldset__legend"
+      >
+        Pourquoi est-il nécessaire de procéder à une expertise sur cette arme ?
+      </legend>
+      <div class="fr-fieldset__element">
+        <div class="fr-radio-group">
+          <input
+            id="identificateWeapon"
+            type="radio"
+            name="radio-hint2"
+          >
+          <label
+            class="fr-label"
+            for="identificateWeapon"
+          >
+            Identification de l'arme
+          </label>
+        </div>
+      </div>
+      <div class="fr-fieldset__element">
+        <div class="fr-radio-group">
+          <input
+            id="checkLegality"
+            type="radio"
+            name="radio-hint2"
+          >
+          <label
+            class="fr-label"
+            for="checkLegality"
+          >
+            Vérification de la légalité
+          </label>
+        </div>
+      </div>
+      <div class="fr-fieldset__element">
+        <div class="fr-radio-group">
+          <input
+            id="balisticAnalyse"
+            type="radio"
+            name="radio-hint2"
+          >
+          <label
+            class="fr-label"
+            for="balisticAnalyse"
+          >
+            Analyse balistique
+          </label>
+        </div>
+      </div>
+    </DsfrInputGroup>
+
+    <DsfrButton
+      class="m-1 flex justify-center w-80"
+      label="Enregistrer mes informations"
+      @click=""
+    />
+  </div>
+</template>
+
+<style>
+
+</style>
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseFormFirearm.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseFormFirearm.vue
new file mode 100644
index 000000000..e1c3a2cdf
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseFormFirearm.vue
@@ -0,0 +1,102 @@
+<script lang="ts" setup>
+import { DsfrStepper } from '@gouvminint/vue-dsfr'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const router = useRouter()
+
+const currentStep = 0
+
+</script>
+
+<template>
+  <div class="desc m-1 justify-center">
+    <p>Détails sur la saisie de l'arme :</p>
+  </div>
+
+  <div class="m-1 justify-center">
+    <DsfrInputGroup
+      :error-message="errorMessage"
+      :valid-message="validMessage"
+    >
+      <DsfrInput
+        label="Date de la saisie"
+        type="date"
+        label-visible
+      />
+      <DsfrInput
+        label="Lieu de la saisie"
+        label-visible
+      />
+      <DsfrInput
+        label="Description de l'arme"
+        label-visible
+      />
+
+      <fieldset
+        id="radio-hint"
+        class="fr-fieldset"
+        aria-labelledby="radio-hint-legend radio-hint-messages"
+      >
+        <legend
+          id="radio-hint-legend"
+          class="fr-fieldset__legend--regular fr-fieldset__legend"
+        >
+          Circonstance de la saisie :
+        </legend>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="perquisition"
+              type="radio"
+              name="radio-hint"
+            >
+            <label
+              class="fr-label"
+              for="perquisition"
+            >
+              Perquisition
+            </label>
+          </div>
+        </div>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="trouve"
+              type="radio"
+              name="radio-hint"
+            >
+            <label
+              class="fr-label"
+              for="trouve"
+            >
+              Trouvé
+            </label>
+          </div>
+        </div>
+        <div
+          id="radio-hint-messages"
+          class="fr-messages-group"
+          aria-live="assertive"
+        />
+      </fieldset>
+
+      <DsfrInput
+        label="Autres"
+        hint="(à préciser)"
+        label-visible
+      />
+    </DsfrInputGroup>
+
+    <DsfrButton
+      class="m-1 flex justify-center w-80"
+      label="Enregistrer mes informations"
+      @click=""
+    />
+  </div>
+</template>
+
+<style>
+
+</style>
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseFormInformations.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseFormInformations.vue
new file mode 100644
index 000000000..aa44acf8b
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseFormInformations.vue
@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import { DsfrStepper } from '@gouvminint/vue-dsfr'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const stepsStore = useStepsStore()
+const router = useRouter()
+
+</script>
+
+<template>
+  <div class="desc m-1 justify-center">
+    <p>Informations générales :</p>
+  </div>
+
+  <div class="m-1 justify-center">
+    <form @submit.prevent="submitForm">
+      <DsfrInputGroup>
+        <DsfrInput
+          v-model="name"
+          label="Nom"
+          label-visible
+        />
+        <DsfrInput
+          v-model="prenom"
+          label="Prénom"
+          label-visible
+        />
+        <DsfrInput
+          label="Service d'affectation"
+          label-visible
+        />
+        <DsfrInput
+          label="Numéro de téléphone"
+          hint="Format attendu : (+33) 1 22 33 44 55"
+          label-visible
+        />
+        <DsfrInput
+          id="adresse"
+          label="Adresse électronique"
+          hint="Format attendu : nom@domaine.fr"
+          label-visible
+        />
+      </DsfrInputGroup>
+
+      <DsfrButton
+        type="submit"
+        class="m-1 flex justify-center w-80"
+        label="Enregistrer mes informations"
+        @click=""
+      />
+    </form>
+  </div>
+</template>
+
+<style scoped>
+
+.footer {
+  background-color: #fff;
+  box-shadow: 0 -4px 16px rgb(0 0 0 / 25%);
+}
+
+.footer button {
+  width: 50%;
+}
+
+.desc {
+  border-bottom: 1px solid grey;
+  padding-bottom: -4px;
+}
+
+</style>
diff --git a/frontend/src/views/GuideAskingExpertise/ExpertiseFormSpecialist.vue b/frontend/src/views/GuideAskingExpertise/ExpertiseFormSpecialist.vue
new file mode 100644
index 000000000..c30a7c83e
--- /dev/null
+++ b/frontend/src/views/GuideAskingExpertise/ExpertiseFormSpecialist.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup>
+import { DsfrStepper } from '@gouvminint/vue-dsfr'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import axios from 'axios'
+
+const router = useRouter()
+
+const currentStep = 0
+const showModal = ref(false)
+function onClose () {
+  showModal.value = false
+}
+
+</script>
+
+<template>
+  <div class="desc m-1 justify-center">
+    <p>Demande de contact avec un spécialiste :</p>
+  </div>
+
+  <div class="m-1 justify-center">
+    <DsfrInputGroup
+      :error-message="errorMessage"
+      :valid-message="validMessage"
+    >
+      <fieldset
+        id="radio-hint"
+        class="fr-fieldset"
+        aria-labelledby="radio-hint-legend radio-hint-messages"
+      >
+        <legend
+          id="radio-hint-legend"
+          class="fr-fieldset__legend--regular fr-fieldset__legend"
+        >
+          Souhaitez-vous être mis en contact avec un spécialiste en arme à feu pour cette expertise ?
+        </legend>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="yes2"
+              type="radio"
+              name="radio-hint3"
+            >
+            <label
+              class="fr-label"
+              for="yes"
+            >
+              Oui
+            </label>
+          </div>
+        </div>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="no2"
+              type="radio"
+              name="radio-hint3"
+            >
+            <label
+              class="fr-label"
+              for="no"
+            >
+              Non
+            </label>
+          </div>
+        </div>
+        <div
+          id="radio-hint-messages"
+          class="fr-messages-group"
+          aria-live="assertive"
+        />
+      </fieldset>
+
+      <DsfrInput
+        label="Si oui, précisez le type de spécialiste"
+        label-visible
+      />
+
+      <fieldset
+        id="radio-hint2"
+        class="fr-fieldset"
+        aria-labelledby="radio-hint-legend radio-hint-messages"
+      >
+        <legend
+          id="radio-hint-legend"
+          class="fr-fieldset__legend--regular fr-fieldset__legend"
+        >
+          La demande est-elle urgente ?
+        </legend>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="yes3"
+              type="radio"
+              name="radio-hint4"
+            >
+            <label
+              class="fr-label"
+              for="yes3"
+            >
+              Oui
+            </label>
+          </div>
+        </div>
+        <div class="fr-fieldset__element">
+          <div class="fr-radio-group">
+            <input
+              id="no3"
+              type="radio"
+              name="radio-hint4"
+            >
+            <label
+              class="fr-label"
+              for="no3"
+            >
+              Non
+            </label>
+          </div>
+        </div>
+        <div
+          id="radio-hint-messages"
+          class="fr-messages-group"
+          aria-live="assertive"
+        />
+      </fieldset>
+
+      <DsfrInput
+        label="Si oui, veuillez expliquer la raison de l'urgence"
+        :disabled="disabledValidation"
+        label-visible
+      />
+    </DsfrInputGroup>
+
+    <DsfrButton
+      class="m-1 flex justify-center w-80"
+      label="Validez"
+      @click="showModal = true"
+    />
+
+    <Teleport to="body">
+      <DsfrModal
+        title=""
+        :opened="showModal"
+        @close="onClose()"
+      >
+        <div class="modal">
+          <div class="modal-content" />
+          <h2>
+            <VIcon
+              name="ri-git-repository-fill"
+              scale="1.5"
+            />
+            Envoi du formulaire
+          </h2>
+          <div>
+            <div class="fr-col-11 fr-col-lg-6 mx-auto">
+              <p>
+                Votre formulaire a été reçu avec succès. Nous confirmons la prise en compte de votre demande. <br>
+              </p>
+            </div>
+            <div class="fr-col-11 fr-col-lg-6 footer-actions mx-auto">
+              <router-link
+                v-slot="{navigate}"
+                class="navigate"
+                :to="{name: 'StartPage'}"
+              >
+                <DsfrButton
+                  class="m-1 flex justify-center"
+                  icon="ri-home-4-line"
+                  label="Retour à l'accueil"
+                  @click="navigate()"
+                />
+              </router-link>
+            </div>
+          </div>
+        </div>
+      </DsfrModal>
+    </Teleport>
+  </div>
+</template>
+
+<style>
+
+</style>
diff --git a/frontend/src/views/GuideContactExpert/ExpertPTSNU.vue b/frontend/src/views/GuideContactExpert/ExpertPTSNU.vue
index dea9df526..a47de7811 100644
--- a/frontend/src/views/GuideContactExpert/ExpertPTSNU.vue
+++ b/frontend/src/views/GuideContactExpert/ExpertPTSNU.vue
@@ -271,7 +271,7 @@ function onClose () {
   </div>
 </template>
 
-<style>
+<style scoped>
 .manipulations {
   background-color: #E3E3FD;
   margin-top: 40px;
diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue b/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
index d90c7583b..ad7760d2f 100644
--- a/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
+++ b/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
@@ -6,6 +6,7 @@ import { resultTree } from '@/utils/firearms-utils/index'
 import { DsfrButton } from '@gouvminint/vue-dsfr'
 
 const resultStore = useResultStore()
+const router = useRouter()
 
 const typology = computed(() => resultStore.typology)
 
@@ -15,6 +16,8 @@ const keyWords = ['Mobile', 'Mozilla', 'Crosscall']
 const foundAllKeyWords = keyWords.every(keyWord => {
   return userAgent.includes(keyWord)
 })
+
+const bypassCrosscall = true
 </script>
 
 <template>
@@ -40,8 +43,18 @@ const foundAllKeyWords = keyWords.every(keyWord => {
             class="img-deco"
           >
         </div>
-        <div v-if="foundAllKeyWords">
+        <div
+          v-if="foundAllKeyWords ||
+            bypassCrosscall"
+          class="fr-col-sm-6 fr-col-lg-8 mx-auto text-center"
+        >
           <ContactExpert />
+          <DsfrButton
+            class="m-1 flex justify-center"
+            icon="ri-alert-line"
+            label="Contacter un spécialiste"
+            @click="router.push({ name:'ExpertiseFormInformations'})"
+          />
         </div>
       </div>
       <div v-else>