diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewAbsenceEntity.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewAbsenceEntity.kt
new file mode 100644
index 000000000..78c313eeb
--- /dev/null
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewAbsenceEntity.kt
@@ -0,0 +1,40 @@
+package fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew
+
+import fr.gouv.dgampa.rapportnav.infrastructure.database.model.mission.crew.MissionCrewAbsenceModel
+import fr.gouv.dgampa.rapportnav.infrastructure.database.model.mission.crew.MissionCrewModel
+import java.time.Instant
+import java.time.LocalDate
+
+
+data class MissionCrewAbsenceEntity(
+    val id: Int? = null,
+    val startDate: LocalDate? = null,
+    val endDate: LocalDate? = null,
+    val isAbsentFullMission: Boolean? = null,
+    val reason: String? = null,
+) {
+
+    fun toMissionCrewAbsenceModel(crew: MissionCrewModel): MissionCrewAbsenceModel {
+        return MissionCrewAbsenceModel(
+            id = id,
+            startDate = startDate,
+            endDate = endDate,
+            isAbsentFullMission = isAbsentFullMission,
+            reason = reason,
+            missionCrew = crew
+        )
+    }
+
+    companion object {
+        fun fromMissionCrewAbsenceModel(model: MissionCrewAbsenceModel): MissionCrewAbsenceEntity {
+            return MissionCrewAbsenceEntity(
+                id = model.id,
+                startDate = model.startDate,
+                endDate = model.endDate,
+                isAbsentFullMission = model.isAbsentFullMission,
+                reason = model.reason,
+            )
+        }
+    }
+}
+
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewEntity.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewEntity.kt
index d414158a2..48c2993a0 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewEntity.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/entities/mission/nav/crew/MissionCrewEntity.kt
@@ -1,30 +1,31 @@
 package fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew
 
-import fr.gouv.dgampa.rapportnav.infrastructure.database.model.mission.crew.MissionCrewModel
-import java.time.Instant
 import java.util.*
-
+import fr.gouv.dgampa.rapportnav.infrastructure.database.model.mission.crew.MissionCrewModel
 
 data class MissionCrewEntity(
     val id: Int? = null,
-    val agent: AgentEntity2,
+    val agent: AgentEntity2? = null,
     val comment: String? = null,
     val role: AgentRoleEntity? = null,
     val missionId: Int? = null,
     val missionIdUUID: UUID? = null,
-    val createdAt: Instant? = null,
-    val updatedAt: Instant? = null,
+    val fullName: String? = null,
+    val absences: List<MissionCrewAbsenceEntity>? = null
 ){
 
     fun toMissionCrewModel(commentDefaultsToString: Boolean? = false): MissionCrewModel {
-        return MissionCrewModel(
+        var model =  MissionCrewModel(
             id = id,
             missionId = missionId,
-            agent = agent.toAgentModel(),
+            agent = agent?.toAgentModel(),
             role = role?.toAgentRoleModel(),
             comment = if (comment == null && commentDefaultsToString == true) "" else comment,
             missionIdUUID = missionIdUUID,
+            fullName = fullName,
         )
+        model.absences = absences?.map { it.toMissionCrewAbsenceModel(model) }?.toMutableList() ?: mutableListOf()
+        return model
     }
 
     companion object {
@@ -34,11 +35,14 @@ data class MissionCrewEntity(
                 missionId = crew.missionId,
                 comment = crew.comment,
                 missionIdUUID = crew.missionIdUUID,
-                agent = crew.agent.let { AgentEntity2.fromAgentModel(it) },
+                agent = crew.agent?.let { AgentEntity2.fromAgentModel(it) },
                 role = crew.role?.let { AgentRoleEntity.fromAgentRoleModel(it) },
-                createdAt = crew.createdAt,
-                updatedAt = crew.updatedAt
+                absences = crew.absences.map { MissionCrewAbsenceEntity.fromMissionCrewAbsenceModel(it) },
+                fullName = crew.fullName,
             )
         }
     }
 }
+
+
+
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/ExportMissionRapportPatrouille.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/ExportMissionRapportPatrouille.kt
index 7b9963b6c..57a4dd3bd 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/ExportMissionRapportPatrouille.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/ExportMissionRapportPatrouille.kt
@@ -124,14 +124,18 @@ class ExportMissionRapportPatrouille(
 
             val crew: List<List<String?>> = listOf(
                 listOf("Fonction", "Nom", "Observation (formation, repos, mission, stage...)")
-            ) + agentsCrew.map {
+            ) + agentsCrew.map { row ->
+                val displayName = row.agent?.let { "${it.firstName} ${it.lastName}" }
+                    ?: row.fullName  // fallback when agent == null
+
                 listOf(
-                    it.role?.title,
-                    "${it.agent.firstName} ${it.agent.lastName}",
-                    it.comment.takeIf { comment -> !comment.isNullOrEmpty() } ?: "Présent"
+                    row.role?.title,
+                    displayName,
+                    row.comment.takeIf { !it.isNullOrEmpty() } ?: "Présent"
                 )
             }
 
+
             // to combine
             // Bilan opérationnel
             val proFishingSeaSummary = getMissionOperationalSummary.getProFishingSeaSummary(mission)
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle.kt
index d20655165..273763adc 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle.kt
@@ -131,14 +131,18 @@ class ExportMissionPatrolSingle(
 
             val crew: List<List<String?>> = listOf(
                 listOf("Fonction", "Nom", "Observation (formation, repos, mission, stage...)")
-            ) + agentsCrew.map {
+            ) + agentsCrew.map { row ->
+                val displayName = row.agent?.let { "${it.firstName} ${it.lastName}" }
+                    ?: row.fullName  // fallback when agent == null
+
                 listOf(
-                    it.role?.title,
-                    "${it.agent.firstName} ${it.agent.lastName}",
-                    it.comment.takeIf { comment -> !comment.isNullOrEmpty() } ?: "Présent"
+                    row.role?.title,
+                    displayName,
+                    row.comment.takeIf { !it.isNullOrEmpty() } ?: "Présent"
                 )
             }
 
+
             // Bilan opérationnel
             val proFishingSeaSummary = getMissionOperationalSummary.getProFishingSeaSummary(mission)
             val proFishingLandSummary = getMissionOperationalSummary.getProFishingLandSummary(mission)
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle2.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle2.kt
index f8ffd8820..d951eb80d 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle2.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/domain/use_cases/mission/export/v2/ExportMissionPatrolSingle2.kt
@@ -80,15 +80,19 @@ class ExportMissionPatrolSingle2(
 
             val crew: List<List<String?>> = listOf(
                 listOf("Fonction", "Nom", "Observation (formation, repos, mission, stage...)")
-            ) + missionCrew.orEmpty().map {
+            ) + missionCrew.orEmpty().map { row ->
+                val displayName = row.agent?.let { "${it.firstName} ${it.lastName}" }
+                    ?: row.fullName  // fallback when agent == null
+
                 listOf(
-                    it.role?.title,
-                    "${it.agent.firstName} ${it.agent.lastName}",
-                    it.comment.takeIf { comment -> !comment.isNullOrEmpty() } ?: "Présent"
+                    row.role?.title,
+                    displayName,
+                    row.comment.takeIf { !it.isNullOrEmpty() } ?: "Présent"
                 )
             }
 
 
+
             // Bilan opérationnel
             val operationalSummary = patrolData?.operationalSummary
             val proFishingSeaSummary = operationalSummary?.proFishingSeaSummary
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrew.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrew.kt
index 65339eb7d..f14995064 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrew.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrew.kt
@@ -2,14 +2,18 @@ package fr.gouv.dgampa.rapportnav.infrastructure.api.bff.model.crew
 
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.MissionCrewEntity
 import java.util.UUID
+import kotlin.collections.map
+import kotlin.collections.orEmpty
 
 data class MissionCrew(
     val id: Int? = null,
-    val agent: Agent2,
+    val agent: Agent2? = null,
     val missionId: Int? = null,
     val comment: String? = null,
     val role: AgentRole? = null,
-    val missionIdUUID: UUID? = null
+    val missionIdUUID: UUID? = null,
+    val absences: List<MissionCrewAbsence>? = null,
+    var fullName: String? = null,
 ) {
 
     companion object {
@@ -20,7 +24,9 @@ data class MissionCrew(
                 agent = Agent2.fromAgentEntity(crew.agent)!!,
                 role = crew.role?.let { AgentRole.fromAgentRoleEntity(it) },
                 comment = crew.comment,
-                missionIdUUID = crew.missionIdUUID
+                missionIdUUID = crew.missionIdUUID,
+                absences = crew.absences.orEmpty().map { MissionCrewAbsence.fromMissionCrewAbsenceEntity(it) },
+                fullName = crew.fullName,
             )
         }
     }
@@ -28,11 +34,13 @@ data class MissionCrew(
     fun toMissionCrewEntity(missionIdUUID: UUID?= null, missionId: Int? = null): MissionCrewEntity {
         return MissionCrewEntity(
             id = if (id == 0 || id == null) null else id,
-            comment = comment,
+            missionIdUUID = missionIdUUID,
+            agent = agent?.toAgentEntity(),
             missionId = missionId,
-            agent = agent.toAgentEntity(),
+            comment = comment,
             role = role?.toAgentRoleEntity(),
-            missionIdUUID = missionIdUUID
+            absences = absences.orEmpty().map { it.toMissionCrewAbsenceEntity() },
+            fullName = fullName,
         )
     }
 }
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrewAbsence.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrewAbsence.kt
new file mode 100644
index 000000000..0b6082669
--- /dev/null
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/api/bff/model/crew/MissionCrewAbsence.kt
@@ -0,0 +1,35 @@
+package fr.gouv.dgampa.rapportnav.infrastructure.api.bff.model.crew
+
+import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.MissionCrewAbsenceEntity
+import java.time.LocalDate
+
+data class MissionCrewAbsence(
+    val id: Int? = null,
+    val startDate: LocalDate? = null,
+    val endDate: LocalDate? = null,
+    val isAbsentFullMission: Boolean? = null,
+    val reason: String? = null,
+) {
+
+    companion object {
+        fun fromMissionCrewAbsenceEntity(crew: MissionCrewAbsenceEntity): MissionCrewAbsence {
+            return MissionCrewAbsence(
+                id = crew.id,
+                startDate = crew.startDate,
+                endDate = crew.endDate,
+                isAbsentFullMission = crew.isAbsentFullMission,
+                reason = crew.reason,
+            )
+        }
+    }
+
+    fun toMissionCrewAbsenceEntity(): MissionCrewAbsenceEntity {
+        return MissionCrewAbsenceEntity(
+            id = if (id == 0 || id == null) null else id,
+            startDate = startDate,
+            endDate = endDate,
+            isAbsentFullMission = isAbsentFullMission,
+            reason = reason,
+        )
+    }
+}
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewAbsenceModel.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewAbsenceModel.kt
new file mode 100644
index 000000000..f132cf0d1
--- /dev/null
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewAbsenceModel.kt
@@ -0,0 +1,55 @@
+package fr.gouv.dgampa.rapportnav.infrastructure.database.model.mission.crew
+
+import com.fasterxml.jackson.annotation.JsonIgnore
+import jakarta.persistence.*
+import org.springframework.data.annotation.CreatedBy
+import org.springframework.data.annotation.CreatedDate
+import org.springframework.data.annotation.LastModifiedBy
+import org.springframework.data.annotation.LastModifiedDate
+import org.springframework.data.jpa.domain.support.AuditingEntityListener
+import java.time.Instant
+import java.time.LocalDate
+
+@Entity
+@EntityListeners(AuditingEntityListener::class)
+@Table(name = "mission_crew_absence")
+class MissionCrewAbsenceModel(
+
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @Column(name = "id", unique = true, nullable = false)
+    var id: Int? = null,
+
+    @Column(name = "start_date", nullable = true)
+    var startDate: LocalDate? = null,
+
+    @Column(name = "end_date", nullable = true)
+    var endDate: LocalDate? = null,
+
+    @Column(name = "is_absent_full_mission", nullable = true)
+    var isAbsentFullMission: Boolean? = null,
+
+    @Column(name = "reason", nullable = true)
+    var reason: String? = null,
+
+    @CreatedDate
+    @Column(name = "created_at", updatable = false)
+    var createdAt: Instant? = null,
+
+    @LastModifiedDate
+    @Column(name = "updated_at")
+    var updatedAt: Instant? = null,
+
+    @CreatedBy
+    @Column(name = "created_by", updatable = false)
+    var createdBy: Int? = null,
+
+    @LastModifiedBy
+    @Column(name = "updated_by")
+    var updatedBy: Int? = null,
+//
+    @ManyToOne(fetch = FetchType.LAZY)
+    @JoinColumn(name = "mission_crew_id", referencedColumnName = "id", nullable = true)
+    @JsonIgnore
+    var missionCrew: MissionCrewModel? = null,
+)
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewModel.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewModel.kt
index 6b0a2353c..606b68ffc 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewModel.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/model/mission/crew/MissionCrewModel.kt
@@ -19,12 +19,18 @@ class MissionCrewModel(
     var id: Int?,
 
     @ManyToOne
-    @JoinColumn(name = "agent_id")
-    var agent: AgentModel2,
+    @JoinColumn(name = "agent_id", nullable = true)
+    var agent: AgentModel2? = null,
+
+    @Column(name = "full_name", nullable = true)
+    var fullName: String? = null,
 
     @Column(name = "mission_id", nullable = true)
     var missionId: Int? = null,
 
+    @Column(name = "mission_id_uuid", nullable = true)
+    var missionIdUUID: UUID? = null,
+
     @Column(name = "comment", nullable = true)
     var comment: String? = null,
 
@@ -32,9 +38,6 @@ class MissionCrewModel(
     @JoinColumn(name = "agent_role_id", nullable = true)
     var role: AgentRoleModel?,
 
-    @Column(name = "mission_id_uuid", nullable = true)
-    var missionIdUUID: UUID? = null,
-
     @CreatedDate
     @Column(name = "created_at", nullable = true, updatable = false)
     var createdAt: Instant? = null,
@@ -49,5 +52,13 @@ class MissionCrewModel(
 
     @LastModifiedBy
     @Column(name = "updated_by")
-    var updatedBy: Int? = null
+    var updatedBy: Int? = null,
+
+    @OneToMany(
+        mappedBy = "missionCrew",
+        cascade = [CascadeType.ALL],
+        orphanRemoval = true
+    )
+    var absences: MutableList<MissionCrewAbsenceModel> = mutableListOf()
+
 )
diff --git a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/repositories/mission/crew/JPAMissionCrewRepository.kt b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/repositories/mission/crew/JPAMissionCrewRepository.kt
index e8da41434..60743353d 100644
--- a/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/repositories/mission/crew/JPAMissionCrewRepository.kt
+++ b/backend/src/main/kotlin/fr/gouv/dgampa/rapportnav/infrastructure/database/repositories/mission/crew/JPAMissionCrewRepository.kt
@@ -32,8 +32,14 @@ class JPAMissionCrewRepository(
     override fun save(crew: MissionCrewEntity): MissionCrewModel {
         return try {
             val crewModel = crew.toMissionCrewModel()
-            val agent = dbAgentRepository.findById(crew.agent.id!!).orElseThrow()
-            crewModel.agent = agent
+
+            if (crew.agent != null) {
+                val agent = dbAgentRepository.findById(crew.agent.id!!).orElseThrow()
+                crewModel.agent = agent
+                // TODO ask christian
+//                crewModel.fullName = listOf(crew.agent.firstName, crew.agent.lastName).joinToString(separator = " ")
+            }
+
 
             if (crew.role !== null) {
                 val role = dbAgentRoleRepository.findById(crew.role.id!!).orElseThrow()
diff --git a/backend/src/main/resources/db/migration/V1.2026.01.10.08.12__create_table_mission_crew_absence.sql b/backend/src/main/resources/db/migration/V1.2026.01.10.08.12__create_table_mission_crew_absence.sql
new file mode 100644
index 000000000..4072d88d2
--- /dev/null
+++ b/backend/src/main/resources/db/migration/V1.2026.01.10.08.12__create_table_mission_crew_absence.sql
@@ -0,0 +1,29 @@
+DO
+$$
+BEGIN
+  CREATE TABLE IF NOT EXISTS public.mission_crew_absence (
+     id                    SERIAL PRIMARY KEY,
+     mission_crew_id       INTEGER NOT NULL REFERENCES public.mission_crew(id) ON DELETE CASCADE,
+
+     start_date            DATE,
+     end_date              DATE,
+     is_absent_full_mission BOOLEAN,
+     reason                TEXT,
+
+     created_at            TIMESTAMPTZ DEFAULT now(),
+     updated_at            TIMESTAMPTZ,
+     created_by            INTEGER,
+     updated_by            INTEGER
+  );
+
+  -- Index for fast filtering by mission crew
+  CREATE INDEX IF NOT EXISTS idx_mission_crew_absence_crew_id
+    ON public.mission_crew_absence (mission_crew_id);
+
+
+  -- prevent overlapping absences for the same mission_crew
+  -- Requires btree_gist extension (safe to include)
+  CREATE EXTENSION IF NOT EXISTS btree_gist;
+
+END
+$$;
diff --git a/backend/src/main/resources/db/migration/V1.2026.01.10.10.12__update_mission_crew.sql b/backend/src/main/resources/db/migration/V1.2026.01.10.10.12__update_mission_crew.sql
new file mode 100644
index 000000000..5850ad296
--- /dev/null
+++ b/backend/src/main/resources/db/migration/V1.2026.01.10.10.12__update_mission_crew.sql
@@ -0,0 +1,5 @@
+
+ALTER TABLE public.mission_crew
+  ADD COLUMN IF NOT EXISTS full_name TEXT;
+
+
diff --git a/backend/src/main/resources/wiremock/env/mission.json b/backend/src/main/resources/wiremock/env/mission.json
index a2cae7e60..690bb6916 100644
--- a/backend/src/main/resources/wiremock/env/mission.json
+++ b/backend/src/main/resources/wiremock/env/mission.json
@@ -6,19 +6,19 @@
   ],
   "controlUnits": [
     {
-      "id": 10225,
+      "id": 10080,
       "administration": "DDTM",
       "isArchived": false,
       "name": "ULAM 33",
       "resources": [
         {
           "id": 279,
-          "controlUnitId": 10225,
+          "controlUnitId": 10080,
           "name": "Malprat – PM 457"
         },
         {
           "id": 240,
-          "controlUnitId": 10225,
+          "controlUnitId": 10080,
           "name": "Voiture"
         }
       ],
diff --git a/backend/src/main/resources/wiremock/env/missions.json b/backend/src/main/resources/wiremock/env/missions.json
index 76e3419ee..ea0f9d1a5 100644
--- a/backend/src/main/resources/wiremock/env/missions.json
+++ b/backend/src/main/resources/wiremock/env/missions.json
@@ -7,19 +7,19 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -51,39 +51,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -116,39 +116,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -180,39 +180,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -245,39 +245,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -308,39 +308,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -371,39 +371,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -435,39 +435,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -499,39 +499,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
@@ -562,39 +562,39 @@
     ],
     "controlUnits": [
       {
-        "id": 10225,
+        "id": 10080,
         "administration": "DDTM",
         "isArchived": false,
         "name": "ULAM 33",
         "resources": [
           {
             "id": 1205,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Edulis - PM 424"
           },
           {
             "id": 385,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Ostrea PM 437"
           },
           {
             "id": 279,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Malprat – PM 457"
           },
           {
             "id": 69,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Atys PM 432"
           },
           {
             "id": 106,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Brizo – PM 480"
           },
           {
             "id": 240,
-            "controlUnitId": 10225,
+            "controlUnitId": 10080,
             "name": "Voiture"
           }
         ],
diff --git a/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/domain/use_cases/mission/v2/GetMissionCrewTest.kt b/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/domain/use_cases/mission/v2/GetMissionCrewTest.kt
index 9a323353f..d3b265f35 100644
--- a/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/domain/use_cases/mission/v2/GetMissionCrewTest.kt
+++ b/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/domain/use_cases/mission/v2/GetMissionCrewTest.kt
@@ -62,7 +62,7 @@ class GetMissionCrewTest {
                 agent = agent1,
                 role = role,
                 missionId = missionId,
-                missionIdUUID = missionIdUUID
+                missionIdUUID = missionIdUUID,
             ),
             MissionCrewEntityMock.create(
                 agent = agent2,
@@ -79,7 +79,7 @@ class GetMissionCrewTest {
             oldServiceId = serviceId,
             generalInfo = generalInfos,
             missionId = missionId,
-            missionIdUUID = missionIdUUID
+            missionIdUUID = missionIdUUID,
         )
 
         // Then
diff --git a/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/mocks/mission/crew/MissionCrewEntityMock.kt b/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/mocks/mission/crew/MissionCrewEntityMock.kt
index 72c9240cb..48a8f03b2 100644
--- a/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/mocks/mission/crew/MissionCrewEntityMock.kt
+++ b/backend/src/test/kotlin/fr/gouv/gmampa/rapportnav/mocks/mission/crew/MissionCrewEntityMock.kt
@@ -3,6 +3,7 @@ package fr.gouv.gmampa.rapportnav.mocks.mission.crew
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.AgentEntity
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.AgentEntity2
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.AgentRoleEntity
+import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.MissionCrewAbsenceEntity
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.crew.MissionCrewEntity
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.service.ServiceEntity
 import fr.gouv.dgampa.rapportnav.domain.entities.mission.nav.service.ServiceTypeEnum
@@ -28,6 +29,7 @@ object MissionCrewEntityMock {
         ),
         missionId: Int? = null,
         missionIdUUID: UUID? = null,
+        absences: List<MissionCrewAbsenceEntity>? = listOf()
     ): MissionCrewEntity {
         return MissionCrewEntity(
             id = id,
@@ -35,7 +37,8 @@ object MissionCrewEntityMock {
             comment = comment,
             role = role,
             missionId = missionId,
-            missionIdUUID = missionIdUUID
+            missionIdUUID = missionIdUUID,
+            absences = absences
         )
     }
 }
diff --git a/backend/src/test/resources/missions/mission.json b/backend/src/test/resources/missions/mission.json
index 174411f1e..26152d326 100644
--- a/backend/src/test/resources/missions/mission.json
+++ b/backend/src/test/resources/missions/mission.json
@@ -3,14 +3,14 @@
   "missionTypes": ["SEA"],
   "controlUnits": [
     {
-      "id": 10225,
+      "id": 10080,
       "administration": "DDTM",
       "isArchived": false,
       "name": "ULAM 33",
       "resources": [
         {
           "id": 1205,
-          "controlUnitId": 10225,
+          "controlUnitId": 10080,
           "name": "Edulis - PM 424"
         }
       ],
diff --git a/frontend/src/features/common/types/crew-types.ts b/frontend/src/features/common/types/crew-types.ts
deleted file mode 100644
index 177877788..000000000
--- a/frontend/src/features/common/types/crew-types.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Service
- * represents
- * ex: pam_X_bordée_A, ULAM33, GM
- */
-export type Service = {
-  id: string
-  name: string
-}
-
-/**
- * Agent
- * represents an actual human part of a crew
- * it is linked to different services (mostly 1)
- */
-export type Agent = {
-  id: string
-  firstName: string
-  lastName: string
-  services: Service[]
-}
-
-/**
- * AgentRole
- * represents the function of a member of a crew
- * such as captain, chief mecanic, ...
- */
-export type AgentRole = {
-  id: string
-  title: string
-}
-
-/**
- * MissionCrew
- * represents the actual crew of a mission
- * there will be as many rows as there are crew members of a mission
- */
-export type MissionCrew = {
-  id: string
-  agent?: Agent
-  comment?: string
-  role?: AgentRole
-}
diff --git a/frontend/src/v2/features/common/components/ui/formik-date-range-picker.tsx b/frontend/src/v2/features/common/components/ui/formik-date-range-picker.tsx
index 17b2081bf..e4bbb476f 100644
--- a/frontend/src/v2/features/common/components/ui/formik-date-range-picker.tsx
+++ b/frontend/src/v2/features/common/components/ui/formik-date-range-picker.tsx
@@ -16,10 +16,19 @@ type FormikDateRangePickerProps = FormikDatePickerWithDateDateProps & {
   name: string
   validateOnSubmit?: boolean
   fieldFormik: FieldProps<Date[]>
+  withTime?: boolean
+  allowSameDate?: boolean
 }
 
 export const FormikDateRangePicker = styled(
-  ({ name, fieldFormik, validateOnSubmit, ...props }: FormikDateRangePickerProps) => {
+  ({
+    name,
+    fieldFormik,
+    validateOnSubmit,
+    withTime = true,
+    allowSameDate = false,
+    ...props
+  }: FormikDateRangePickerProps) => {
     const [errors, setErrors] = useState<FormikErrors<DateInput>>()
     const [initValue, setInitValue] = useState<DateInput>()
 
@@ -45,7 +54,7 @@ export const FormikDateRangePicker = styled(
             onSubmit={handleSubmit}
             enableReinitialize
             validateOnChange={true}
-            validationSchema={simpleDateRangeValidationSchema}
+            validationSchema={simpleDateRangeValidationSchema({ allowSameDate })}
           >
             {({ validateForm }) => (
               <>
@@ -58,7 +67,13 @@ export const FormikDateRangePicker = styled(
                   <Stack.Item>
                     <Stack direction="row">
                       <Stack.Item>
-                        <Label>{props.label || 'Date et heure de début et de fin (utc)'}</Label>
+                        <Label>
+                          {props.label
+                            ? props.label
+                            : withTime
+                              ? 'Date et heure de début et de fin (utc)'
+                              : 'Dates de début et de fin (utc)'}
+                        </Label>
                       </Stack.Item>
                       <Stack.Item>
                         <Label
@@ -77,7 +92,7 @@ export const FormikDateRangePicker = styled(
                           {...props}
                           label={''}
                           isRequired={true}
-                          withTime={true}
+                          withTime={withTime}
                           isCompact={true}
                           name={'startDateTimeUtc'}
                           isErrorMessageHidden={true}
@@ -91,7 +106,7 @@ export const FormikDateRangePicker = styled(
                           {...props}
                           label={''}
                           isRequired={true}
-                          withTime={true}
+                          withTime={withTime}
                           isCompact={true}
                           name={'endDateTimeUtc'}
                           isErrorMessageHidden={true}
diff --git a/frontend/src/v2/features/common/hooks/__tests__/use-mission-dates.test.tsx b/frontend/src/v2/features/common/hooks/__tests__/use-mission-dates.test.tsx
new file mode 100644
index 000000000..d4e5246d8
--- /dev/null
+++ b/frontend/src/v2/features/common/hooks/__tests__/use-mission-dates.test.tsx
@@ -0,0 +1,62 @@
+import { describe, it, expect, beforeEach } from 'vitest'
+import { renderHook } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { missionsKeys } from '../../services/query-keys.ts'
+import { useMissionDates } from '../use-mission-dates.tsx'
+import { Mission2, MissionStatusEnum } from '../../types/mission-types.ts'
+
+const mockMission: Mission2 = {
+  id: 1,
+  status: MissionStatusEnum.IN_PROGRESS,
+  data: {
+    startDateTimeUtc: '2024-01-15T08:00:00Z',
+    endDateTimeUtc: '2024-01-15T18:00:00Z'
+  }
+} as Mission2
+
+describe('useMissionDates', () => {
+  let queryClient: QueryClient
+
+  beforeEach(() => {
+    queryClient = new QueryClient()
+  })
+
+  function wrapper({ children }: { children: React.ReactNode }) {
+    return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  }
+
+  it('returns start and end dates when mission exists', () => {
+    queryClient.setQueryData(missionsKeys.byId('1'), mockMission)
+    const { result } = renderHook(() => useMissionDates('1'), { wrapper })
+    expect(result.current).toEqual(['2024-01-15T08:00:00Z', '2024-01-15T18:00:00Z'])
+  })
+
+  it('returns startDateTimeUtc as first element', () => {
+    queryClient.setQueryData(missionsKeys.byId('1'), mockMission)
+    const { result } = renderHook(() => useMissionDates('1'), { wrapper })
+    expect(result.current[0]).toBe('2024-01-15T08:00:00Z')
+  })
+
+  it('returns endDateTimeUtc as second element', () => {
+    queryClient.setQueryData(missionsKeys.byId('1'), mockMission)
+    const { result } = renderHook(() => useMissionDates('1'), { wrapper })
+    expect(result.current[1]).toBe('2024-01-15T18:00:00Z')
+  })
+
+  it('returns undefined values when mission is not found', () => {
+    const { result } = renderHook(() => useMissionDates('999'), { wrapper })
+    expect(result.current).toEqual([undefined, undefined])
+  })
+
+  it('returns undefined values when missionId is undefined', () => {
+    const { result } = renderHook(() => useMissionDates(undefined), { wrapper })
+    expect(result.current).toEqual([undefined, undefined])
+  })
+
+  it('returns undefined values when mission has no data', () => {
+    const missionWithoutData = { id: 1, status: MissionStatusEnum.IN_PROGRESS } as Mission2
+    queryClient.setQueryData(missionsKeys.byId('1'), missionWithoutData)
+    const { result } = renderHook(() => useMissionDates('1'), { wrapper })
+    expect(result.current).toEqual([undefined, undefined])
+  })
+})
diff --git a/frontend/src/v2/features/common/hooks/use-mission-dates.tsx b/frontend/src/v2/features/common/hooks/use-mission-dates.tsx
new file mode 100644
index 000000000..0972765e4
--- /dev/null
+++ b/frontend/src/v2/features/common/hooks/use-mission-dates.tsx
@@ -0,0 +1,11 @@
+import { useQueryClient } from '@tanstack/react-query'
+import { missionsKeys } from '../services/query-keys.ts'
+import { Mission2 } from '../types/mission-types.ts'
+
+export function useMissionDates(missionId?: string): [string | undefined, string | undefined] {
+  const queryClient = useQueryClient()
+
+  const mission: Mission2 | undefined = missionId ? queryClient.getQueryData(missionsKeys.byId(missionId)) : undefined
+
+  return [mission?.data?.startDateTimeUtc, mission?.data?.endDateTimeUtc]
+}
diff --git a/frontend/src/v2/features/common/services/query-keys.ts b/frontend/src/v2/features/common/services/query-keys.ts
index ccb155792..98f605edd 100644
--- a/frontend/src/v2/features/common/services/query-keys.ts
+++ b/frontend/src/v2/features/common/services/query-keys.ts
@@ -28,10 +28,6 @@ export const agentRolesKeys = {
   all: () => ['agentRoles'] as const
 }
 
-export const agentServicesKeys = {
-  all: () => ['agentServices'] as const
-}
-
 export const agentsKeys = {
   all: () => ['agents'] as const
 }
diff --git a/frontend/src/v2/features/common/services/use-agent-services.tsx b/frontend/src/v2/features/common/services/use-agent-services.tsx
index 3f6aa109c..6107da2d0 100644
--- a/frontend/src/v2/features/common/services/use-agent-services.tsx
+++ b/frontend/src/v2/features/common/services/use-agent-services.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query'
 import axios from '../../../../query-client/axios.ts'
-import { STATIC_DATA_GC_TIME, STATIC_DATA_STALE_TIME } from '../../../../query-client'
+import { STATIC_DATA_GC_TIME, STATIC_DATA_STALE_TIME } from '../../../../query-client/index.ts'
 import { ServiceWithAgents } from '../types/service-agents-types.ts'
 import { agentServicesKeys } from './query-keys.ts'
 
diff --git a/frontend/src/v2/features/common/services/use-prefetch-static-data.tsx b/frontend/src/v2/features/common/services/use-prefetch-static-data.tsx
index ae0e27925..96fd5e1ac 100644
--- a/frontend/src/v2/features/common/services/use-prefetch-static-data.tsx
+++ b/frontend/src/v2/features/common/services/use-prefetch-static-data.tsx
@@ -2,14 +2,7 @@ import { useIsRestoring, useQueryClient } from '@tanstack/react-query'
 import { useEffect } from 'react'
 import { STATIC_DATA_GC_TIME, STATIC_DATA_STALE_TIME } from '../../../../query-client'
 import axios from '../../../../query-client/axios.ts'
-import {
-  administrationKeys,
-  agentRolesKeys,
-  agentServicesKeys,
-  agentsKeys,
-  natinfsKeys,
-  resourcesKeys
-} from './query-keys.ts'
+import { administrationKeys, agentRolesKeys, agentsKeys, natinfsKeys, resourcesKeys } from './query-keys.ts'
 
 export function usePrefetchStaticData() {
   const queryClient = useQueryClient()
@@ -22,7 +15,6 @@ export function usePrefetchStaticData() {
       const referenceEndpoints = [
         { key: agentsKeys.all(), url: 'agents' },
         { key: agentRolesKeys.all(), url: 'agent_roles' },
-        { key: agentServicesKeys.all(), url: 'crews' },
         { key: administrationKeys.all(), url: 'administrations' },
         { key: resourcesKeys.all(), url: 'resources' },
         { key: natinfsKeys.all(), url: 'natinfs' }
diff --git a/frontend/src/v2/features/common/types/crew-type.ts b/frontend/src/v2/features/common/types/crew-type.ts
index ca5629055..83de9fecd 100644
--- a/frontend/src/v2/features/common/types/crew-type.ts
+++ b/frontend/src/v2/features/common/types/crew-type.ts
@@ -1,5 +1,10 @@
 import { Service } from '@common/types/crew-types.ts'
 
+/**
+ * Agent
+ * represents an actual human part of a crew
+ * it is linked to different services (mostly 1)
+ */
 export type Agent = {
   id: number
   firstName: string
@@ -7,15 +12,76 @@ export type Agent = {
   services: Service[]
 }
 
+/**
+ * AgentRole
+ * represents the function of a member of a crew
+ * such as captain, chief mechanic, ...
+ */
 export type AgentRole = {
   id: string
   title: string
 }
 
-export type MissionCrewMember = {
-  id?: string
-  agent: Agent
+/**
+ * MissionCrew
+ * represents the actual crew of a mission
+ * there will be as many rows as there are crew members of a mission
+ */
+export type MissionCrew = {
+  id: string
+  agent?: Agent
+  fullName?: string
   comment?: string
   role?: AgentRole
   missionId?: number
+  absences: MissionCrewAbsence[]
+}
+
+export type MissionCrewAbsence = {
+  id?: number
+  startDate?: Date
+  endDate?: Date
+  isAbsentFullMission?: boolean
+  reason?: MissionCrewAbsenceReason
+}
+
+export enum MissionCrewAbsenceType {
+  TEMPORARY = 'TEMPORARY',
+  FULL_MISSION = 'FULL_MISSION'
+}
+
+export enum MissionCrewAbsenceReason {
+  SICK_LEAVE = 'SICK_LEAVE',
+  TRAINING = 'TRAINING',
+  RECOVERING = 'RECOVERING',
+  HOLIDAYS = 'HOLIDAYS',
+  MEETING = 'MEETING',
+  DISPATCHED_ELSEWHERE = 'DISPATCHED_ELSEWHERE',
+  OTHER = 'OTHER'
+}
+
+export const ABSENCE_REASON_OPTIONS = [
+  { value: 'SICK_LEAVE', label: 'Arrêt maladie' },
+  { value: 'TRAINING', label: 'Formation' },
+  { value: 'RECOVERING', label: 'Récupération' },
+  { value: 'HOLIDAYS', label: 'Congès' },
+  { value: 'MEETING', label: 'Réunion' },
+  { value: 'DISPATCHED_ELSEWHERE', label: 'Renforcement extérieur' },
+  { value: 'OTHER', label: 'Autre' }
+]
+
+const ABSENCE_REASON_LABEL_BY_VALUE: Record<MissionCrewAbsenceReason, string> = Object.fromEntries(
+  ABSENCE_REASON_OPTIONS.map(o => [o.value, o.label])
+) as Record<MissionCrewAbsenceReason, string>
+
+export function getAbsenceReasonLabel(reason: MissionCrewAbsenceReason): string {
+  return ABSENCE_REASON_LABEL_BY_VALUE[reason]
+}
+
+export type AddOrUpdateMissionCrewInput = {
+  id?: string
+  fullName?: string
+  comment?: string
+  role?: AgentRole
+  missionId: number
 }
diff --git a/frontend/src/v2/features/common/types/mission-types.ts b/frontend/src/v2/features/common/types/mission-types.ts
index 23bbf3327..4245468ec 100644
--- a/frontend/src/v2/features/common/types/mission-types.ts
+++ b/frontend/src/v2/features/common/types/mission-types.ts
@@ -1,9 +1,9 @@
-import { MissionCrew } from '@common/types/crew-types'
 import { MissionTypeEnum, SeaFrontEnum } from '@common/types/env-mission-types'
-import { Service } from '@common/types/service-types'
+import { Service } from './service-types.ts'
 import { ControlUnitResource } from './control-unit-types.ts'
 import { MissionAction } from './mission-action'
 import { MissionPassenger } from './passenger-type.ts'
+import { MissionCrew } from './crew-type.ts'
 
 export type ControlUnit = {
   administration: string
diff --git a/frontend/src/v2/features/common/types/service-agents-types.ts b/frontend/src/v2/features/common/types/service-agents-types.ts
index 0fa23867a..3d0ecce58 100644
--- a/frontend/src/v2/features/common/types/service-agents-types.ts
+++ b/frontend/src/v2/features/common/types/service-agents-types.ts
@@ -30,14 +30,3 @@ export type AgentRole = {
   id: string
   title: string
 }
-
-export type AgentService = {
-  agent: Agent
-  role: AgentRole
-  disabledAt?: string
-}
-
-export type ServiceWithAgents = {
-  service: Service
-  agents: AgentService[]
-}
diff --git a/frontend/src/features/common/types/service-types.ts b/frontend/src/v2/features/common/types/service-types.ts
similarity index 100%
rename from frontend/src/features/common/types/service-types.ts
rename to frontend/src/v2/features/common/types/service-types.ts
diff --git a/frontend/src/v2/features/mission-action/validation-schema/date-validation.ts b/frontend/src/v2/features/mission-action/validation-schema/date-validation.ts
index 3da3b5ce2..ffbbcacda 100644
--- a/frontend/src/v2/features/mission-action/validation-schema/date-validation.ts
+++ b/frontend/src/v2/features/mission-action/validation-schema/date-validation.ts
@@ -1,20 +1,29 @@
 import * as Yup from 'yup'
 
-export const simpleDateRangeValidationSchema = Yup.object().shape({
-  startDateTimeUtc: Yup.date().required('La date de début est requise').typeError('La date de début est mal formatée'),
+export const simpleDateRangeValidationSchema = (opts: { allowSameDate?: boolean } = {}) => {
+  const { allowSameDate = false } = opts
 
-  endDateTimeUtc: Yup.date()
-    .test('both-defined', `Les dates et heures de début et de fin doivent être renseignées`, function (value) {
-      const { startDateTimeUtc } = this.parent
-      return !!value || !!startDateTimeUtc
-    })
-    .test('is-defined', `La date et l'heure de fin sont requises`, function (value) {
-      return !!value
-    })
-    .typeError('La date de fin est mal formatée')
-    .test('is-after-start', `La date et l'heure de fin doit être antérieure à la date de début`, function (value) {
-      const { startDateTimeUtc } = this.parent
-      if (!startDateTimeUtc) return true
-      return value && startDateTimeUtc && new Date(value) > new Date(startDateTimeUtc)
-    })
-})
+  return Yup.object().shape({
+    startDateTimeUtc: Yup.date()
+      .required('La date de début est requise')
+      .typeError('La date de début est mal formatée'),
+
+    endDateTimeUtc: Yup.date()
+      .test('both-defined', `Les dates et heures de début et de fin doivent être renseignées`, function (value) {
+        const { startDateTimeUtc } = this.parent
+        return !!value || !!startDateTimeUtc
+      })
+      .test('is-defined', `La date et l'heure de fin sont requises`, function (value) {
+        return !!value
+      })
+      .typeError('La date de fin est mal formatée')
+      .test('is-after-start', `La date et l'heure de fin doit être antérieure à la date de début`, function (value) {
+        if (allowSameDate) return true
+
+        const { startDateTimeUtc } = this.parent
+        if (!startDateTimeUtc || !value) return true
+
+        return new Date(value) > new Date(startDateTimeUtc)
+      })
+  })
+}
diff --git a/frontend/src/v2/features/mission-general-infos/components/mission-general-information-crew-no-comment.tsx b/frontend/src/v2/features/mission-general-infos/components/mission-general-information-crew-no-comment.tsx
index 7cba1a983..a77694578 100644
--- a/frontend/src/v2/features/mission-general-infos/components/mission-general-information-crew-no-comment.tsx
+++ b/frontend/src/v2/features/mission-general-infos/components/mission-general-information-crew-no-comment.tsx
@@ -2,7 +2,7 @@ import { FormikCheckbox, THEME } from '@mtes-mct/monitor-ui'
 import { FieldArrayRenderProps } from 'formik'
 import React, { useState } from 'react'
 import { Stack } from 'rsuite'
-import { Agent, MissionCrewMember } from '../../common/types/crew-type.ts'
+import { Agent, MissionCrew } from '../../common/types/crew-type.ts'
 import MissionCrewFormNoComment from '../ui/mission-crew-form-no-comment.tsx'
 import MissionCrewListNoComment from '../ui/mission-crew-list-no-comment.tsx'
 import {
@@ -65,7 +65,7 @@ const MissionGeneralInformationCrewNoComment: React.FC<MissionGeneralInformation
             </Text>
           ) : (
             <MissionCrewListStyled>
-              {fieldArray.form.values.crew?.map((crewMember: MissionCrewMember, index: number) => (
+              {fieldArray.form.values.crew?.map((crewMember: MissionCrew, index: number) => (
                 <MissionCrewListItemStyled
                   index={index}
                   key={`${crewMember?.agent?.id}-index`}
diff --git a/frontend/src/v2/features/mission-general-infos/ui/__tests__/mission-crew-list.test.tsx b/frontend/src/v2/features/mission-general-infos/ui/__tests__/mission-crew-list.test.tsx
new file mode 100644
index 000000000..0a6fcd810
--- /dev/null
+++ b/frontend/src/v2/features/mission-general-infos/ui/__tests__/mission-crew-list.test.tsx
@@ -0,0 +1,29 @@
+import { render, screen } from '../../../../../test-utils.tsx'
+import { describe, it, expect } from 'vitest'
+import { MissionCrewMemberText } from '../mission-crew-list'
+import { Agent } from '../../../common/types/crew-type'
+
+describe('MissionCrewMemberText', () => {
+  it('renders agent firstName and lastName', () => {
+    const agent: Agent = {
+      id: 1,
+      firstName: 'Jean',
+      lastName: 'Dupont',
+      services: []
+    }
+    render(<MissionCrewMemberText agent={agent} />)
+    expect(screen.getByText('Jean Dupont')).toBeInTheDocument()
+  })
+
+  it('prioritizes agent over fullName when both are provided', () => {
+    const agent: Agent = {
+      id: 1,
+      firstName: 'Jean',
+      lastName: 'Dupont',
+      services: []
+    }
+    render(<MissionCrewMemberText agent={agent} fullName="Other Name" />)
+    expect(screen.getByText('Jean Dupont')).toBeInTheDocument()
+    expect(screen.queryByText('Other Name')).not.toBeInTheDocument()
+  })
+})
diff --git a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-form-no-comment.tsx b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-form-no-comment.tsx
index 55411ebde..e084b1a26 100644
--- a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-form-no-comment.tsx
+++ b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-form-no-comment.tsx
@@ -14,7 +14,7 @@ import { Field, FieldProps, Form, Formik } from 'formik'
 import React, { useEffect, useState } from 'react'
 import { FlexboxGrid, Stack, StackProps } from 'rsuite'
 import styled from 'styled-components'
-import { Agent, MissionCrewMember } from '../../common/types/crew-type.ts'
+import { Agent, MissionCrew } from '../../common/types/crew-type.ts'
 
 const CrewFormDialogBody = styled((props: DialogProps) => <Dialog.Body {...props} />)(({ theme }) => ({
   padding: 24,
@@ -55,7 +55,7 @@ type CrewForm = {
 
 interface MissionCrewFormNoCommentProps {
   agents: Agent[]
-  crewMembers: MissionCrewMember[]
+  crewMembers: MissionCrew[]
   handleClose: (open: boolean) => void
   handleEdit: (agentsIds: number[]) => void
 }
diff --git a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list-no-comment.tsx b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list-no-comment.tsx
index b7a3a9683..050b543d0 100644
--- a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list-no-comment.tsx
+++ b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list-no-comment.tsx
@@ -1,11 +1,11 @@
 import { FlexboxGrid, Stack } from 'rsuite'
-import { MissionCrewMember } from '../../common/types/crew-type.ts'
+import { MissionCrew } from '../../common/types/crew-type.ts'
 import { MissionCrewDeleteIconButton, MissionCrewEditIconButton, MissionCrewMemberText } from './mission-crew-list.tsx'
 
 interface MissionCrewListNoCommentProps {
   index: number
   name: string
-  crewMember: MissionCrewMember
+  crewMember: MissionCrew
   handleEdit: (index: number) => void
   handleDelete: (index: number) => void
 }
diff --git a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list.tsx b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list.tsx
index c26084827..68a151ac4 100644
--- a/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list.tsx
+++ b/frontend/src/v2/features/mission-general-infos/ui/mission-crew-list.tsx
@@ -58,13 +58,13 @@ export const MissionCrewDeleteIconButton = styled((props: Omit<IconButtonProps,
 }))
 
 export const MissionCrewMemberText = styled(
-  ({ agent, ...props }: Omit<TextProps, 'as' | 'children'> & { agent?: Agent }) => (
+  ({ agent, fullName, ...props }: Omit<TextProps, 'as' | 'children'> & { agent?: Agent; fullName?: string }) => (
     <Text
       {...props}
       as="h3"
       truncate={true}
       data-testid="crew-member-agent"
-    >{`${agent?.firstName} ${agent?.lastName}`}</Text>
+    >{`${agent ? [agent?.firstName, agent?.lastName].join(' ') : fullName}`}</Text>
   )
 )(({ theme }) => ({
   color: theme.color.gunMetal
diff --git a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam.test.tsx
deleted file mode 100644
index a32e72c42..000000000
--- a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam.test.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import { vi } from 'vitest'
-import { render, screen, fireEvent } from '../../../../../../../test-utils.tsx'
-import MissionGeneralInformationCrewPam from '../mission-general-information-crew-pam.tsx'
-
-const agent1 = {
-  id: 1,
-  firstName: 'John',
-  lastName: 'Doe'
-}
-const agent2 = {
-  id: 2,
-  firstName: 'Jane',
-  lastName: 'Smith'
-}
-const role1 = {
-  id: 1,
-  title: 'Commandant'
-}
-const role2 = {
-  id: 2,
-  title: 'Second'
-}
-
-vi.mock('../../../../../common/services/use-agent-roles.tsx', () => ({
-  default: () => ({
-    data: [role1, role2]
-  })
-}))
-
-vi.mock('../../../../../common/services/use-agents.tsx', () => ({
-  default: () => ({
-    data: [agent1, agent2]
-  })
-}))
-
-vi.mock('../../../../../common/services/use-agent-services.tsx', () => ({
-  default: () => ({
-    data: [
-      {
-        service: {
-          id: 1,
-          name: 'service1'
-        },
-        agents: [agent1, agent2]
-      }
-    ]
-  })
-}))
-
-describe('MissionGeneralInformationCrewPam', () => {
-  // Helper function to create mock field array
-  const createMockFieldArray = (initialValues = []) => ({
-    form: {
-      values: {
-        crew: initialValues
-      },
-      setFieldValue: vi.fn()
-    },
-    remove: vi.fn()
-  })
-  // Sample crew members for testing
-  const sampleCrewMembers = [
-    {
-      id: 1,
-      agent: {
-        id: 'agent1',
-        firstName: 'John',
-        lastName: 'Doe'
-      },
-      role: {
-        id: 'role1',
-        title: 'Captain'
-      },
-      comment: 'Test comment 1'
-    },
-    {
-      id: 2,
-      agent: {
-        id: 'agent2',
-        firstName: 'Jane',
-        lastName: 'Smith'
-      },
-      role: {
-        id: 'role2',
-        title: 'Navigator'
-      },
-      comment: 'Test comment 2'
-    }
-  ]
-
-  const renderComponent = (props = {}) => {
-    const defaultProps = {
-      name: 'crew',
-      missionId: 1,
-      currentCrewList: sampleCrewMembers,
-      fieldArray: createMockFieldArray(sampleCrewMembers)
-    }
-
-    return render(<MissionGeneralInformationCrewPam {...defaultProps} {...props} />)
-  }
-
-  it('renders empty state when no crew members', () => {
-    renderComponent({
-      currentCrewList: [],
-      fieldArray: createMockFieldArray()
-    })
-
-    // Check empty state text
-    expect(screen.getByText("Sélectionner votre bordée, pour importer votre liste d'équipage")).toBeInTheDocument()
-  })
-
-  it('renders the component with crew list', () => {
-    renderComponent()
-
-    // Check title
-    expect(screen.getByText('❯ Équipage')).toBeInTheDocument()
-
-    // Check crew member names
-    expect(screen.getByText('John Doe')).toBeInTheDocument()
-    expect(screen.getByText('Jane Smith')).toBeInTheDocument()
-
-    // Check add member button
-    expect(screen.getByText("Ajouter un membre d'équipage")).toBeInTheDocument()
-  })
-
-  it('opens crew form when adding a new member', async () => {
-    renderComponent()
-
-    // Click add member button
-    const addMemberButton = screen.getByText("Ajouter un membre d'équipage")
-    fireEvent.click(addMemberButton)
-
-    // Check if crew form is opened
-    expect(screen.getByTestId('crew-form')).toBeInTheDocument()
-  })
-
-  it('opens crew form when editing an existing member', async () => {
-    renderComponent()
-
-    // Find and click edit button for first crew member
-    const editButtons = screen.getAllByTestId('edit-crew-member-icon')
-    fireEvent.click(editButtons[0])
-
-    // Check if crew form is opened with correct data
-    expect(screen.getByTestId('crew-form')).toBeInTheDocument()
-  })
-
-  it('handles deleting a crew member', async () => {
-    const mockFieldArray = createMockFieldArray(sampleCrewMembers)
-    renderComponent({ fieldArray: mockFieldArray })
-
-    // Find and click delete button for first crew member
-    const deleteButtons = screen.getAllByTestId('delete-crew-member-icon')
-    fireEvent.click(deleteButtons[0])
-
-    // Verify remove method was called
-    expect(mockFieldArray.remove).toHaveBeenCalledWith(0)
-  })
-
-  it('closes crew form when cancel is clicked', async () => {
-    renderComponent()
-
-    // Open add member form
-    const addMemberButton = screen.getByText("Ajouter un membre d'équipage")
-    fireEvent.click(addMemberButton)
-
-    // Find and click cancel button
-    const cancelButton = screen.getByText('Annuler')
-    fireEvent.click(cancelButton)
-
-    // Crew form should no longer be in the document
-    expect(screen.queryByTestId('crew-form')).not.toBeInTheDocument()
-  })
-})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-service.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-service.test.tsx
index de2ff5b37..bb7cd1770 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-service.test.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-service.test.tsx
@@ -2,7 +2,7 @@ import MissionService, { MissionServiceProps } from '../mission-service.tsx'
 import { render, screen } from '../../../../../../../test-utils.tsx'
 import { Formik } from 'formik'
 import { vi } from 'vitest'
-import { Service } from '@common/types/service-types.ts'
+import { Service } from '../../../../../common/types/service-types.ts'
 
 const component = (props: MissionServiceProps) => (
   <Formik
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-absence-form.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-absence-form.test.tsx
new file mode 100644
index 000000000..f849e1ee0
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-absence-form.test.tsx
@@ -0,0 +1,159 @@
+import { vi } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '../../../../../../../../test-utils.tsx'
+import { Formik } from 'formik'
+import { CrewAbsenceForm } from '../crew-absence-form'
+import { MissionCrewAbsenceType, MissionCrewAbsenceReason } from '../../../../../../common/types/crew-type.ts'
+
+// Mock the useMissionCrewAbsenceForm hook
+vi.mock('../../../../../hooks/use-crew-absence.tsx', () => ({
+  useMissionCrewAbsenceForm: () => ({
+    initValue: {
+      id: undefined,
+      startDate: undefined,
+      endDate: undefined,
+      reason: undefined,
+      isAbsentFullMission: false
+    },
+    validationSchema: {},
+    handleSubmit: vi.fn()
+  })
+}))
+
+const mockHandleClose = vi.fn()
+
+const renderComponent = (props = {}, initialValues = {}) => {
+  const defaultProps = {
+    crewIndex: 0,
+    absenceType: MissionCrewAbsenceType.TEMPORARY,
+    handleClose: mockHandleClose
+  }
+
+  const defaultInitialValues = {
+    crew: [
+      {
+        id: '1',
+        absences: []
+      }
+    ]
+  }
+
+  return render(
+    <Formik initialValues={{ ...defaultInitialValues, ...initialValues }} onSubmit={vi.fn()}>
+      <CrewAbsenceForm {...defaultProps} {...props} />
+    </Formik>
+  )
+}
+
+describe('CrewAbsenceForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Temporary absence mode', () => {
+    it('renders the form for temporary absence', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.getByText('Ajouter une absence temporaire')).toBeInTheDocument()
+    })
+
+    it('renders an empty form row when no absences exist', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.getByText('Motif')).toBeInTheDocument()
+    })
+
+    it('shows add button when less than 3 absences', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.getByText('Ajouter une absence temporaire')).toBeInTheDocument()
+    })
+
+    it('adds a new local absence row when add button is clicked', async () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+
+      const addButton = screen.getByText('Ajouter une absence temporaire')
+      fireEvent.click(addButton)
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        // Should now have 2 "Motif" labels (one for initial empty form, one for new row)
+        const motifLabels = screen.getAllByText('Motif')
+        expect(motifLabels.length).toBe(2)
+      })
+    })
+
+    it('hides add button when 3 absences exist', () => {
+      const initialValues = {
+        crew: [
+          {
+            id: '1',
+            absences: [
+              { id: 1, reason: MissionCrewAbsenceReason.SICK_LEAVE },
+              { id: 2, reason: MissionCrewAbsenceReason.TRAINING },
+              { id: 3, reason: MissionCrewAbsenceReason.HOLIDAYS }
+            ]
+          }
+        ]
+      }
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY }, initialValues)
+      expect(screen.queryByText('Ajouter une absence temporaire')).not.toBeInTheDocument()
+    })
+
+    it('renders existing absences from formik context', () => {
+      const initialValues = {
+        crew: [
+          {
+            id: '1',
+            absences: [{ id: 1, reason: MissionCrewAbsenceReason.SICK_LEAVE }]
+          }
+        ]
+      }
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY }, initialValues)
+      expect(screen.getByText('Motif')).toBeInTheDocument()
+    })
+
+    it('shows delete button when absences exist', () => {
+      const initialValues = {
+        crew: [
+          {
+            id: '1',
+            absences: [{ id: 1, reason: MissionCrewAbsenceReason.SICK_LEAVE }]
+          }
+        ]
+      }
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY }, initialValues)
+      expect(screen.getByTestId('delete-absence')).toBeInTheDocument()
+    })
+
+    it('calls handleClose when last absence is removed', () => {
+      const initialValues = {
+        crew: [
+          {
+            id: '1',
+            absences: [{ id: 1, reason: MissionCrewAbsenceReason.SICK_LEAVE }]
+          }
+        ]
+      }
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY }, initialValues)
+
+      const deleteButton = screen.getByTestId('delete-absence')
+      fireEvent.click(deleteButton)
+
+      expect(mockHandleClose).toHaveBeenCalled()
+    })
+  })
+
+  describe('Full mission absence mode', () => {
+    it('renders the form for full mission absence', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.FULL_MISSION })
+      expect(screen.getByText('Valider l’absence sur toute la mission')).toBeInTheDocument()
+    })
+
+    it('does not show add button for full mission absence', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.FULL_MISSION })
+      expect(screen.queryByText('Ajouter une absence temporaire')).not.toBeInTheDocument()
+    })
+
+    it('renders the reason select field', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.FULL_MISSION })
+      expect(screen.getByText('Motif')).toBeInTheDocument()
+    })
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-full-mission-absence-form.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-full-mission-absence-form.test.tsx
new file mode 100644
index 000000000..7f5621c35
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-full-mission-absence-form.test.tsx
@@ -0,0 +1,111 @@
+import { vi } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '../../../../../../../../test-utils.tsx'
+import { FullMissionAbsenceForm } from '../crew-full-mission-absence-form'
+import { MissionCrewAbsence, MissionCrewAbsenceReason } from '../../../../../../common/types/crew-type.ts'
+import { FieldProps } from 'formik'
+
+const mockHandleSubmit = vi.fn()
+
+// Mock the useMissionCrewAbsenceForm hook
+vi.mock('../../../../../hooks/use-crew-absence.tsx', () => ({
+  useMissionCrewAbsenceForm: () => ({
+    initValue: {
+      id: undefined,
+      startDate: undefined,
+      endDate: undefined,
+      reason: undefined,
+      isAbsentFullMission: false,
+      dates: [undefined, undefined]
+    },
+    validationSchema: {},
+    handleSubmit: mockHandleSubmit
+  })
+}))
+
+const mockHandleClose = vi.fn()
+
+const createFieldFormik = (value: MissionCrewAbsence = {}): FieldProps<MissionCrewAbsence> =>
+  ({
+    field: {
+      name: 'crew.0.absences.0',
+      value: {
+        id: undefined,
+        startDate: undefined,
+        endDate: undefined,
+        reason: undefined,
+        isAbsentFullMission: false,
+        ...value
+      }
+    },
+    form: {
+      setFieldValue: vi.fn(),
+      values: {},
+      errors: {},
+      touched: {}
+    },
+    meta: {
+      value: {},
+      touched: false
+    }
+  }) as unknown as FieldProps<MissionCrewAbsence>
+
+const renderComponent = (props = {}) => {
+  const defaultProps = {
+    name: 'crew.0.absences.0',
+    fieldFormik: createFieldFormik(),
+    handleClose: mockHandleClose
+  }
+
+  return render(<FullMissionAbsenceForm {...defaultProps} {...props} />)
+}
+
+describe('FullMissionAbsenceForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('renders the form with reason select', () => {
+    renderComponent()
+    expect(screen.getByText('Motif')).toBeInTheDocument()
+  })
+
+  it('renders the submit button', () => {
+    renderComponent()
+    expect(screen.getByText('Valider l’absence sur toute la mission')).toBeInTheDocument()
+  })
+
+  it('renders submit button as disabled when no reason is selected', () => {
+    renderComponent()
+    const submitButton = screen.getByText('Valider l’absence sur toute la mission').parentNode
+    expect(submitButton).toBeDisabled()
+  })
+
+  it('calls handleSubmit with isAbsentFullMission true when form is submitted', async () => {
+    const fieldFormik = createFieldFormik({ reason: MissionCrewAbsenceReason.SICK_LEAVE })
+    renderComponent({ fieldFormik })
+
+    const submitButton = screen.getByText('Valider l’absence sur toute la mission')
+    fireEvent.click(submitButton)
+
+    await waitFor(() => {
+      console.log(screen.debug())
+      expect(mockHandleSubmit).toHaveBeenCalledWith(
+        expect.objectContaining({
+          isAbsentFullMission: true
+        })
+      )
+    })
+  })
+
+  it('calls handleClose after successful submission', async () => {
+    const fieldFormik = createFieldFormik({ reason: MissionCrewAbsenceReason.TRAINING })
+    renderComponent({ fieldFormik })
+
+    const submitButton = screen.getByText('Valider l’absence sur toute la mission')
+    fireEvent.click(submitButton)
+
+    await waitFor(() => {
+      expect(mockHandleClose).toHaveBeenCalled()
+    })
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-temporary-absence-form-item.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-temporary-absence-form-item.test.tsx
new file mode 100644
index 000000000..e905f904b
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/crew-temporary-absence-form-item.test.tsx
@@ -0,0 +1,102 @@
+import { vi } from 'vitest'
+import { render, screen, fireEvent } from '../../../../../../../../test-utils.tsx'
+import TemporaryAbsenceItemForm from '../crew-temporary-absence-form-item'
+import { MissionCrewAbsence } from '../../../../../../common/types/crew-type.ts'
+import { FieldProps } from 'formik'
+
+const mockHandleSubmit = vi.fn()
+
+// Mock the useMissionCrewAbsenceForm hook
+vi.mock('../../../../../hooks/use-crew-absence.tsx', () => ({
+  useMissionCrewAbsenceForm: () => ({
+    initValue: {
+      id: undefined,
+      startDate: undefined,
+      endDate: undefined,
+      reason: undefined,
+      isAbsentFullMission: false,
+      dates: [undefined, undefined]
+    },
+    validationSchema: {},
+    handleSubmit: mockHandleSubmit
+  })
+}))
+
+const mockOnRemove = vi.fn()
+const mockOnCommit = vi.fn()
+
+const createFieldFormik = (value: MissionCrewAbsence = {}): FieldProps<MissionCrewAbsence> =>
+  ({
+    field: {
+      name: 'crew.0.absences.0',
+      value: {
+        id: undefined,
+        startDate: undefined,
+        endDate: undefined,
+        reason: undefined,
+        isAbsentFullMission: false,
+        ...value
+      }
+    },
+    form: {
+      setFieldValue: vi.fn(),
+      values: {},
+      errors: {},
+      touched: {}
+    },
+    meta: {
+      value: {},
+      touched: false
+    }
+  }) as unknown as FieldProps<MissionCrewAbsence>
+
+const renderComponent = (props = {}) => {
+  const defaultProps = {
+    name: 'crew.0.absences.0',
+    fieldFormik: createFieldFormik(),
+    onRemove: mockOnRemove,
+    onCommit: mockOnCommit,
+    showCloseButton: false
+  }
+
+  return render(<TemporaryAbsenceItemForm {...defaultProps} {...props} />)
+}
+
+describe('TemporaryAbsenceItemForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('renders the form with reason select', () => {
+    renderComponent()
+    expect(screen.getByText('Motif')).toBeInTheDocument()
+  })
+
+  it('renders the date range picker', () => {
+    renderComponent()
+    expect(screen.getByText('Dates de début et de fin (utc)')).toBeInTheDocument()
+  })
+
+  it('does not render delete button when showCloseButton is false', () => {
+    renderComponent({ showCloseButton: false })
+    expect(screen.queryByTestId('delete-absence')).not.toBeInTheDocument()
+  })
+
+  it('renders delete button when showCloseButton is true', () => {
+    renderComponent({ showCloseButton: true })
+    expect(screen.getByTestId('delete-absence')).toBeInTheDocument()
+  })
+
+  it('calls onRemove when delete button is clicked', () => {
+    renderComponent({ showCloseButton: true })
+    const deleteButton = screen.getByTestId('delete-absence')
+    fireEvent.click(deleteButton)
+    expect(mockOnRemove).toHaveBeenCalled()
+  })
+
+  it('renders delete button with correct title', () => {
+    renderComponent({ showCloseButton: true })
+    const deleteButton = screen.getByTestId('delete-absence')
+    expect(deleteButton).toHaveAttribute('title', 'Supprimer une absence')
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-absence-form.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-absence-form.test.tsx
new file mode 100644
index 000000000..e39790893
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-absence-form.test.tsx
@@ -0,0 +1,144 @@
+import { vi } from 'vitest'
+import { render, screen, fireEvent } from '../../../../../../../../test-utils.tsx'
+import { Formik } from 'formik'
+import MissionGeneralInformationCrewPamAbsenceForm from '../mission-general-information-crew-pam-absence-form'
+import { MissionCrewAbsenceType } from '../../../../../../common/types/crew-type.ts'
+
+// Only mock the hook that has external dependencies
+vi.mock('../../../../../hooks/use-crew-absence.tsx', () => ({
+  useMissionCrewAbsenceForm: () => ({
+    initValue: {
+      id: undefined,
+      startDate: undefined,
+      endDate: undefined,
+      reason: undefined,
+      isAbsentFullMission: false,
+      dates: [undefined, undefined]
+    },
+    validationSchema: {},
+    handleSubmit: vi.fn()
+  })
+}))
+
+const mockHandleClose = vi.fn()
+
+const defaultInitialValues = {
+  crew: [
+    {
+      id: '1',
+      agent: { id: 1, firstName: 'Jean', lastName: 'Dupont', services: [] },
+      role: { id: '1', title: 'Commandant' },
+      absences: []
+    },
+    {
+      id: '2',
+      agent: { id: 2, firstName: 'Marie', lastName: 'Martin', services: [] },
+      role: { id: '2', title: 'Second' },
+      absences: []
+    }
+  ]
+}
+
+const renderComponent = (props = {}, initialValues = defaultInitialValues) => {
+  const defaultProps = {
+    crewIndex: 0,
+    absenceType: MissionCrewAbsenceType.TEMPORARY,
+    handleClose: mockHandleClose
+  }
+
+  return render(
+    <Formik initialValues={initialValues} onSubmit={vi.fn()}>
+      <MissionGeneralInformationCrewPamAbsenceForm {...defaultProps} {...props} />
+    </Formik>
+  )
+}
+
+describe('MissionGeneralInformationCrewPamAbsenceForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('rendering', () => {
+    it('renders the dialog', () => {
+      renderComponent()
+      expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+    })
+
+    it('renders the close button', () => {
+      renderComponent()
+      expect(screen.getByTestId('close-crew-form-icon')).toBeInTheDocument()
+    })
+
+    it('returns null when crew at index does not exist', () => {
+      const { container } = renderComponent({ crewIndex: 99 })
+      expect(container.querySelector('[data-testid="crew-absence-form"]')).not.toBeInTheDocument()
+    })
+
+    it('returns null when crew array is empty', () => {
+      const { container } = renderComponent({ crewIndex: 0 }, { crew: [] })
+      expect(container.querySelector('[data-testid="crew-absence-form"]')).not.toBeInTheDocument()
+    })
+
+    it('returns null when crew is undefined', () => {
+      const { container } = renderComponent({ crewIndex: 0 }, { crew: undefined } as any)
+      expect(container.querySelector('[data-testid="crew-absence-form"]')).not.toBeInTheDocument()
+    })
+  })
+
+  describe('title based on absenceType', () => {
+    it('displays "Ajouter une absence temporaire" for TEMPORARY absence type', async () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.queryAllByText('Ajouter une absence temporaire')).not.toBeNull()
+    })
+
+    it('displays "Déclaration de non participation" for FULL_MISSION absence type', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.FULL_MISSION })
+      expect(screen.getByText('Déclaration de non participation')).toBeInTheDocument()
+    })
+  })
+
+  describe('CrewAbsenceForm integration', () => {
+    it('renders the reason select field from CrewAbsenceForm', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.getByText('Motif')).toBeInTheDocument()
+    })
+
+    it('renders add button for temporary absence', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.TEMPORARY })
+      expect(screen.queryAllByText('Ajouter une absence temporaire')).not.toBeNull()
+    })
+
+    it('renders validation button for full mission absence', () => {
+      renderComponent({ absenceType: MissionCrewAbsenceType.FULL_MISSION })
+      expect(screen.getByText('Valider l’absence sur toute la mission')).toBeInTheDocument()
+    })
+  })
+
+  describe('close button interaction', () => {
+    it('calls handleClose when close button is clicked', () => {
+      renderComponent()
+      const closeButton = screen.getByTestId('close-crew-form-icon')
+      fireEvent.click(closeButton)
+      expect(mockHandleClose).toHaveBeenCalled()
+    })
+
+    it('calls handleClose only once per click', () => {
+      renderComponent()
+      const closeButton = screen.getByTestId('close-crew-form-icon')
+      fireEvent.click(closeButton)
+      expect(mockHandleClose).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  describe('with different crew indices', () => {
+    it('renders when crewIndex is 0', () => {
+      renderComponent({ crewIndex: 0 })
+      expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+    })
+
+    it('renders when crewIndex is 1', () => {
+      renderComponent({ crewIndex: 1 })
+      expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+    })
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam-form.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-form.test.tsx
similarity index 84%
rename from frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam-form.test.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-form.test.tsx
index 9e3bb7629..5f08ae4f2 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-crew-pam-form.test.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam-form.test.tsx
@@ -1,5 +1,5 @@
 import { vi } from 'vitest'
-import { render, screen, fireEvent, waitFor } from '../../../../../../../test-utils.tsx'
+import { render, screen, fireEvent, waitFor } from '../../../../../../../../test-utils.tsx'
 import { Formik } from 'formik'
 import { MissionCrew } from '@common/types/crew-types.ts'
 import MissionGeneralInformationCrewPamForm from '../mission-general-information-crew-pam-form.tsx'
@@ -38,7 +38,7 @@ vi.mock('../../../../../common/services/use-agent-services.tsx', () => ({
   })
 }))
 
-vi.mock('../../../../../common/services/use-agent-roles.tsx', () => ({
+vi.mock('../../../../../../common/services/use-agent-roles.tsx', () => ({
   default: () => ({
     data: [role1, role2]
   })
@@ -58,7 +58,7 @@ describe('MissionCrewFormPam', () => {
 
   const renderComponent = (props = {}) => {
     const defaultProps = {
-      crewId: undefined,
+      crewIndex: undefined,
       crewList: initialCrewList,
       handleClose: mockHandleClose,
       handleSubmitForm: mockHandleSubmitForm
@@ -75,11 +75,10 @@ describe('MissionCrewFormPam', () => {
     renderComponent({})
 
     // Check title
-    expect(screen.getByText('Ajout d’un membre d’équipage du DCS')).toBeInTheDocument()
+    expect(screen.getByText('Ajout d’un membre d’équipage')).toBeInTheDocument()
 
     // Check form elements
-    expect(screen.getByText('Identité')).toBeInTheDocument()
-    expect(screen.getByText('Fonction')).toBeInTheDocument()
+    expect(screen.getByText('Prénom Nom')).toBeInTheDocument()
     expect(screen.getByText('Commentaires (23 caractères max.)')).toBeInTheDocument()
 
     // Check buttons
@@ -88,17 +87,17 @@ describe('MissionCrewFormPam', () => {
   })
 
   it('renders the component for updating an existing crew member', () => {
-    renderComponent({ crewId: '1' })
+    renderComponent({ crewIndex: 0 })
 
     // Check title
     expect(screen.getByText('Mise à jour d’un membre d’équipage')).toBeInTheDocument()
 
     // Check form initial values
-    const identityInput = screen.getByLabelText('Identité')
-    expect(identityInput.textContent).toEqual(`${agent1.firstName} ${agent1.lastName}`)
+    const identityInput = screen.getByLabelText('Prénom Nom')
+    expect(identityInput.value).toEqual(`${agent1.firstName} ${agent1.lastName}`)
 
-    const functionInput = screen.getByLabelText('Fonction')
-    expect(functionInput.textContent).toEqual(role1.title)
+    const functionInput = screen.getByTestId('picker-toggle-input')
+    expect(functionInput.value).toEqual(role1.id.toString())
 
     const commentInput = screen.getByLabelText('Commentaires (23 caractères max.)')
     expect(commentInput).toHaveValue('Test comment')
@@ -120,7 +119,7 @@ describe('MissionCrewFormPam', () => {
   })
 
   it('submits the form successfully', async () => {
-    renderComponent({ crewId: '1' })
+    renderComponent({ crewIndex: 0 })
 
     // Submit form
     const submitButton = screen.getByTestId('submit-crew-form-button')
@@ -131,8 +130,12 @@ describe('MissionCrewFormPam', () => {
       expect(mockHandleSubmitForm).toHaveBeenCalledOnce()
       expect(mockHandleSubmitForm).toHaveBeenCalledWith(
         expect.objectContaining({
-          agent: expect.objectContaining({ id: agent1.id }),
-          role: expect.objectContaining({ id: role1.id }),
+          id: agent1.id.toString(),
+          fullName: 'John Doe',
+          role: {
+            id: 1,
+            title: 'Commandant'
+          },
           comment: 'Test comment'
         })
       )
@@ -140,7 +143,7 @@ describe('MissionCrewFormPam', () => {
   })
 
   it('validates comment length', async () => {
-    renderComponent({ crewId: '1' })
+    renderComponent({ crewIndex: 0 })
 
     // Try to submit with a comment longer than 23 characters
     const commentInput = screen.getByLabelText('Commentaires (23 caractères max.)')
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam.test.tsx
new file mode 100644
index 000000000..58a72c199
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/__tests__/mission-general-information-crew-pam.test.tsx
@@ -0,0 +1,293 @@
+import { vi } from 'vitest'
+import { render, screen, fireEvent } from '../../../../../../../../test-utils.tsx'
+import { Formik } from 'formik'
+import MissionGeneralInformationCrewPam from '../mission-general-information-crew-pam.tsx'
+import { MissionCrew } from '../../../../../../common/types/crew-type.ts'
+
+// Mock the hook used by CrewAbsenceForm
+vi.mock('../../../../../hooks/use-crew-absence.tsx', () => ({
+  useMissionCrewAbsenceForm: () => ({
+    initValue: {
+      id: undefined,
+      startDate: undefined,
+      endDate: undefined,
+      reason: undefined,
+      isAbsentFullMission: false,
+      dates: [undefined, undefined]
+    },
+    validationSchema: {},
+    handleSubmit: vi.fn()
+  })
+}))
+
+const agent1 = {
+  id: 1,
+  firstName: 'John',
+  lastName: 'Doe',
+  services: []
+}
+const agent2 = {
+  id: 2,
+  firstName: 'Jane',
+  lastName: 'Smith',
+  services: []
+}
+const role1 = {
+  id: '1',
+  title: 'Commandant'
+}
+const role2 = {
+  id: '2',
+  title: 'Second'
+}
+
+vi.mock('../../../../../common/services/use-agent-roles.tsx', () => ({
+  default: () => ({
+    data: [role1, role2]
+  })
+}))
+
+vi.mock('../../../../../common/services/use-agents.tsx', () => ({
+  default: () => ({
+    data: [agent1, agent2]
+  })
+}))
+
+vi.mock('../../../../../common/services/use-agent-services.tsx', () => ({
+  default: () => ({
+    data: [
+      {
+        service: {
+          id: 1,
+          name: 'service1'
+        },
+        agents: [agent1, agent2]
+      }
+    ]
+  })
+}))
+
+describe('MissionGeneralInformationCrewPam', () => {
+  // Sample crew members for testing
+  const sampleCrewMembers: MissionCrew[] = [
+    {
+      id: '1',
+      agent: agent1,
+      role: {
+        id: 'role1',
+        title: 'Captain'
+      },
+      comment: 'Test comment 1',
+      absences: []
+    },
+    {
+      id: '2',
+      agent: agent2,
+      role: {
+        id: 'role2',
+        title: 'Navigator'
+      },
+      comment: 'Test comment 2',
+      absences: []
+    }
+  ]
+
+  // Helper function to create mock field array
+  const createMockFieldArray = (initialValues: MissionCrew[] = []) => ({
+    form: {
+      values: {
+        crew: initialValues
+      },
+      setFieldValue: vi.fn()
+    },
+    remove: vi.fn()
+  })
+
+  const renderComponent = (props = {}) => {
+    const defaultProps = {
+      name: 'crew',
+      missionId: 1,
+      currentCrewList: sampleCrewMembers,
+      fieldArray: createMockFieldArray(sampleCrewMembers)
+    }
+
+    return render(
+      <Formik initialValues={{ crew: sampleCrewMembers }} onSubmit={vi.fn()}>
+        <MissionGeneralInformationCrewPam {...defaultProps} {...props} />
+      </Formik>
+    )
+  }
+
+  it('renders empty state when no crew members', () => {
+    renderComponent({
+      currentCrewList: [],
+      fieldArray: createMockFieldArray()
+    })
+
+    // Check empty state text
+    expect(screen.getByText("Sélectionner votre bordée, pour importer votre liste d'équipage")).toBeInTheDocument()
+  })
+
+  it('renders the component with crew list', () => {
+    renderComponent()
+
+    // Check title
+    expect(screen.getByText('❯ Équipage')).toBeInTheDocument()
+
+    // Check crew member names
+    expect(screen.getByText('John Doe')).toBeInTheDocument()
+    expect(screen.getByText('Jane Smith')).toBeInTheDocument()
+
+    // Check add member button
+    expect(screen.getByText("Ajouter un membre d'équipage")).toBeInTheDocument()
+  })
+
+  it('opens additional crew form when adding a new member', async () => {
+    renderComponent()
+
+    // Click add member button
+    const addMemberButton = screen.getByText("Ajouter un membre d'équipage")
+    fireEvent.click(addMemberButton)
+
+    // Check if crew form is opened
+    expect(screen.getByTestId('crew-form')).toBeInTheDocument()
+  })
+
+  it('closes additional crew form when cancel is clicked', async () => {
+    renderComponent()
+
+    // Open add member form
+    const addMemberButton = screen.getByText("Ajouter un membre d'équipage")
+    fireEvent.click(addMemberButton)
+
+    // Find and click cancel button
+    const cancelButton = screen.getByText('Annuler')
+    fireEvent.click(cancelButton)
+
+    // Crew form should no longer be in the document
+    expect(screen.queryByTestId('crew-form')).not.toBeInTheDocument()
+  })
+
+  it('opens crew absence form when editing an existing member', () => {
+    renderComponent()
+
+    // Find and click edit button for first crew member
+    const editButtons = screen.getAllByTestId('edit-crew-member-icon')
+    fireEvent.click(editButtons[0])
+
+    // Check if crew form is opened with correct data
+    expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+  })
+
+  it('calls remove when deleting an invited crew member', () => {
+    const invitedCrewMember: MissionCrew = {
+      id: '3',
+      fullName: 'Invited Person',
+      role: { id: 'role3', title: 'Observer' },
+      absences: []
+    }
+    const mockFieldArray = createMockFieldArray([invitedCrewMember])
+
+    render(
+      <Formik initialValues={{ crew: [invitedCrewMember] }} onSubmit={vi.fn()}>
+        <MissionGeneralInformationCrewPam
+          name="crew"
+          missionId={1}
+          currentCrewList={[invitedCrewMember]}
+          fieldArray={mockFieldArray as any}
+        />
+      </Formik>
+    )
+
+    const deleteButton = screen.getByTestId('delete-crew-member-icon')
+    fireEvent.click(deleteButton)
+
+    expect(mockFieldArray.remove).toHaveBeenCalledWith(0)
+  })
+
+  it('opens crew edit form for invited crew member', () => {
+    const invitedCrewMember: MissionCrew = {
+      id: '3',
+      fullName: 'Invited Person',
+      role: { id: 'role3', title: 'Observer' },
+      absences: []
+    }
+
+    render(
+      <Formik initialValues={{ crew: [invitedCrewMember] }} onSubmit={vi.fn()}>
+        <MissionGeneralInformationCrewPam
+          name="crew"
+          missionId={1}
+          currentCrewList={[invitedCrewMember]}
+          fieldArray={createMockFieldArray([invitedCrewMember]) as any}
+        />
+      </Formik>
+    )
+
+    const editButton = screen.getByTestId('edit-crew-member-icon')
+    fireEvent.click(editButton)
+
+    expect(screen.getByTestId('crew-form')).toBeInTheDocument()
+  })
+
+  it('opens full mission absence form when unchecking checkbox', () => {
+    renderComponent()
+
+    const checkboxes = screen.getAllByRole('checkbox')
+    fireEvent.click(checkboxes[0])
+
+    expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+    expect(screen.getByText('Déclaration de non participation')).toBeInTheDocument()
+  })
+
+  it('clears absences when checking checkbox for absent crew member', () => {
+    const crewWithAbsence: MissionCrew[] = [
+      {
+        id: '1',
+        agent: agent1,
+        role: { id: 'role1', title: 'Captain' },
+        absences: [{ id: 1, isAbsentFullMission: true }]
+      }
+    ]
+    const mockFieldArray = createMockFieldArray(crewWithAbsence)
+
+    render(
+      <Formik initialValues={{ crew: crewWithAbsence }} onSubmit={vi.fn()}>
+        <MissionGeneralInformationCrewPam
+          name="crew"
+          missionId={1}
+          currentCrewList={crewWithAbsence}
+          fieldArray={mockFieldArray as any}
+        />
+      </Formik>
+    )
+
+    const checkbox = screen.getByRole('checkbox')
+    fireEvent.click(checkbox)
+
+    expect(mockFieldArray.form.setFieldValue).toHaveBeenCalledWith('crew.0.absences', [])
+  })
+
+  it('displays crew member roles', () => {
+    renderComponent()
+
+    expect(screen.getByText('Captain')).toBeInTheDocument()
+    expect(screen.getByText('Navigator')).toBeInTheDocument()
+  })
+
+  it('closes absence form when close button is clicked', () => {
+    renderComponent()
+
+    // Open absence form
+    const editButtons = screen.getAllByTestId('edit-crew-member-icon')
+    fireEvent.click(editButtons[0])
+
+    expect(screen.getByTestId('crew-absence-form')).toBeInTheDocument()
+
+    // Close absence form
+    const closeButton = screen.getByTestId('close-crew-form-icon')
+    fireEvent.click(closeButton)
+
+    expect(screen.queryByTestId('crew-absence-form')).not.toBeInTheDocument()
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/crew-absence-form.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-absence-form.tsx
new file mode 100644
index 000000000..31b37d680
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-absence-form.tsx
@@ -0,0 +1,127 @@
+import React, { useState } from 'react'
+import { FieldArray, useFormikContext, getIn } from 'formik'
+import { MissionCrewAbsence, MissionCrewAbsenceType } from '../../../../../common/types/crew-type'
+import { MissionGeneralInfo2 } from '../../../../../common/types/mission-types'
+import TemporaryAbsenceItemForm from './crew-temporary-absence-form-item'
+import { Accent, Button, Icon } from '@mtes-mct/monitor-ui'
+import { FullMissionAbsenceForm } from './crew-full-mission-absence-form.tsx'
+import { Stack } from 'rsuite'
+
+interface Props {
+  crewIndex?: number
+  absenceType?: MissionCrewAbsenceType
+  handleClose: () => void
+}
+
+const EMPTY_ABSENCE: MissionCrewAbsence = {
+  id: undefined,
+  startDate: undefined,
+  endDate: undefined,
+  reason: undefined,
+  isAbsentFullMission: false
+}
+
+export const CrewAbsenceForm: React.FC<Props> = ({ crewIndex, absenceType, handleClose }) => {
+  const formikContext = useFormikContext<MissionGeneralInfo2>()
+  const absencesPath = `crew.${crewIndex}.absences`
+  const absences: MissionCrewAbsence[] = getIn(formikContext.values, absencesPath) || []
+
+  // Local state for "new/unsaved" temporary absences
+  const [localAbsences, setLocalAbsences] = useState<MissionCrewAbsence[]>([])
+
+  // Display absences: committed ones first, then local placeholders
+  const displayAbsences =
+    absences.length > 0 || localAbsences.length > 0 ? [...absences, ...localAbsences] : [EMPTY_ABSENCE]
+
+  const isShowingEmptyForm = absences.length === 0 && localAbsences.length === 0
+
+  return (
+    <FieldArray name={absencesPath}>
+      {arrayHelpers => (
+        <Stack direction="column" spacing="2rem">
+          <Stack.Item>
+            {displayAbsences.map((absence: MissionCrewAbsence, index) => {
+              const isLocal = index >= absences.length // local unsaved row
+              const fieldFormik = {
+                field: {
+                  value: absence,
+                  name: `${absencesPath}.${index}`
+                },
+                form: formikContext
+              } as any
+
+              // Full mission
+              if (absenceType === MissionCrewAbsenceType.FULL_MISSION) {
+                return (
+                  <FullMissionAbsenceForm
+                    name={`${absencesPath}.0`}
+                    crewIndex={crewIndex}
+                    key={index}
+                    fieldFormik={fieldFormik}
+                    handleClose={handleClose}
+                  />
+                )
+              }
+
+              // Temporary absence
+              return (
+                <TemporaryAbsenceItemForm
+                  key={index}
+                  fieldFormik={fieldFormik}
+                  name={`${absencesPath}.${index}`}
+                  showCloseButton={!isShowingEmptyForm}
+                  onRemove={() => {
+                    if (isLocal) {
+                      setLocalAbsences(prev => prev.filter((_, i) => i !== index - absences.length))
+                    } else {
+                      arrayHelpers.remove(index)
+                    }
+
+                    // Close the form if no more absences
+                    if (absences.length + localAbsences.length === 1) {
+                      handleClose()
+                    }
+                  }}
+                  onCommit={committedValue => {
+                    if (isLocal) {
+                      // Update this placeholder with the committedValue
+                      const newLocalAbsences = [...localAbsences]
+                      newLocalAbsences[index - absences.length] = committedValue
+
+                      // Push all non-empty local absences to parent Formik
+                      const toPush = newLocalAbsences.filter(a => a.reason || a.startDate || a.endDate)
+                      debugger
+                      toPush.forEach(a => arrayHelpers.push(a))
+
+                      // Clear local placeholders
+                      setLocalAbsences([])
+                    }
+                  }}
+                />
+              )
+            })}
+          </Stack.Item>
+
+          {absenceType === MissionCrewAbsenceType.TEMPORARY && (
+            <Stack.Item>
+              <Stack direction="row" spacing="1rem" justifyContent="flex-end" alignItems="center">
+                {(absences.length ?? 0) + (localAbsences.length ?? 0) < 3 && (
+                  <Button
+                    Icon={Icon.Plus}
+                    accent={Accent.PRIMARY}
+                    onClick={() => {
+                      // Add a new local placeholder, no parent mutation
+                      setLocalAbsences(prev => [...prev, EMPTY_ABSENCE])
+                    }}
+                  >
+                    Ajouter une absence temporaire
+                  </Button>
+                )}
+              </Stack>
+            </Stack.Item>
+          )}
+        </Stack>
+      )}
+    </FieldArray>
+  )
+}
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/crew-full-mission-absence-form.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-full-mission-absence-form.tsx
new file mode 100644
index 000000000..a420aad2e
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-full-mission-absence-form.tsx
@@ -0,0 +1,68 @@
+import React from 'react'
+import { Formik, FieldProps } from 'formik'
+import { ABSENCE_REASON_OPTIONS, MissionCrewAbsence } from '../../../../../common/types/crew-type'
+import { Button, FormikEffect, FormikSelect } from '@mtes-mct/monitor-ui'
+import { Stack } from 'rsuite'
+import { useMissionCrewAbsenceForm } from '../../../../hooks/use-crew-absence.tsx'
+
+interface FullMissionAbsenceFormProps {
+  name: string
+  fieldFormik: FieldProps<MissionCrewAbsence>
+  handleClose: () => void
+}
+
+export const FullMissionAbsenceForm: React.FC<Props> = ({
+  handleClose,
+  name,
+  fieldFormik
+}: FullMissionAbsenceFormProps) => {
+  const { initValue, validationSchema, handleSubmit } = useMissionCrewAbsenceForm(name, fieldFormik)
+
+  const onSubmit = async (nextValues: MissionCrewAbsence) => {
+    debugger
+    await handleSubmit({ ...nextValues, isAbsentFullMission: true })
+    handleClose()
+  }
+
+  console.log('fieldFormik', fieldFormik)
+
+  return (
+    <>
+      {initValue && (
+        <Formik
+          initialValues={initValue}
+          validationSchema={validationSchema}
+          onSubmit={onSubmit}
+          validateOnChange={false}
+          isInitialValid={true}
+        >
+          {formik => (
+            <>
+              <FormikEffect onChange={nextValues => {}} />
+              <Stack direction="row" spacing={'1rem'} alignItems={'flex-end'}>
+                <Stack.Item grow={3}>
+                  <h1>fieldFormik.field.values.reason {fieldFormik.field.value.reason}</h1>
+                  <h1>formik.values.reason {formik.values.reason}</h1>
+                  <FormikSelect name={'reason'} options={ABSENCE_REASON_OPTIONS} label="Motif" isRequired isLight />
+                </Stack.Item>
+              </Stack>
+              <Stack>
+                <Button
+                  type="submit"
+                  disabled={!fieldFormik.field.value.reason}
+                  onClick={async () => {
+                    debugger
+                    onSubmit(formik.values)
+                  }}
+                  isFullWidth={true}
+                >
+                  Valider l’absence sur toute la mission
+                </Button>
+              </Stack>
+            </>
+          )}
+        </Formik>
+      )}
+    </>
+  )
+}
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/crew-temporary-absence-form-item.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-temporary-absence-form-item.tsx
new file mode 100644
index 000000000..c85ebc0ab
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/crew-temporary-absence-form-item.tsx
@@ -0,0 +1,85 @@
+import React from 'react'
+import { Accent, Button, FormikEffect, FormikSelect, Icon, IconButton, Size } from '@mtes-mct/monitor-ui'
+import { Field, Formik } from 'formik'
+import { ABSENCE_REASON_OPTIONS, MissionCrewAbsence } from '../../../../../common/types/crew-type.ts'
+import { FormikDateRangePicker } from '../../../../../common/components/ui/formik-date-range-picker.tsx'
+import { FieldProps } from 'formik'
+import { useMissionCrewAbsenceForm } from '../../../../hooks/use-crew-absence.tsx'
+import { Stack } from 'rsuite'
+
+interface Props {
+  name: string
+  fieldFormik: FieldProps<MissionCrewAbsence>
+  onRemove: () => void
+  showCloseButton?: boolean
+  onCommit: (abs: MissionCrewAbsence) => void
+}
+
+const TemporaryAbsenceItemForm: React.FC<Props> = ({ name, fieldFormik, onRemove, showCloseButton, onCommit }) => {
+  const { initValue, validationSchema, handleSubmit } = useMissionCrewAbsenceForm(name, fieldFormik)
+
+  const onSubmit = async (nextValues: MissionCrewAbsence) => {
+    if (nextValues.reason) {
+      debugger
+      // onCommit(nextValues)
+      await handleSubmit(nextValues)
+    }
+  }
+
+  return (
+    <>
+      {initValue && (
+        <Formik
+          initialValues={initValue}
+          validationSchema={validationSchema}
+          onSubmit={handleSubmit}
+          validateOnChange={false}
+          isInitialValid={true}
+          enableReinitialize={true}
+        >
+          {formik => (
+            <>
+              <FormikEffect onChange={nextValues => onSubmit(nextValues)} />
+              <Stack direction="row" spacing={'1rem'} alignItems={'flex-end'}>
+                <Stack.Item grow={2}>
+                  <Field name={`dates`}>
+                    {(field: FieldProps<Date[]>) => (
+                      <FormikDateRangePicker
+                        name={`dates`}
+                        isLight={true}
+                        isRequired={true}
+                        fieldFormik={field}
+                        validateOnSubmit={false}
+                        isCompact={true}
+                        withTime={false}
+                        allowSameDate={true}
+                      />
+                    )}
+                  </Field>
+                </Stack.Item>
+                <Stack.Item grow={3}>
+                  <FormikSelect name="reason" options={ABSENCE_REASON_OPTIONS} label="Motif" isRequired isLight />
+                </Stack.Item>
+                {showCloseButton && (
+                  <Stack.Item>
+                    <IconButton
+                      role="delete-absence"
+                      size={Size.NORMAL}
+                      accent={Accent.TERTIARY}
+                      Icon={Icon.Delete}
+                      title={'Supprimer une absence'}
+                      data-testid="delete-absence"
+                      onClick={onRemove}
+                    />
+                  </Stack.Item>
+                )}
+              </Stack>
+            </>
+          )}
+        </Formik>
+      )}
+    </>
+  )
+}
+
+export default TemporaryAbsenceItemForm
diff --git a/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-absence-form.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-absence-form.tsx
new file mode 100644
index 000000000..9eef71471
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-absence-form.tsx
@@ -0,0 +1,66 @@
+import React from 'react'
+import { useFormikContext } from 'formik'
+import { FlexboxGrid } from 'rsuite'
+import { CrewAbsenceForm } from './crew-absence-form.tsx'
+import { MissionGeneralInfo2 } from '../../../../../common/types/mission-types.ts'
+import { MissionCrewAbsenceType } from '../../../../../common/types/crew-type.ts'
+import { Accent, Dialog, DialogProps, Icon, IconButton, IconButtonProps, Size, THEME } from '@mtes-mct/monitor-ui'
+import styled from 'styled-components'
+import Text from '@common/components/ui/text.tsx'
+
+const CrewFormDialogBody = styled((props: DialogProps) => <Dialog.Body {...props} />)(({ theme }) => ({
+  padding: 24,
+  width: '100%',
+  backgroundColor: theme.color.gainsboro
+}))
+
+const CloseIconButton = styled((props: Omit<IconButtonProps, 'Icon'>) => (
+  <IconButton
+    {...props}
+    Icon={Icon.Close}
+    size={Size.NORMAL}
+    role={'quit-modal-crew'}
+    accent={Accent.TERTIARY}
+    color={THEME.color.gainsboro}
+    data-testid="close-crew-form-icon"
+  />
+))(({ theme }) => ({
+  color: theme.color.gainsboro
+}))
+
+interface Props {
+  crewIndex?: number
+  absenceType?: MissionCrewAbsenceType
+  handleClose: () => void
+}
+
+const MissionGeneralInformationCrewPamAbsenceForm: React.FC<Props> = ({ crewIndex, absenceType, handleClose }) => {
+  const { values } = useFormikContext<MissionGeneralInfo2>()
+
+  const crew = values.crew?.[crewIndex]
+  if (!crew) return null
+
+  return (
+    <Dialog data-testid="crew-absence-form">
+      <Dialog.Title>
+        <FlexboxGrid align="middle" justify="space-between" style={{ paddingLeft: 24, paddingRight: 24 }}>
+          <FlexboxGrid.Item>
+            <Text as={'h3'}>
+              {absenceType === MissionCrewAbsenceType.FULL_MISSION
+                ? 'Déclaration de non participation'
+                : 'Ajouter une absence temporaire'}
+            </Text>
+          </FlexboxGrid.Item>
+          <FlexboxGrid.Item>
+            <CloseIconButton onClick={handleClose} />
+          </FlexboxGrid.Item>
+        </FlexboxGrid>
+      </Dialog.Title>
+      <CrewFormDialogBody>
+        <CrewAbsenceForm crewIndex={crewIndex} absenceType={absenceType} handleClose={handleClose} />
+      </CrewFormDialogBody>
+    </Dialog>
+  )
+}
+
+export default MissionGeneralInformationCrewPamAbsenceForm
diff --git a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam-form.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-form.tsx
similarity index 69%
rename from frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam-form.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-form.tsx
index 45b65299f..4f7036137 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam-form.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam-form.tsx
@@ -13,15 +13,12 @@ import {
   THEME
 } from '@mtes-mct/monitor-ui'
 import { Form, Formik } from 'formik'
-import { flatten } from 'lodash'
 import { FC, useEffect, useState } from 'react'
 import { FlexboxGrid, Stack, StackProps } from 'rsuite'
 import styled from 'styled-components'
 import * as Yup from 'yup'
-import useGetAgentRoles from '../../../../common/services/use-agent-roles.tsx'
-import useGetAgentServices from '../../../../common/services/use-agent-services.tsx'
-import { AgentService, ServiceWithAgents } from '../../../../common/types/service-agents-types.ts'
-import { Agent, MissionCrew } from '@common/types/crew-types.ts'
+import useGetAgentRoles from '../../../../../common/services/use-agent-roles.tsx'
+import { MissionCrew } from 'src/v2/features/common/types/crew-type.ts'
 
 const CrewFormDialogBody = styled((props: DialogProps) => <Dialog.Body {...props} />)(({ theme }) => ({
   padding: 24,
@@ -42,7 +39,7 @@ const CrewFormStack = styled((props: StackProps) => (
   width: '100%'
 })
 
-const CloseIconButton = styled((props: Omit<IconButtonProps, 'Icon'>) => (
+export const CloseIconButton = styled((props: Omit<IconButtonProps, 'Icon'>) => (
   <IconButton
     {...props}
     Icon={Icon.Close}
@@ -59,40 +56,39 @@ const CloseIconButton = styled((props: Omit<IconButtonProps, 'Icon'>) => (
 type CrewForm = {
   roleId?: string
   comment: string
-  agentId?: string
+  fullName?: string
 }
 
 const COMMENT_MAX_LENGTH = 23
 
 const crewSchema = Yup.object().shape({
   roleId: Yup.string().required('Fonction requise.'),
-  agentId: Yup.string().required('Identité requise.'),
+  fullName: Yup.string().required('Identité requise.'),
   comment: Yup.string().nullable().max(COMMENT_MAX_LENGTH, 'Maximum 23 caractères.')
 })
 
 interface MissionCrewModalProps {
-  crewId?: string
+  crewIndex?: number
   crewList: MissionCrew[]
   handleClose: (open: boolean) => void
   handleSubmitForm: (crew: Omit<AddOrUpdateMissionCrewInput, 'missionId'>) => Promise<void>
 }
 
 const MissionGeneralInformationCrewPamForm: FC<MissionCrewModalProps> = ({
-  crewId,
+  crewIndex,
   crewList,
   handleClose,
   handleSubmitForm
 }) => {
   const { data: agentRoles } = useGetAgentRoles()
 
-  // TODO: replace this, it's over complicated just to get a list of agents to fill a dropdown
-  const { data: agentServices } = useGetAgentServices()
-
-  const inputCrewMember: MissionCrew | undefined = !!crewId && crewList.find((mc: MissionCrew) => mc.id === crewId)
+  const inputCrewMember: MissionCrew | undefined = crewIndex >= 0 && crewList[crewIndex]
   const initialValue: CrewForm | undefined =
     inputCrewMember &&
     ({
-      agentId: inputCrewMember?.agent?.id,
+      fullName: !!inputCrewMember?.agent
+        ? [inputCrewMember?.agent?.firstName, inputCrewMember?.agent?.lastName].join(' ')
+        : inputCrewMember?.fullName,
       roleId: inputCrewMember?.role?.id,
       comment: inputCrewMember?.comment
     } as CrewForm)
@@ -100,41 +96,29 @@ const MissionGeneralInformationCrewPamForm: FC<MissionCrewModalProps> = ({
   const [initValue, setInitValue] = useState<CrewForm | undefined>(initialValue)
 
   useEffect(() => {
-    const crew = crewList?.find(crew => crew.id === crewId)
-    setInitValue({ roleId: crew?.role?.id, agentId: crew?.agent?.id, comment: crew?.comment || '' })
-  }, [crewId])
+    const crew = !!crewIndex && crewList[crewIndex]
+    setInitValue({
+      roleId: crew?.role?.id,
+      fullName: !!crew?.agent ? [crew?.agent?.firstName, crew?.agent?.lastName].join(' ') : crew?.fullName,
+      comment: crew?.comment || ''
+    })
+  }, [crewIndex, crewList])
 
   const handleSubmit = async (value: CrewForm) => {
-    const agent: AgentService | undefined = flatten(
-      (agentServices || []).map((serviceWithAgents: ServiceWithAgents) => serviceWithAgents.agents)
-    ).find(agent => agent.id === value.agentId)
     const role = agentRoles?.find(role => role.id === value.roleId)
     await handleSubmitForm({
+      id: crewList[crewIndex].id,
       role,
-      agent: agent,
-      id: crewId,
+      fullName: value?.fullName,
       comment: value.comment
     })
   }
 
-  const dropdownOptions = () => {
-    if (agentServices) {
-      const agents: Agent[] = flatten(
-        agentServices.map((serviceWithAgents: ServiceWithAgents) => serviceWithAgents.agents)
-      )
-      return agents.map((agent: Agent) => ({
-        value: agent.id,
-        label: `${agent.firstName} ${agent.lastName}`
-      }))
-    }
-    return []
-  }
-
   return (
     <Dialog data-testid={'crew-form'}>
       <Dialog.Title>
         <FlexboxGrid align="middle" justify="space-between" style={{ paddingLeft: 24, paddingRight: 24 }}>
-          <FlexboxGrid.Item>{`${crewId ? 'Mise à jour' : 'Ajout'} d’un membre d’équipage ${crewId ? '' : 'du DCS'}`}</FlexboxGrid.Item>
+          <FlexboxGrid.Item>{`${crewIndex !== undefined && crewIndex >= 0 ? 'Mise à jour' : 'Ajout'} d’un membre d’équipage`}</FlexboxGrid.Item>
           <FlexboxGrid.Item>
             <CloseIconButton onClick={() => handleClose(false)} />
           </FlexboxGrid.Item>
@@ -153,15 +137,13 @@ const MissionGeneralInformationCrewPamForm: FC<MissionCrewModalProps> = ({
                 <Stack.Item style={{ width: '100%' }}>
                   <CrewFormStack direction="row">
                     <Stack.Item style={{ flex: 1, width: '50%' }}>
-                      <FormikSelect
-                        name="agentId"
-                        label="Identité"
+                      <FormikTextInput
+                        name="fullName"
+                        label="Prénom Nom"
                         aria-label="Identité"
                         isLight={true}
                         isRequired={true}
-                        options={dropdownOptions()}
-                        searchable
-                        disabledItemValues={crewList?.map(crew => crew.agent?.id)}
+                        itemType="text"
                       />
                     </Stack.Item>
                     <Stack.Item style={{ flex: 1, width: '50%' }}>
@@ -189,7 +171,7 @@ const MissionGeneralInformationCrewPamForm: FC<MissionCrewModalProps> = ({
             </CrewFormDialogBody>
             <CrewFormDialogAction>
               <Button type="submit" data-testid="submit-crew-form-button" accent={Accent.PRIMARY}>
-                {`${crewId ? 'Mettre à jour' : 'Ajouter'} un membre`}
+                {`${crewIndex >= 0 ? 'Mettre à jour' : 'Ajouter'} un membre`}
               </Button>
               <Button accent={Accent.SECONDARY} onClick={() => handleClose(false)}>
                 Annuler
diff --git a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam.tsx b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam.tsx
similarity index 56%
rename from frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam.tsx
index 2dbc2bf6a..4ccac2057 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-crew-pam.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/crew/mission-general-information-crew-pam.tsx
@@ -1,13 +1,15 @@
 import { FieldArrayRenderProps } from 'formik'
 import React, { useState } from 'react'
 import { Stack } from 'rsuite'
-import { MissionCrewMember } from '../../../../common/types/crew-type.ts'
+import {
+  AddOrUpdateMissionCrewInput,
+  MissionCrew,
+  MissionCrewAbsence,
+  MissionCrewAbsenceType
+} from '../../../../../common/types/crew-type.ts'
 import Text, { TextProps } from '@common/components/ui/text.tsx'
 import styled from 'styled-components'
-import MissionCrewListItemPam from '../../ui/mission-crew-list-item-pam.tsx'
-import MissionGeneralInformationCrewPamForm from './mission-general-information-crew-pam-form.tsx'
-import { AddOrUpdateMissionCrewInput } from '@features/pam/mission/hooks/use-add-update-mission-crew.tsx'
-import { MissionCrew } from '@common/types/crew-types.ts'
+import MissionCrewListItemPam from '../../../ui/mission-crew-list-item-pam.tsx'
 import {
   MissionCrewAddMemberButton,
   MissionCrewListItemStyled,
@@ -15,8 +17,10 @@ import {
   MissionCrewStack,
   MissionCrewTitleLabel,
   MissionCrewUnderlineStack
-} from '../../../../mission-general-infos/ui/mission-crew-list.tsx'
-import { useMissionFinished } from '../../../../common/hooks/use-mission-finished.tsx'
+} from '../../../../../mission-general-infos/ui/mission-crew-list.tsx'
+import { useMissionFinished } from '../../../../../common/hooks/use-mission-finished.tsx'
+import MissionGeneralInformationCrewPamAbsenceForm from './mission-general-information-crew-pam-absence-form.tsx'
+import MissionGeneralInformationCrewPamForm from './mission-general-information-crew-pam-form.tsx'
 
 interface MissionGeneralInformationCrewPamProps {
   name: string
@@ -42,34 +46,47 @@ const MissionGeneralInformationCrewPam: React.FC<MissionGeneralInformationCrewPa
 }) => {
   const isMissionFinished = useMissionFinished(missionId)
 
-  const [selectedCrewMemberId, setSelectedCrewMemberId] = useState<number | undefined>(undefined)
+  const [showAdditionalCrewDialog, setShowAdditionalCrewDialog] = useState(false)
+  const [selectedCrewIndex, setSelectedCrewIndex] = useState<number | undefined>(undefined)
+  const [absenceMode, setAbsenceMode] = useState<MissionCrewAbsenceType | undefined>(undefined)
 
-  const handleUpdate = (agent: Omit<AddOrUpdateMissionCrewInput, 'missionId'>) => {
-    if (!agent.id) {
+  const handleUpdate = (crew: Omit<AddOrUpdateMissionCrewInput, 'missionId'>) => {
+    debugger
+    if (!crew.id) {
       // Agent has no id, so we append it to the currentCrewList.
-      fieldArray.form.setFieldValue(name, [...currentCrewList, { ...agent, missionId }])
+      fieldArray.form.setFieldValue(name, [...currentCrewList, { ...crew, missionId }])
     } else {
       // Find the index of the crew member in the currentCrewList by matching id.
-      const index = currentCrewList.findIndex(crew => crew.id === agent.id)
+      const index = currentCrewList.findIndex(c => c.id === crew.id)
       if (index !== -1) {
         // Replace the matching entry with the updated data.
         const updatedCrewList = [
           ...currentCrewList.slice(0, index),
-          { ...agent, missionId },
+          { ...crew, missionId },
           ...currentCrewList.slice(index + 1)
         ]
         fieldArray.form.setFieldValue(name, updatedCrewList)
       } else {
         // Optionally, if the crew member is not found, we can append it.
-        fieldArray.form.setFieldValue(name, [...currentCrewList, { ...agent, missionId }])
+        fieldArray.form.setFieldValue(name, [...currentCrewList, { ...crew, missionId }])
       }
     }
 
-    setSelectedCrewMemberId(undefined)
+    setSelectedCrewIndex(undefined)
   }
 
   const handleDelete = (index: number) => fieldArray.remove(index)
 
+  const handleToggleCheckbox = (index: number, isChecked: boolean) => {
+    debugger
+    if (isChecked) {
+      fieldArray.form.setFieldValue(`${name}.${index}.absences`, [])
+    } else {
+      setSelectedCrewIndex(index)
+      setAbsenceMode(MissionCrewAbsenceType.FULL_MISSION)
+    }
+  }
+
   return (
     <>
       <MissionCrewUnderlineStack>
@@ -89,7 +106,7 @@ const MissionGeneralInformationCrewPam: React.FC<MissionGeneralInformationCrewPa
       <MissionCrewStack>
         <Stack.Item style={{ width: '100%' }}>
           <MissionCrewListStyled>
-            {fieldArray.form.values.crew?.map((crewMember: MissionCrewMember, index: number) => (
+            {fieldArray.form.values.crew?.map((crewMember: MissionCrew, index: number) => (
               <MissionCrewListItemStyled
                 index={index}
                 key={`${crewMember?.agent?.id}-${index}`}
@@ -99,27 +116,59 @@ const MissionGeneralInformationCrewPam: React.FC<MissionGeneralInformationCrewPa
                   name={name}
                   index={index}
                   crewMember={crewMember}
+                  isAbsentFullMission={(crewMember.absences ?? []).some(
+                    (abs: MissionCrewAbsence) => abs.isAbsentFullMission
+                  )}
+                  handleEditAbsence={(_i: number, absenceType: MissionCrewAbsenceType) => {
+                    debugger
+                    setSelectedCrewIndex(index)
+                    setAbsenceMode(absenceType)
+                  }}
+                  handleEditCrew={() => {
+                    setSelectedCrewIndex(index)
+                    setShowAdditionalCrewDialog(true)
+                  }}
+                  onToggleCheckbox={handleToggleCheckbox}
                   handleDelete={handleDelete}
-                  handleEdit={() => setSelectedCrewMemberId(crewMember.id)}
                 />
               </MissionCrewListItemStyled>
             ))}
           </MissionCrewListStyled>
         </Stack.Item>
         <Stack.Item style={{ width: '100%', marginTop: 16 }}>
-          <MissionCrewAddMemberButton onClick={() => setSelectedCrewMemberId(0)}>
+          <MissionCrewAddMemberButton
+            onClick={() => {
+              setShowAdditionalCrewDialog(true)
+              setSelectedCrewIndex(undefined)
+            }}
+          >
             Ajouter un membre d'équipage
           </MissionCrewAddMemberButton>
         </Stack.Item>
         <>
-          {selectedCrewMemberId !== undefined && (
+          {selectedCrewIndex !== undefined && (
+            <MissionGeneralInformationCrewPamAbsenceForm
+              crewIndex={selectedCrewIndex}
+              // data-testid="crew-absence-form"
+              handleClose={() => {
+                setSelectedCrewIndex(undefined)
+                setAbsenceMode(undefined)
+              }}
+              absenceType={absenceMode}
+            />
+          )}
+          {showAdditionalCrewDialog && (
             <MissionGeneralInformationCrewPamForm
               data-testid="crew-form"
-              handleClose={() => setSelectedCrewMemberId(undefined)}
-              crewId={selectedCrewMemberId}
+              handleClose={() => {
+                setShowAdditionalCrewDialog(false)
+                setSelectedCrewIndex(undefined)
+              }}
+              crewIndex={selectedCrewIndex}
               crewList={fieldArray.form.values.crew}
               handleSubmitForm={async (crew: Omit<AddOrUpdateMissionCrewInput, 'missionId'>) => {
-                setSelectedCrewMemberId(undefined)
+                setShowAdditionalCrewDialog(false)
+                setSelectedCrewIndex(undefined)
                 handleUpdate(crew)
               }}
             />
diff --git a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-form-pam.tsx b/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-form-pam.tsx
index 5a2c982d7..03fedf07f 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-form-pam.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-form-pam.tsx
@@ -8,9 +8,9 @@ import {
   MissionPAMGeneralInfoInitialInput,
   usePamMissionGeneralInfoForm
 } from '../../../hooks/use-pam-mission-general-information-form.tsx'
-import MissionGeneralInformationCrewPam from './mission-general-information-crew-pam.tsx'
+import MissionGeneralInformationCrewPam from './crew/mission-general-information-crew-pam.tsx'
 import MissionService from './mission-service.tsx'
-import MissionGeneralInformationPassengerPam from './mission-general-information-passenger-pam.tsx'
+import MissionGeneralInformationPassengerPam from './passengers/mission-general-information-passenger-pam.tsx'
 
 const MissionGeneralInformationFormPam: FC<{
   generalInfo2: MissionGeneralInfo2
diff --git a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam-form.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam-form.test.tsx
similarity index 97%
rename from frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam-form.test.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam-form.test.tsx
index b28c6b11f..771eec876 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam-form.test.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam-form.test.tsx
@@ -1,7 +1,7 @@
 import { vi } from 'vitest'
-import { render, screen, fireEvent, waitFor } from '../../../../../../../test-utils.tsx'
+import { render, screen, fireEvent, waitFor } from '../../../../../../../../test-utils.tsx'
 import { Formik } from 'formik'
-import { MissionPassenger } from '../../../../../common/types/passenger-type.ts'
+import { MissionPassenger } from '../../../../../../common/types/passenger-type.ts'
 import MissionGeneralInformationPassengerPamForm from '../mission-general-information-passenger-pam-form.tsx'
 
 const samplePassenger: MissionPassenger = {
diff --git a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam.test.tsx b/frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam.test.tsx
similarity index 98%
rename from frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam.test.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam.test.tsx
index a9c079aa5..4c96fc9d4 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/__tests__/mission-general-information-passenger-pam.test.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/passengers/__tests__/mission-general-information-passenger-pam.test.tsx
@@ -1,7 +1,7 @@
 import { vi } from 'vitest'
-import { render, screen, fireEvent, waitFor } from '../../../../../../../test-utils.tsx'
+import { render, screen, fireEvent, waitFor } from '../../../../../../../../test-utils.tsx'
 import MissionGeneralInformationCrewPam from '../mission-general-information-passenger-pam.tsx'
-import { MissionPassenger } from '../../../../../common/types/passenger-type.ts'
+import { MissionPassenger } from '../../../../../../common/types/passenger-type.ts'
 
 describe('MissionGeneralInformationCrewPam', () => {
   // Helper function to create mock field array
diff --git a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam-form.tsx b/frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam-form.tsx
similarity index 99%
rename from frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam-form.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam-form.tsx
index 2a8697de5..658395581 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam-form.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam-form.tsx
@@ -19,7 +19,7 @@ import { FC } from 'react'
 import { FlexboxGrid, Stack, StackProps } from 'rsuite'
 import styled from 'styled-components'
 import * as Yup from 'yup'
-import { MissionPassenger, PASSENGER_OPTIONS } from '../../../../common/types/passenger-type.ts'
+import { MissionPassenger, PASSENGER_OPTIONS } from '../../../../../common/types/passenger-type.ts'
 
 const CrewFormDialogBody = styled((props: DialogProps) => <Dialog.Body {...props} />)(({ theme }) => ({
   padding: 24,
diff --git a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam.tsx b/frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam.tsx
similarity index 94%
rename from frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam.tsx
rename to frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam.tsx
index a887cdb45..fd611b27e 100644
--- a/frontend/src/v2/features/pam/components/element/general-info/mission-general-information-passenger-pam.tsx
+++ b/frontend/src/v2/features/pam/components/element/general-info/passengers/mission-general-information-passenger-pam.tsx
@@ -8,11 +8,11 @@ import {
   MissionCrewStack,
   MissionCrewTitleLabel,
   MissionCrewUnderlineStack
-} from '../../../../mission-general-infos/ui/mission-crew-list.tsx'
-import { MissionPassenger } from '../../../../common/types/passenger-type.ts'
+} from '../../../../../mission-general-infos/ui/mission-crew-list.tsx'
+import { MissionPassenger } from '../../../../../common/types/passenger-type.ts'
 import MissionGeneralInformationPassengerPamForm from './mission-general-information-passenger-pam-form.tsx'
 import { THEME } from '@mtes-mct/monitor-ui'
-import MissionPassengerListItemPam from '../../ui/mission-passenger-list-item-pam.tsx'
+import MissionPassengerListItemPam from '../../../ui/mission-passenger-list-item-pam.tsx'
 
 interface MissionGeneralInformationCrewPamProps {
   name: string
diff --git a/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/crew-absence-tag.test.tsx.snap b/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/crew-absence-tag.test.tsx.snap
new file mode 100644
index 000000000..8e04a9ba8
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/crew-absence-tag.test.tsx.snap
@@ -0,0 +1,106 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`CrewAbsenceTag > Full mission absence > matches snapshot for full mission absence 1`] = `
+<div>
+  <span
+    class="sc-iNWwEr sc-jfmDQl Vwqoo kuYcrG Element-Tag"
+  >
+    <span
+      class="sc-gKXOVg kHuHBz Element-IconBox"
+    >
+      <svg
+        height="20"
+        viewBox="0 0 20 20"
+        width="20"
+      >
+        <g
+          transform="translate(-505 -481)"
+        >
+          <g
+            transform="translate(506 482)"
+          >
+            <path
+              d="M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2Z"
+              fill="currentColor"
+              transform="translate(-2 -2)"
+            />
+          </g>
+          <rect
+            fill="none"
+            height="20"
+            transform="translate(505 481)"
+            width="20"
+          />
+        </g>
+      </svg>
+    </span>
+    Formation
+  </span>
+</div>
+`;
+
+exports[`CrewAbsenceTag > Temporary absence > matches snapshot for temporary absence 1`] = `
+<div>
+  <span
+    class="sc-iNWwEr sc-jfmDQl eaeKrY kuYcrG Element-Tag"
+  >
+    <span
+      class="sc-gKXOVg byfyOp Element-IconBox"
+    >
+      <svg
+        height="20"
+        viewBox="0 0 20 20"
+        width="20"
+      >
+        <g
+          transform="translate(280 -41)"
+        >
+          <g>
+            <g
+              fill="none"
+              stroke-miterlimit="10"
+            >
+              <path
+                d="M-266,44V42h-2v2h-4V42h-2v2h-4V59h16V44Zm2,13h-12V50h12Zm0-9h-12V46h12Z"
+                stroke="none"
+              />
+              <path
+                d="M -274 42 L -272 42 L -272 44 L -268 44 L -268 42 L -266 42 L -266 44 L -262 44 L -262 59 L -278 59 L -278 44 L -274 44 L -274 42 Z M -264 48 L -264 46 L -276 46 L -276 48 L -264 48 Z M -264 57 L -264 50 L -276 50 L -276 57 L -264 57 Z"
+                fill="currentColor"
+                stroke="none"
+              />
+            </g>
+            <g
+              fill="none"
+              stroke="currentColor"
+              stroke-miterlimit="10"
+              stroke-width="2"
+              transform="translate(-274 52)"
+            >
+              <rect
+                height="3"
+                stroke="none"
+                width="4"
+              />
+              <rect
+                fill="none"
+                height="1"
+                width="2"
+                x="1"
+                y="1"
+              />
+            </g>
+          </g>
+          <rect
+            fill="none"
+            height="20"
+            transform="translate(-280 41)"
+            width="20"
+          />
+        </g>
+      </svg>
+    </span>
+    Récupération - abs 5
+  </span>
+</div>
+`;
diff --git a/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/mission-crew-list-item-pam.test.tsx.snap b/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/mission-crew-list-item-pam.test.tsx.snap
new file mode 100644
index 000000000..61d44e9c7
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/ui/__tests__/__snapshots__/mission-crew-list-item-pam.test.tsx.snap
@@ -0,0 +1,362 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MissionCrewListItemPam > Invited crew member (without agent) > matches snapshot 1`] = `
+<div>
+  <div
+    class="rs-flex-box-grid rs-flex-box-grid-middle rs-flex-box-grid-start"
+  >
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-1"
+    >
+      <span
+        class="sc-gKXOVg dmaLuH Element-IconBox"
+      >
+        <svg
+          height="20"
+          viewBox="0 0 20 20"
+          width="20"
+        >
+          <rect
+            fill="none"
+            height="20"
+            width="20"
+          />
+          <path
+            d="M50,10a4,4,0,1,0-4-4A4,4,0,0,0,50,10Zm0,2c-2.67,0-8,1.34-8,4v2H58V16C58,13.34,52.67,12,50,12Z"
+            fill="currentColor"
+            transform="translate(-40)"
+          />
+        </svg>
+      </span>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-7"
+    >
+      <p
+        class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS sc-fxvKue fTeoMK"
+        data-testid="crew-member-agent"
+        font-size="13"
+      >
+        Marie Martin
+      </p>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-7"
+    >
+      <p
+        class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS"
+        data-testid="crew-member-role"
+        font-size="13"
+      >
+        Observateur
+      </p>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-6"
+    >
+      <div
+        class="rs-flex-box-grid rs-flex-box-grid-middle rs-flex-box-grid-start"
+      >
+        <div
+          class="rs-flex-box-grid-item rs-flex-box-grid-item-4"
+        >
+          <span
+            class="sc-gKXOVg jElCH Element-IconBox"
+          >
+            <svg
+              class="sc-dSuTWP NpRpw"
+              comment="Invité externe"
+              data-testid="crew-member-comment-icon"
+              height="20"
+              viewBox="0 0 20 20"
+              width="20"
+            >
+              <clippath>
+                <path
+                  d="m0 0h20v20h-20z"
+                />
+              </clippath>
+              <g
+                clip-path="url(#a)"
+              >
+                <path
+                  d="m0 0h20v20h-20z"
+                  fill="transparent"
+                />
+                <path
+                  d="m6.455 19.41-4.455 3.59v-18.974a1.013 1.013 0 0 1 1-1.026h18a1.013 1.013 0 0 1 1 1.026v14.359a1.013 1.013 0 0 1 -1 1.026zm.545-9.231v2.051h2v-2.051zm4 0v2.051h2v-2.051zm4 0v2.051h2v-2.051z"
+                  fill="currentColor"
+                  transform="translate(-2 -3)"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="rs-flex-box-grid-item rs-flex-box-grid-item-16"
+        >
+          <p
+            class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS sc-hZFzCr bQYFJQ"
+            font-size="13"
+          >
+            Invité externe
+          </p>
+        </div>
+      </div>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-3"
+    >
+      <div
+        class="rs-stack"
+        style="align-items: center; flex-direction: row;"
+      >
+        <div
+          class="rs-stack-item"
+        >
+          <button
+            class="sc-fnykZr ngkgW Element-IconButton sc-dkSuNM hwvjer"
+            data-testid="edit-crew-member-icon"
+            role="edit-crew"
+            type="button"
+          >
+            <span
+              class="sc-gKXOVg dmaLuH Element-IconBox"
+            >
+              <svg
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <rect
+                  fill="none"
+                  height="20"
+                  width="20"
+                />
+                <g>
+                  <path
+                    d="M10.713,5.983,14.02,9.288,6.3,17H3V13.7l7.716-7.718Zm1.1-1.1,1.653-1.653a.779.779,0,0,1,1.1,0l2.2,2.2a.779.779,0,0,1,0,1.1L15.121,8.185Z"
+                    fill="currentColor"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+        <div
+          class="rs-stack-item"
+        >
+          <button
+            class="sc-fnykZr ngkgW Element-IconButton sc-gJwTLF kLsBVL"
+            data-testid="delete-crew-member-icon"
+            role="delete-crew"
+            type="button"
+          >
+            <span
+              class="sc-gKXOVg dmaLuH Element-IconBox"
+            >
+              <svg
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <g
+                  transform="translate(-23.798 -14.096)"
+                >
+                  <g>
+                    <rect
+                      fill="currentColor"
+                      height="6"
+                      transform="translate(31.548 22.096)"
+                      width="1.5"
+                    />
+                    <rect
+                      fill="currentColor"
+                      height="6"
+                      transform="translate(34.548 22.096)"
+                      width="1.5"
+                    />
+                    <path
+                      d="M41.8,17.6h-4V16.1h-8v1.5h-4v2h1.5V31.1a1,1,0,0,0,1,1h11a1,1,0,0,0,1-1V19.6h1.5ZM38.3,30.1h-9V19.6h9Z"
+                      fill="currentColor"
+                    />
+                  </g>
+                  <rect
+                    fill="none"
+                    height="20"
+                    transform="translate(23.798 14.096)"
+                    width="20"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`MissionCrewListItemPam > Standard crew member (with agent) > matches snapshot 1`] = `
+<div>
+  <div
+    class="rs-flex-box-grid rs-flex-box-grid-middle rs-flex-box-grid-start"
+  >
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-1"
+    >
+      <div
+        class="sc-jdAMXo hUnHme Element-Field Field-Checkbox"
+      >
+        <div
+          class="sc-ehmTmN cvPHcK rs-checkbox rs-checkbox-checked"
+        >
+          <div
+            class="rs-checkbox-checker"
+          >
+            <label>
+              <span
+                class="rs-checkbox-control"
+              >
+                <input
+                  aria-checked="true"
+                  aria-disabled="false"
+                  aria-labelledby="label-_r_7_"
+                  checked=""
+                  tabindex="0"
+                  type="checkbox"
+                />
+                <span
+                  aria-hidden="true"
+                  class="rs-checkbox-inner"
+                  data-testid="checkbox-control-inner"
+                />
+              </span>
+              <span
+                class="rs-checkbox-label"
+                id="label-_r_7_"
+              />
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-7"
+    >
+      <p
+        class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS sc-fxvKue fTeoMK"
+        data-testid="crew-member-agent"
+        font-size="13"
+      >
+        Jean Dupont
+      </p>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-7"
+    >
+      <p
+        class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS"
+        data-testid="crew-member-role"
+        font-size="13"
+      >
+        Commandant
+      </p>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-8"
+    >
+      <div
+        class="rs-flex-box-grid rs-flex-box-grid-middle rs-flex-box-grid-start"
+      >
+        <div
+          class="rs-flex-box-grid-item rs-flex-box-grid-item-20"
+        >
+          <p
+            class="sc-kjEcyY sc-grVGCV gDlOQz mNQFS sc-hZFzCr bQYFJQ"
+            font-size="13"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="rs-flex-box-grid-item rs-flex-box-grid-item-1"
+    >
+      <div
+        class="rs-stack"
+        style="align-items: center; flex-direction: row;"
+      >
+        <div
+          class="rs-stack-item"
+        >
+          <button
+            class="sc-fnykZr ngkgW Element-IconButton"
+            data-testid="edit-crew-member-icon"
+            role="edit-crew"
+            title="Manager les absences temporaires"
+            type="button"
+          >
+            <span
+              class="sc-gKXOVg dmaLuH Element-IconBox"
+            >
+              <svg
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <g
+                  transform="translate(280 -41)"
+                >
+                  <g>
+                    <g
+                      fill="none"
+                      stroke-miterlimit="10"
+                    >
+                      <path
+                        d="M-266,44V42h-2v2h-4V42h-2v2h-4V59h16V44Zm2,13h-12V50h12Zm0-9h-12V46h12Z"
+                        stroke="none"
+                      />
+                      <path
+                        d="M -274 42 L -272 42 L -272 44 L -268 44 L -268 42 L -266 42 L -266 44 L -262 44 L -262 59 L -278 59 L -278 44 L -274 44 L -274 42 Z M -264 48 L -264 46 L -276 46 L -276 48 L -264 48 Z M -264 57 L -264 50 L -276 50 L -276 57 L -264 57 Z"
+                        fill="currentColor"
+                        stroke="none"
+                      />
+                    </g>
+                    <g
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-miterlimit="10"
+                      stroke-width="2"
+                      transform="translate(-274 52)"
+                    >
+                      <rect
+                        height="3"
+                        stroke="none"
+                        width="4"
+                      />
+                      <rect
+                        fill="none"
+                        height="1"
+                        width="2"
+                        x="1"
+                        y="1"
+                      />
+                    </g>
+                  </g>
+                  <rect
+                    fill="none"
+                    height="20"
+                    transform="translate(-280 41)"
+                    width="20"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/frontend/src/v2/features/pam/components/ui/__tests__/crew-absence-tag.test.tsx b/frontend/src/v2/features/pam/components/ui/__tests__/crew-absence-tag.test.tsx
new file mode 100644
index 000000000..4cbc200ab
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/ui/__tests__/crew-absence-tag.test.tsx
@@ -0,0 +1,80 @@
+import { render, screen } from '../../../../../../test-utils.tsx'
+import { describe, it, expect } from 'vitest'
+import CrewAbsenceTag from '../crew-absence-tag'
+import { MissionCrewAbsence, MissionCrewAbsenceReason } from '../../../../common/types/crew-type.ts'
+
+describe('CrewAbsenceTag', () => {
+  describe('Full mission absence', () => {
+    it('renders the absence reason label when isAbsentFullMission is true', () => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: true,
+        reason: MissionCrewAbsenceReason.SICK_LEAVE
+      }
+      render(<CrewAbsenceTag absence={absence} />)
+      expect(screen.getByText('Arrêt maladie')).toBeInTheDocument()
+    })
+
+    it('matches snapshot for full mission absence', () => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: true,
+        reason: MissionCrewAbsenceReason.TRAINING
+      }
+      const { container } = render(<CrewAbsenceTag absence={absence} />)
+      expect(container).toMatchSnapshot()
+    })
+  })
+
+  describe('Temporary absence', () => {
+    it('renders the absence reason label with duration when isAbsentFullMission is false', () => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: false,
+        reason: MissionCrewAbsenceReason.HOLIDAYS,
+        startDate: new Date('2024-01-01'),
+        endDate: new Date('2024-01-03')
+      }
+      render(<CrewAbsenceTag absence={absence} />)
+      expect(screen.getByText('Congès - abs 3')).toBeInTheDocument()
+    })
+
+    it('renders 1 day absence correctly', () => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: false,
+        reason: MissionCrewAbsenceReason.MEETING,
+        startDate: new Date('2024-01-15'),
+        endDate: new Date('2024-01-15')
+      }
+      render(<CrewAbsenceTag absence={absence} />)
+      expect(screen.getByText('Réunion - abs 1')).toBeInTheDocument()
+    })
+
+    it('matches snapshot for temporary absence', () => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: false,
+        reason: MissionCrewAbsenceReason.RECOVERING,
+        startDate: new Date('2024-01-01'),
+        endDate: new Date('2024-01-05')
+      }
+      const { container } = render(<CrewAbsenceTag absence={absence} />)
+      expect(container).toMatchSnapshot()
+    })
+  })
+
+  describe('Different absence reasons', () => {
+    it.each([
+      [MissionCrewAbsenceReason.SICK_LEAVE, 'Arrêt maladie'],
+      [MissionCrewAbsenceReason.TRAINING, 'Formation'],
+      [MissionCrewAbsenceReason.RECOVERING, 'Récupération'],
+      [MissionCrewAbsenceReason.HOLIDAYS, 'Congès'],
+      [MissionCrewAbsenceReason.MEETING, 'Réunion'],
+      [MissionCrewAbsenceReason.DISPATCHED_ELSEWHERE, 'Renforcement extérieur'],
+      [MissionCrewAbsenceReason.OTHER, 'Autre']
+    ])('renders correct label for %s reason', (reason, expectedLabel) => {
+      const absence: MissionCrewAbsence = {
+        isAbsentFullMission: true,
+        reason
+      }
+      render(<CrewAbsenceTag absence={absence} />)
+      expect(screen.getByText(expectedLabel)).toBeInTheDocument()
+    })
+  })
+})
\ No newline at end of file
diff --git a/frontend/src/v2/features/pam/components/ui/__tests__/mission-crew-list-item-pam.test.tsx b/frontend/src/v2/features/pam/components/ui/__tests__/mission-crew-list-item-pam.test.tsx
new file mode 100644
index 000000000..96604c05b
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/ui/__tests__/mission-crew-list-item-pam.test.tsx
@@ -0,0 +1,145 @@
+import { render, screen, fireEvent } from '../../../../../../test-utils.tsx'
+import { describe, it, expect, vi } from 'vitest'
+import MissionCrewListItemPam from '../mission-crew-list-item-pam'
+import { MissionCrew, MissionCrewAbsenceType, MissionCrewAbsenceReason } from '../../../../common/types/crew-type.ts'
+
+const mockHandleEditAbsence = vi.fn()
+const mockHandleEditCrew = vi.fn()
+const mockHandleDelete = vi.fn()
+const mockOnToggleCheckbox = vi.fn()
+
+const defaultProps = {
+  index: 0,
+  name: 'test-crew',
+  handleEditAbsence: mockHandleEditAbsence,
+  handleEditCrew: mockHandleEditCrew,
+  handleDelete: mockHandleDelete,
+  onToggleCheckbox: mockOnToggleCheckbox
+}
+
+const standardCrewMember: MissionCrew = {
+  id: '1',
+  agent: {
+    id: 1,
+    firstName: 'Jean',
+    lastName: 'Dupont',
+    services: []
+  },
+  role: {
+    id: 'captain',
+    title: 'Commandant'
+  },
+  absences: []
+}
+
+const invitedCrewMember: MissionCrew = {
+  id: '2',
+  fullName: 'Marie Martin',
+  comment: 'Invité externe',
+  role: {
+    id: 'observer',
+    title: 'Observateur'
+  },
+  absences: []
+}
+
+describe('MissionCrewListItemPam', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Standard crew member (with agent)', () => {
+    it('renders the crew member name and role', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} />)
+      expect(screen.getByText('Jean Dupont')).toBeInTheDocument()
+      expect(screen.getByText('Commandant')).toBeInTheDocument()
+    })
+
+    it('renders checkbox as checked when not absent full mission', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={false} />)
+      const checkbox = screen.getByRole('checkbox')
+      expect(checkbox).toBeChecked()
+    })
+
+    it('renders checkbox as unchecked when absent full mission', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={true} />)
+      const checkbox = screen.getByRole('checkbox')
+      expect(checkbox).not.toBeChecked()
+    })
+
+    it('calls onToggleCheckbox when checkbox is clicked', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={false} />)
+      const checkbox = screen.getByRole('checkbox')
+      fireEvent.click(checkbox)
+      expect(mockOnToggleCheckbox).toHaveBeenCalledWith(0, false)
+    })
+
+    it('calls handleEditAbsence with TEMPORARY type when not absent full mission', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={false} />)
+      const editButton = screen.getByTestId('edit-crew-member-icon')
+      fireEvent.click(editButton)
+      expect(mockHandleEditAbsence).toHaveBeenCalledWith(0, MissionCrewAbsenceType.TEMPORARY)
+    })
+
+    it('calls handleEditAbsence with FULL_MISSION type when absent full mission', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={true} />)
+      const editButton = screen.getByTestId('edit-crew-member-icon')
+      fireEvent.click(editButton)
+      expect(mockHandleEditAbsence).toHaveBeenCalledWith(0, MissionCrewAbsenceType.FULL_MISSION)
+    })
+
+    it('renders absence tags when crew member has absences', () => {
+      const crewWithAbsence: MissionCrew = {
+        ...standardCrewMember,
+        absences: [
+          {
+            id: 1,
+            isAbsentFullMission: true,
+            reason: MissionCrewAbsenceReason.SICK_LEAVE
+          }
+        ]
+      }
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={crewWithAbsence} />)
+      expect(screen.getByText('Arrêt maladie')).toBeInTheDocument()
+    })
+
+    it('matches snapshot', () => {
+      const { container } = render(
+        <MissionCrewListItemPam {...defaultProps} crewMember={standardCrewMember} isAbsentFullMission={false} />
+      )
+      expect(container).toMatchSnapshot()
+    })
+  })
+
+  describe('Invited crew member (without agent)', () => {
+    it('renders the full name and role', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={invitedCrewMember} />)
+      expect(screen.getByText('Marie Martin')).toBeInTheDocument()
+      expect(screen.getByText('Observateur')).toBeInTheDocument()
+    })
+
+    it('renders the comment', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={invitedCrewMember} />)
+      expect(screen.getByText('Invité externe')).toBeInTheDocument()
+    })
+
+    it('calls handleEditCrew when edit button is clicked', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={invitedCrewMember} />)
+      const editButton = screen.getByTestId('edit-crew-member-icon')
+      fireEvent.click(editButton)
+      expect(mockHandleEditCrew).toHaveBeenCalledWith(0)
+    })
+
+    it('calls handleDelete when delete button is clicked', () => {
+      render(<MissionCrewListItemPam {...defaultProps} crewMember={invitedCrewMember} />)
+      const deleteButton = screen.getByTestId('delete-crew-member-icon')
+      fireEvent.click(deleteButton)
+      expect(mockHandleDelete).toHaveBeenCalledWith(0)
+    })
+
+    it('matches snapshot', () => {
+      const { container } = render(<MissionCrewListItemPam {...defaultProps} crewMember={invitedCrewMember} />)
+      expect(container).toMatchSnapshot()
+    })
+  })
+})
diff --git a/frontend/src/v2/features/pam/components/ui/crew-absence-tag.tsx b/frontend/src/v2/features/pam/components/ui/crew-absence-tag.tsx
new file mode 100644
index 000000000..fa85dbc93
--- /dev/null
+++ b/frontend/src/v2/features/pam/components/ui/crew-absence-tag.tsx
@@ -0,0 +1,23 @@
+import { Accent, Icon, Tag, THEME } from '@mtes-mct/monitor-ui'
+import { getAbsenceReasonLabel, MissionCrewAbsence } from '../../../common/types/crew-type.ts'
+import { differenceInCalendarDays } from 'date-fns'
+
+interface CrewAbsenceTagProps {
+  absence: MissionCrewAbsence
+}
+
+const CrewAbsenceTag: React.FC<CrewAbsenceTagProps> = ({ absence }: CrewAbsenceTagProps) => {
+  const FullMissionAbsenceTag = (
+    <Tag accent={Accent.PRIMARY} withCircleIcon={true} Icon={Icon.CircleFilled} iconColor={THEME.color.maximumRed}>
+      {`${getAbsenceReasonLabel(absence.reason)}`}
+    </Tag>
+  )
+  const TemporaryAbsenceTag = (
+    <Tag accent={Accent.PRIMARY} Icon={Icon.Calendar}>
+      {`${getAbsenceReasonLabel(absence.reason)} - abs ${differenceInCalendarDays(absence.endDate, absence.startDate) + 1}`}
+    </Tag>
+  )
+  return absence.isAbsentFullMission ? FullMissionAbsenceTag : TemporaryAbsenceTag
+}
+
+export default CrewAbsenceTag
diff --git a/frontend/src/v2/features/pam/components/ui/mission-crew-list-item-pam.tsx b/frontend/src/v2/features/pam/components/ui/mission-crew-list-item-pam.tsx
index 16414cdc0..ce8b609ce 100644
--- a/frontend/src/v2/features/pam/components/ui/mission-crew-list-item-pam.tsx
+++ b/frontend/src/v2/features/pam/components/ui/mission-crew-list-item-pam.tsx
@@ -1,5 +1,5 @@
 import { FlexboxGrid, Stack } from 'rsuite'
-import { MissionCrewMember } from '../../../common/types/crew-type.ts'
+import { MissionCrew, MissionCrewAbsence, MissionCrewAbsenceType } from '../../../common/types/crew-type.ts'
 import React from 'react'
 import Text from '@common/components/ui/text.tsx'
 import {
@@ -9,19 +9,44 @@ import {
   MissionCrewMemberText,
   TruncateCommentText
 } from '../../../mission-general-infos/ui/mission-crew-list.tsx'
+import { Accent, Checkbox, Icon, IconButton, Size } from '@mtes-mct/monitor-ui'
+import CrewAbsenceTag from './crew-absence-tag.tsx'
 
 interface CrewListProps {
   index: number
   name: string
-  crewMember: MissionCrewMember
-  handleEdit: (index: number) => void
+  crewMember: MissionCrew
+  handleEditAbsence: (index: number, absenceType: MissionCrewAbsenceType) => void
+  handleEditCrew: (index: number) => void
   handleDelete: (index: number) => void
+  isAbsentFullMission?: boolean
+  onToggleCheckbox?: (index: number, isChecked: boolean) => void
 }
 
-const MissionCrewListItemPam: React.FC<CrewListProps> = ({ index, name, crewMember, handleEdit, handleDelete }) => {
+const MissionCrewListItemPam: React.FC<CrewListProps> = (props: CrewListProps) => {
+  return props.crewMember.agent ? <StandardCrewMember {...props} /> : <InvitedCrewMember {...props} />
+}
+
+const StandardCrewMember: React.FC<CrewListProps> = ({
+  index,
+  name,
+  crewMember,
+  handleEditAbsence,
+  isAbsentFullMission,
+  onToggleCheckbox
+}) => {
   return (
     <FlexboxGrid key={`${name}-${index}`} align={'middle'}>
+      <FlexboxGrid.Item colspan={1}>
+        <Checkbox
+          checked={!isAbsentFullMission}
+          onClick={() => {
+            onToggleCheckbox?.(index, isAbsentFullMission)
+          }}
+        ></Checkbox>
+      </FlexboxGrid.Item>
       <FlexboxGrid.Item colspan={7}>{<MissionCrewMemberText agent={crewMember?.agent} />}</FlexboxGrid.Item>
+
       <FlexboxGrid.Item colspan={7}>
         {
           <Text as="h3" truncate={true} data-testid="crew-member-role">
@@ -29,12 +54,67 @@ const MissionCrewListItemPam: React.FC<CrewListProps> = ({ index, name, crewMemb
           </Text>
         }
       </FlexboxGrid.Item>
+      <FlexboxGrid.Item colspan={8}>
+        <FlexboxGrid align={'middle'} justify="start">
+          <FlexboxGrid.Item colspan={20}>
+            <TruncateCommentText>
+              {crewMember?.absences?.length
+                ? crewMember?.absences?.map((absence: MissionCrewAbsence) => <CrewAbsenceTag absence={absence} />)
+                : undefined}
+            </TruncateCommentText>
+          </FlexboxGrid.Item>
+        </FlexboxGrid>
+      </FlexboxGrid.Item>
+      <FlexboxGrid.Item colspan={1}>
+        <Stack direction="row">
+          <Stack.Item>
+            <IconButton
+              role="edit-crew"
+              size={Size.NORMAL}
+              accent={Accent.TERTIARY}
+              Icon={isAbsentFullMission && MissionCrewAbsenceType.FULL_MISSION ? Icon.EditUnbordered : Icon.Calendar}
+              title={
+                isAbsentFullMission && MissionCrewAbsenceType.FULL_MISSION
+                  ? 'Modifier une non-participation'
+                  : 'Manager les absences temporaires'
+              }
+              data-testid="edit-crew-member-icon"
+              onClick={() => {
+                handleEditAbsence(
+                  index,
+                  isAbsentFullMission ? MissionCrewAbsenceType.FULL_MISSION : MissionCrewAbsenceType.TEMPORARY
+                )
+              }}
+            />
+          </Stack.Item>
+        </Stack>
+      </FlexboxGrid.Item>
+    </FlexboxGrid>
+  )
+}
+
+const InvitedCrewMember: React.FC<CrewListProps> = ({ index, name, crewMember, handleEditCrew, handleDelete }) => {
+  return (
+    <FlexboxGrid key={`${name}-${index}`} align={'middle'}>
+      <FlexboxGrid.Item colspan={1}>
+        <Icon.Account />
+      </FlexboxGrid.Item>
+      <FlexboxGrid.Item colspan={7}>
+        {<MissionCrewMemberText agent={crewMember?.agent} fullName={crewMember.fullName} />}
+      </FlexboxGrid.Item>
       <FlexboxGrid.Item colspan={7}>
+        {
+          <Text as="h3" truncate={true} data-testid="crew-member-role">
+            {crewMember?.role?.title}
+          </Text>
+        }
+      </FlexboxGrid.Item>
+      <FlexboxGrid.Item colspan={6}>
         <FlexboxGrid align={'middle'} justify="start">
           <FlexboxGrid.Item colspan={4}>
             <CommentIcon comment={crewMember.comment} />
           </FlexboxGrid.Item>
-          <FlexboxGrid.Item colspan={20}>
+          <FlexboxGrid.Item colspan={16}>
             <TruncateCommentText>{crewMember.comment}</TruncateCommentText>
           </FlexboxGrid.Item>
         </FlexboxGrid>
@@ -42,7 +122,7 @@ const MissionCrewListItemPam: React.FC<CrewListProps> = ({ index, name, crewMemb
       <FlexboxGrid.Item colspan={3}>
         <Stack direction="row">
           <Stack.Item>
-            <MissionCrewEditIconButton onClick={() => handleEdit(index)} />
+            <MissionCrewEditIconButton onClick={() => handleEditCrew(index)} />
           </Stack.Item>
           <Stack.Item>
             <MissionCrewDeleteIconButton onClick={() => handleDelete(index)} />
diff --git a/frontend/src/v2/features/pam/hooks/__tests__/use-crew-absence.test.tsx b/frontend/src/v2/features/pam/hooks/__tests__/use-crew-absence.test.tsx
new file mode 100644
index 000000000..d33d406bb
--- /dev/null
+++ b/frontend/src/v2/features/pam/hooks/__tests__/use-crew-absence.test.tsx
@@ -0,0 +1,345 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { renderHook } from '@testing-library/react'
+import { useMissionCrewAbsenceForm, MissionCrewAbsenceInitialInput } from '../use-crew-absence.tsx'
+import { MissionCrewAbsence, MissionCrewAbsenceReason } from '../../../common/types/crew-type.ts'
+import { FieldProps } from 'formik'
+
+// Capture the transformation functions passed to useAbstractFormikSubForm
+let capturedFromFieldValueToInput: ((data: MissionCrewAbsence) => MissionCrewAbsenceInitialInput) | null = null
+let capturedFromInputToFieldValue: ((value: MissionCrewAbsenceInitialInput) => MissionCrewAbsence) | null = null
+
+const mockPreprocessDateForPicker = vi.fn((date: Date | undefined) => date)
+const mockPostprocessDateFromPicker = vi.fn((date: Date | undefined) => date)
+const mockHandleSubmit = vi.fn()
+
+// Mock dependencies
+vi.mock('../../../common/hooks/use-date.tsx', () => ({
+  useDate: () => ({
+    preprocessDateForPicker: mockPreprocessDateForPicker,
+    postprocessDateFromPicker: mockPostprocessDateFromPicker
+  })
+}))
+
+vi.mock('../../../common/hooks/use-abstract-formik-sub-form.tsx', () => ({
+  useAbstractFormikSubForm: (
+    _name: string,
+    _fieldFormik: FieldProps<MissionCrewAbsence>,
+    fromFieldValueToInput: (data: MissionCrewAbsence) => MissionCrewAbsenceInitialInput,
+    fromInputToFieldValue: (value: MissionCrewAbsenceInitialInput) => MissionCrewAbsence
+  ) => {
+    // Capture the transformation functions for testing
+    capturedFromFieldValueToInput = fromFieldValueToInput
+    capturedFromInputToFieldValue = fromInputToFieldValue
+    return {
+      initValue: {
+        id: 1,
+        startDate: new Date('2024-01-15'),
+        endDate: new Date('2024-01-17'),
+        reason: MissionCrewAbsenceReason.SICK_LEAVE,
+        isAbsentFullMission: false,
+        dates: [new Date('2024-01-15'), new Date('2024-01-17')]
+      },
+      handleSubmit: mockHandleSubmit,
+      errors: { reason: 'Error message' }
+    }
+  }
+}))
+
+const createFieldFormik = (value: Partial<MissionCrewAbsence> = {}): FieldProps<MissionCrewAbsence> =>
+  ({
+    field: {
+      name: 'crew.0.absences.0',
+      value: {
+        id: undefined,
+        startDate: undefined,
+        endDate: undefined,
+        reason: undefined,
+        isAbsentFullMission: false,
+        ...value
+      }
+    },
+    form: {
+      setFieldValue: vi.fn(),
+      values: {},
+      errors: {},
+      touched: {}
+    },
+    meta: {
+      value: {},
+      touched: false
+    }
+  }) as unknown as FieldProps<MissionCrewAbsence>
+
+describe('useMissionCrewAbsenceForm', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    capturedFromFieldValueToInput = null
+    capturedFromInputToFieldValue = null
+  })
+
+  describe('EMPTY_ABSENCE constant', () => {
+    it('returns EMPTY_ABSENCE with all fields undefined except isAbsentFullMission', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.EMPTY_ABSENCE).toEqual({
+        id: undefined,
+        startDate: undefined,
+        endDate: undefined,
+        reason: undefined,
+        isAbsentFullMission: false
+      })
+    })
+
+    it('EMPTY_ABSENCE has isAbsentFullMission set to false by default', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.EMPTY_ABSENCE.isAbsentFullMission).toBe(false)
+    })
+  })
+
+  describe('fromFieldValueToInput transformation', () => {
+    it('transforms MissionCrewAbsence to input format with dates array', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputData: MissionCrewAbsence = {
+        id: 1,
+        startDate: new Date('2024-01-15'),
+        endDate: new Date('2024-01-17'),
+        reason: MissionCrewAbsenceReason.TRAINING,
+        isAbsentFullMission: false
+      }
+
+      const result = capturedFromFieldValueToInput!(inputData)
+
+      expect(result.dates).toHaveLength(2)
+      expect(result.id).toBe(1)
+      expect(result.reason).toBe(MissionCrewAbsenceReason.TRAINING)
+      expect(result.isAbsentFullMission).toBe(false)
+    })
+
+    it('calls preprocessDateForPicker for startDate', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const startDate = new Date('2024-01-15')
+      const inputData: MissionCrewAbsence = {
+        startDate,
+        endDate: new Date('2024-01-17')
+      }
+
+      capturedFromFieldValueToInput!(inputData)
+
+      expect(mockPreprocessDateForPicker).toHaveBeenCalledWith(startDate)
+    })
+
+    it('calls preprocessDateForPicker for endDate', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const endDate = new Date('2024-01-17')
+      const inputData: MissionCrewAbsence = {
+        startDate: new Date('2024-01-15'),
+        endDate
+      }
+
+      capturedFromFieldValueToInput!(inputData)
+
+      expect(mockPreprocessDateForPicker).toHaveBeenCalledWith(endDate)
+    })
+
+    it('handles undefined dates correctly', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputData: MissionCrewAbsence = {
+        startDate: undefined,
+        endDate: undefined,
+        reason: MissionCrewAbsenceReason.OTHER
+      }
+
+      const result = capturedFromFieldValueToInput!(inputData)
+
+      expect(result.dates).toHaveLength(2)
+      expect(mockPreprocessDateForPicker).toHaveBeenCalledWith(undefined)
+    })
+
+    it('preserves all original fields in the output', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputData: MissionCrewAbsence = {
+        id: 42,
+        startDate: new Date('2024-02-01'),
+        endDate: new Date('2024-02-05'),
+        reason: MissionCrewAbsenceReason.HOLIDAYS,
+        isAbsentFullMission: true
+      }
+
+      const result = capturedFromFieldValueToInput!(inputData)
+
+      expect(result.id).toBe(42)
+      expect(result.reason).toBe(MissionCrewAbsenceReason.HOLIDAYS)
+      expect(result.isAbsentFullMission).toBe(true)
+    })
+  })
+
+  describe('fromInputToFieldValue transformation', () => {
+    it('transforms input format back to MissionCrewAbsence', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputValue: MissionCrewAbsenceInitialInput = {
+        id: 1,
+        dates: [new Date('2024-01-15'), new Date('2024-01-17')],
+        reason: MissionCrewAbsenceReason.MEETING,
+        isAbsentFullMission: false
+      }
+
+      const result = capturedFromInputToFieldValue!(inputValue)
+
+      expect(result.id).toBe(1)
+      expect(result.reason).toBe(MissionCrewAbsenceReason.MEETING)
+      expect(result.isAbsentFullMission).toBe(false)
+      expect(result).not.toHaveProperty('dates')
+    })
+
+    it('calls postprocessDateFromPicker for startDate (dates[0])', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const startDate = new Date('2024-01-15')
+      const inputValue: MissionCrewAbsenceInitialInput = {
+        dates: [startDate, new Date('2024-01-17')]
+      }
+
+      capturedFromInputToFieldValue!(inputValue)
+
+      expect(mockPostprocessDateFromPicker).toHaveBeenCalledWith(startDate)
+    })
+
+    it('calls postprocessDateFromPicker for endDate (dates[1])', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const endDate = new Date('2024-01-17')
+      const inputValue: MissionCrewAbsenceInitialInput = {
+        dates: [new Date('2024-01-15'), endDate]
+      }
+
+      capturedFromInputToFieldValue!(inputValue)
+
+      expect(mockPostprocessDateFromPicker).toHaveBeenCalledWith(endDate)
+    })
+
+    it('handles undefined dates in array', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputValue: MissionCrewAbsenceInitialInput = {
+        dates: [undefined, undefined],
+        reason: MissionCrewAbsenceReason.OTHER
+      }
+
+      const result = capturedFromInputToFieldValue!(inputValue)
+
+      expect(mockPostprocessDateFromPicker).toHaveBeenCalledWith(undefined)
+      expect(result.reason).toBe(MissionCrewAbsenceReason.OTHER)
+    })
+
+    it('removes dates property from output', () => {
+      renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const inputValue: MissionCrewAbsenceInitialInput = {
+        dates: [new Date('2024-01-15'), new Date('2024-01-17')],
+        id: 1,
+        reason: MissionCrewAbsenceReason.SICK_LEAVE
+      }
+
+      const result = capturedFromInputToFieldValue!(inputValue)
+
+      expect('dates' in result).toBe(false)
+    })
+  })
+
+  describe('useAbstractFormikSubForm integration', () => {
+    it('returns initValue from useAbstractFormikSubForm', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.initValue).toBeDefined()
+      expect(result.current.initValue?.id).toBe(1)
+      expect(result.current.initValue?.reason).toBe(MissionCrewAbsenceReason.SICK_LEAVE)
+    })
+
+    it('returns handleSubmit function from useAbstractFormikSubForm', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.handleSubmit).toBe(mockHandleSubmit)
+    })
+
+    it('returns errors from useAbstractFormikSubForm', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.errors).toEqual({ reason: 'Error message' })
+    })
+  })
+
+  describe('validationSchema', () => {
+    it('returns a yup validation schema object', () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      expect(result.current.validationSchema).toBeDefined()
+      expect(typeof result.current.validationSchema.isValid).toBe('function')
+      expect(typeof result.current.validationSchema.validate).toBe('function')
+    })
+
+    it('validates valid absence reason SICK_LEAVE', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({ reason: MissionCrewAbsenceReason.SICK_LEAVE })
+      expect(isValid).toBe(true)
+    })
+
+    it('rejects invalid absence reason string', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({ reason: 'INVALID_REASON' })
+      expect(isValid).toBe(false)
+    })
+
+    it('rejects invalid absence reason number', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({ reason: 123 })
+      expect(isValid).toBe(false)
+    })
+
+    it('accepts isAbsentFullMission as true', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({ isAbsentFullMission: true })
+      expect(isValid).toBe(true)
+    })
+
+    it('accepts isAbsentFullMission as false', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({ isAbsentFullMission: false })
+      expect(isValid).toBe(true)
+    })
+
+    it('accepts missing isAbsentFullMission (optional)', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+      const isValid = await result.current.validationSchema.isValid({})
+      expect(isValid).toBe(true)
+    })
+
+    it('accepts complete valid absence data', async () => {
+      const { result } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const validData = {
+        reason: MissionCrewAbsenceReason.SICK_LEAVE,
+        isAbsentFullMission: true
+      }
+
+      const isValid = await result.current.validationSchema.isValid(validData)
+      expect(isValid).toBe(true)
+    })
+
+    it('validationSchema is memoized (same reference on re-render)', () => {
+      const { result, rerender } = renderHook(() => useMissionCrewAbsenceForm('crew.0.absences.0', createFieldFormik()))
+
+      const firstSchema = result.current.validationSchema
+      rerender()
+      const secondSchema = result.current.validationSchema
+
+      expect(firstSchema).toBe(secondSchema)
+    })
+  })
+})
diff --git a/frontend/src/v2/features/pam/hooks/use-crew-absence.tsx b/frontend/src/v2/features/pam/hooks/use-crew-absence.tsx
new file mode 100644
index 000000000..97d42ee7a
--- /dev/null
+++ b/frontend/src/v2/features/pam/hooks/use-crew-absence.tsx
@@ -0,0 +1,66 @@
+import { useDate } from '../../common/hooks/use-date.tsx'
+import { boolean, mixed, object } from 'yup'
+import getDateRangeSchema from '../../common/schemas/dates-schema.ts'
+import { useMemo } from 'react'
+import { FieldProps } from 'formik'
+import { ABSENCE_REASON_OPTIONS, MissionCrewAbsence, MissionCrewAbsenceReason } from '../../common/types/crew-type.ts'
+import { useAbstractFormikSubForm } from '../../common/hooks/use-abstract-formik-sub-form.tsx'
+
+export type MissionCrewAbsenceInitialInput = { dates: (Date | undefined)[] } & MissionCrewAbsence
+
+export const useMissionCrewAbsenceForm = (name: string, fieldFormik: FieldProps<MissionCrewAbsence>) => {
+  const { preprocessDateForPicker, postprocessDateFromPicker } = useDate()
+  // const missionDates = useMissionDates(value.missionId)
+
+  const EMPTY_ABSENCE: MissionCrewAbsence = {
+    id: undefined,
+    startDate: undefined,
+    endDate: undefined,
+    reason: undefined,
+    isAbsentFullMission: false
+  }
+
+  const fromFieldValueToInput = (data: MissionCrewAbsence) => {
+    const startDate = preprocessDateForPicker(data.startDate)
+    const endDate = preprocessDateForPicker(data.endDate)
+    return {
+      ...data,
+      dates: [startDate, endDate]
+    }
+  }
+
+  const fromInputToFieldValue = (value: MissionCrewAbsenceInitialInput): MissionCrewAbsence => {
+    const { dates, ...newValues } = value
+    return {
+      ...newValues,
+      startDate: postprocessDateFromPicker(dates[0]),
+      endDate: postprocessDateFromPicker(dates[1])
+    }
+  }
+
+  const { initValue, handleSubmit, errors } = useAbstractFormikSubForm<
+    MissionCrewAbsence,
+    MissionCrewAbsenceInitialInput
+  >(name, fieldFormik, fromFieldValueToInput, fromInputToFieldValue)
+
+  const createValidationSchema = () => {
+    return object().shape({
+      ...getDateRangeSchema(false),
+      reason: mixed<MissionCrewAbsenceReason>().oneOf(
+        Object.values(MissionCrewAbsenceReason) as MissionCrewAbsenceReason[]
+      ),
+      isAbsentFullMission: boolean().optional()
+    })
+  }
+
+  const validationSchema = useMemo(() => createValidationSchema(), [])
+
+  return {
+    EMPTY_ABSENCE,
+    ABSENCE_REASON_OPTIONS,
+    errors,
+    initValue,
+    validationSchema,
+    handleSubmit
+  }
+}