From ee16779777673361c5d0c5e60f814d1772909a93 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Fri, 20 Feb 2026 11:23:52 +0000
Subject: [PATCH] [#322] Page horaire (#4)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|        #322          |        Page horaire         |

## Description de la PR
[#322] Page horaire

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Reviewed-on: https://gitea.malio.fr/MALIO-DEV/SIRH/pulls/4
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>
---
 .idea/SIRH.iml                                |   7 +
 AGENTS.md                                     | 105 +++
 config/services.yaml                          |   4 +
 frontend/components/AbsenceFormDrawer.vue     |   8 +-
 frontend/components/CalendarGrid.vue          |  79 +-
 .../components/EmployeeNameFilterInput.vue    |  18 +
 frontend/components/SiteFilterSelector.vue    |  25 +
 frontend/components/hours/HoursDayView.vue    | 187 ++++
 frontend/components/hours/HoursToolbar.vue    | 213 +++++
 frontend/components/hours/HoursWeekView.vue   |  98 +++
 frontend/components/hours/types.ts            |  12 +
 frontend/components/ui/TimeSelect.vue         | 151 ++++
 frontend/composables/useApi.ts                |  27 +-
 frontend/composables/useHoursPage.ts          | 803 ++++++++++++++++++
 frontend/layouts/auth.vue                     |   2 +-
 frontend/layouts/default.vue                  |  33 +-
 frontend/nuxt.config.ts                       |  13 +-
 frontend/package-lock.json                    |  77 ++
 frontend/package.json                         |   1 +
 frontend/pages/absence-types.vue              |  51 +-
 frontend/pages/calendar.vue                   | 122 +--
 frontend/pages/employees.vue                  | 205 +++--
 frontend/pages/hours.vue                      | 162 ++++
 frontend/pages/login.vue                      |   6 +-
 frontend/pages/sites.vue                      |   2 +-
 frontend/pages/users.vue                      |   8 +-
 frontend/services/absence-types.ts            |   4 +-
 frontend/services/auth.ts                     |   1 +
 frontend/services/contracts.ts                |  13 +
 frontend/services/dto/absence-type.ts         |   1 +
 frontend/services/dto/contract.ts             |  25 +
 frontend/services/dto/employee.ts             |   2 +
 frontend/services/dto/work-hour.ts            |  81 ++
 frontend/services/employees.ts                |  16 +-
 frontend/services/work-hours.ts               |  76 ++
 frontend/utils/date.ts                        | 109 +++
 frontend/utils/employee.ts                    |  31 +
 migrations/Version20260216100000.php          |  31 +
 migrations/Version20260217161000.php          |  34 +
 migrations/Version20260217162000.php          |  28 +
 migrations/Version20260218120000.php          |  54 ++
 migrations/Version20260218183000.php          |  30 +
 migrations/Version20260218190000.php          |  26 +
 migrations/Version20260219180000.php          |  83 ++
 src/ApiResource/ScopedEmployee.php            |  22 +
 src/ApiResource/WorkHourBulkUpsert.php        |  39 +
 src/ApiResource/WorkHourBulkUpsertResult.php  |  13 +
 src/ApiResource/WorkHourDayContext.php        |  37 +
 src/ApiResource/WorkHourWeeklySummary.php     |  32 +
 src/Doctrine/AbsenceCollectionExtension.php   |  50 ++
 src/Doctrine/WorkHourCollectionExtension.php  |  53 ++
 src/Dto/WorkHours/DayContextRow.php           |  84 ++
 src/Dto/WorkHours/WeeklyDaySummary.php        |  19 +
 src/Dto/WorkHours/WeeklySummaryRow.php        |  30 +
 src/Dto/WorkHours/WorkMetrics.php             |  26 +
 src/Entity/Absence.php                        |  47 +-
 src/Entity/AbsenceType.php                    |  44 +-
 src/Entity/Contract.php                       | 122 +++
 src/Entity/Employee.php                       |  24 +-
 src/Entity/WorkHour.php                       | 248 ++++++
 src/Enum/ContractType.php                     |  47 +
 src/Enum/HalfDay.php                          |  11 +
 src/Enum/TrackingMode.php                     |  11 +
 src/Repository/AbsenceRepository.php          | 102 +++
 .../AbsenceReadRepositoryInterface.php        |  32 +
 .../EmployeeScopedRepositoryInterface.php     |  16 +
 .../WorkHourReadRepositoryInterface.php       |  24 +
 src/Repository/EmployeeRepository.php         | 104 +++
 src/Repository/WorkHourRepository.php         | 120 +++
 src/Security/EmployeeScopeService.php         |  99 +++
 src/Security/Voter/AbsenceVoter.php           |  48 ++
 src/Security/Voter/WorkHourVoter.php          |  50 ++
 .../WorkHours/AbsenceSegmentsResolver.php     |  50 ++
 .../WorkHours/WorkedHoursCreditPolicy.php     |  91 ++
 src/State/AbsencePrintProvider.php            |  57 +-
 src/State/AbsenceWriteProcessor.php           | 223 +++++
 src/State/ScopedEmployeeProvider.php          |  29 +
 src/State/WorkHourBulkUpsertProcessor.php     | 312 +++++++
 src/State/WorkHourDayContextProvider.php      | 110 +++
 src/State/WorkHourWeeklySummaryProvider.php   | 389 +++++++++
 .../WorkHours/AbsenceSegmentsResolverTest.php |  61 ++
 .../WorkHours/WorkedHoursCreditPolicyTest.php |  84 ++
 tests/State/AbsenceWriteProcessorTest.php     | 126 +++
 .../State/WorkHourDayContextProviderTest.php  | 154 ++++
 .../WorkHourWeeklySummaryProviderTest.php     | 170 ++++
 85 files changed, 6232 insertions(+), 242 deletions(-)
 create mode 100644 AGENTS.md
 create mode 100644 frontend/components/EmployeeNameFilterInput.vue
 create mode 100644 frontend/components/SiteFilterSelector.vue
 create mode 100644 frontend/components/hours/HoursDayView.vue
 create mode 100644 frontend/components/hours/HoursToolbar.vue
 create mode 100644 frontend/components/hours/HoursWeekView.vue
 create mode 100644 frontend/components/hours/types.ts
 create mode 100644 frontend/components/ui/TimeSelect.vue
 create mode 100644 frontend/composables/useHoursPage.ts
 create mode 100644 frontend/pages/hours.vue
 create mode 100644 frontend/services/contracts.ts
 create mode 100644 frontend/services/dto/contract.ts
 create mode 100644 frontend/services/dto/work-hour.ts
 create mode 100644 frontend/services/work-hours.ts
 create mode 100644 frontend/utils/employee.ts
 create mode 100644 migrations/Version20260216100000.php
 create mode 100644 migrations/Version20260217161000.php
 create mode 100644 migrations/Version20260217162000.php
 create mode 100644 migrations/Version20260218120000.php
 create mode 100644 migrations/Version20260218183000.php
 create mode 100644 migrations/Version20260218190000.php
 create mode 100644 migrations/Version20260219180000.php
 create mode 100644 src/ApiResource/ScopedEmployee.php
 create mode 100644 src/ApiResource/WorkHourBulkUpsert.php
 create mode 100644 src/ApiResource/WorkHourBulkUpsertResult.php
 create mode 100644 src/ApiResource/WorkHourDayContext.php
 create mode 100644 src/ApiResource/WorkHourWeeklySummary.php
 create mode 100644 src/Doctrine/AbsenceCollectionExtension.php
 create mode 100644 src/Doctrine/WorkHourCollectionExtension.php
 create mode 100644 src/Dto/WorkHours/DayContextRow.php
 create mode 100644 src/Dto/WorkHours/WeeklyDaySummary.php
 create mode 100644 src/Dto/WorkHours/WeeklySummaryRow.php
 create mode 100644 src/Dto/WorkHours/WorkMetrics.php
 create mode 100644 src/Entity/Contract.php
 create mode 100644 src/Entity/WorkHour.php
 create mode 100644 src/Enum/ContractType.php
 create mode 100644 src/Enum/HalfDay.php
 create mode 100644 src/Enum/TrackingMode.php
 create mode 100644 src/Repository/AbsenceRepository.php
 create mode 100644 src/Repository/Contract/AbsenceReadRepositoryInterface.php
 create mode 100644 src/Repository/Contract/EmployeeScopedRepositoryInterface.php
 create mode 100644 src/Repository/Contract/WorkHourReadRepositoryInterface.php
 create mode 100644 src/Repository/EmployeeRepository.php
 create mode 100644 src/Repository/WorkHourRepository.php
 create mode 100644 src/Security/EmployeeScopeService.php
 create mode 100644 src/Security/Voter/AbsenceVoter.php
 create mode 100644 src/Security/Voter/WorkHourVoter.php
 create mode 100644 src/Service/WorkHours/AbsenceSegmentsResolver.php
 create mode 100644 src/Service/WorkHours/WorkedHoursCreditPolicy.php
 create mode 100644 src/State/AbsenceWriteProcessor.php
 create mode 100644 src/State/ScopedEmployeeProvider.php
 create mode 100644 src/State/WorkHourBulkUpsertProcessor.php
 create mode 100644 src/State/WorkHourDayContextProvider.php
 create mode 100644 src/State/WorkHourWeeklySummaryProvider.php
 create mode 100644 tests/Service/WorkHours/AbsenceSegmentsResolverTest.php
 create mode 100644 tests/Service/WorkHours/WorkedHoursCreditPolicyTest.php
 create mode 100644 tests/State/AbsenceWriteProcessorTest.php
 create mode 100644 tests/State/WorkHourDayContextProviderTest.php
 create mode 100644 tests/State/WorkHourWeeklySummaryProviderTest.php

diff --git a/.idea/SIRH.iml b/.idea/SIRH.iml
index 6ff23a1..c7476c0 100644
--- a/.idea/SIRH.iml
+++ b/.idea/SIRH.iml
@@ -145,6 +145,13 @@
       <excludeFolder url="file://$MODULE_DIR$/vendor/monolog/monolog" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/symfony/monolog-bridge" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/symfony/monolog-bundle" />
+      <excludeFolder url="file://$MODULE_DIR$/LOG" />
+      <excludeFolder url="file://$MODULE_DIR$/frontend/.nuxt" />
+      <excludeFolder url="file://$MODULE_DIR$/frontend/.output" />
+      <excludeFolder url="file://$MODULE_DIR$/frontend/dist" />
+      <excludeFolder url="file://$MODULE_DIR$/frontend/node_modules" />
+      <excludeFolder url="file://$MODULE_DIR$/public" />
+      <excludeFolder url="file://$MODULE_DIR$/var" />
     </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..b277fe9
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,105 @@
+# AGENTS.md
+
+État des lieux opérationnel du projet SIRH (backend + frontend), à utiliser comme base sur les prochaines interventions.
+
+## 1) Stack et structure
+
+- Backend: Symfony + API Platform + Doctrine ORM
+- Frontend: Nuxt 4 + Vue 3 + TypeScript + Tailwind
+- Exécution locale: Docker via `makefile`
+
+Arborescence clé:
+- `src/`: domaine, API resources, state providers/processors, services
+- `tests/`: TU backend (PHPUnit)
+- `frontend/`: app Nuxt (pages, composants, composables, services)
+- `migrations/`: migrations Doctrine
+
+## 2) Commandes utiles
+
+- Démarrer stack: `make start`
+- Tests backend: `make test`
+- Build frontend: `cd frontend && npm run build`
+- Dev frontend: `make dev-nuxt`
+
+## 3) Domaine métier (résumé)
+
+### Contrats
+- Entité: `Contract`
+- Champs principaux: `name`, `trackingMode`, `weeklyHours`, `isActive`
+- `trackingMode`:
+  - `TIME`: suivi par heures
+  - `PRESENCE`: suivi présence demi-journées/journées
+- Enums backend:
+  - `App\Enum\TrackingMode`
+  - `App\Enum\ContractType` (`FORFAIT`, `35H`, `39H`, `INTERIM`, `CUSTOM`)
+- `Contract::getType()` est exposé en API (`contract:read`, `employee:read`)
+
+### Heures / absences
+- Les absences sont découpées en enregistrements journaliers (pas de période unique stockée).
+- Une ligne d’heures validée est verrouillée côté métier.
+- Règles de crédit absence (`countAsWorkedHours=true`) gérées dans `WorkedHoursCreditPolicy`:
+  - contrats présence: crédit en unités de présence
+  - contrats temps: crédit en minutes selon règles contrat (35h, 39h, 4h, fallback)
+
+## 4) Écrans principaux
+
+### Page Heures (`frontend/pages/hours.vue`)
+- Vue Jour + Vue Semaine (semaine réservée admin)
+- Toolbar dédiée: `frontend/components/hours/HoursToolbar.vue`
+- Vue jour: `frontend/components/hours/HoursDayView.vue`
+- Vue semaine: `frontend/components/hours/HoursWeekView.vue`
+- Logique page: `frontend/composables/useHoursPage.ts`
+
+### Points UX déjà en place
+- Toolbar semaine: raccourcis semaine précédente / actuelle / suivante
+- Légende absences affichée dans la toolbar (admin + vue semaine)
+- Cellules semaine avec absence: couleur du type d’absence (plus rouge fixe)
+- Pour user non-admin: restrictions d’édition selon validations/absences
+
+## 5) API / calculs hebdo
+
+- Provider: `src/State/WorkHourWeeklySummaryProvider.php`
+- DTOs:
+  - `src/Dto/WorkHours/WeeklySummaryRow.php`
+  - `src/Dto/WorkHours/WeeklyDaySummary.php`
+- Le résumé hebdo renvoie notamment:
+  - `trackingMode`
+  - `contractName`
+  - `contractType`
+  - détails journaliers (jour/nuit/total, présence, absence label/couleur)
+
+### Heures supp
+- Règles métier:
+  - contrats <= 35h: tranche 25% de 35h à 43h, puis 50% au-delà
+  - contrats >= 39h: tranche 25% de 39h à 43h, puis 50% au-delà
+  - contrats `INTERIM`: pas de bonus 25/50 ni récup
+
+## 6) Conventions techniques
+
+- Favoriser DTO explicites plutôt que tableaux associatifs bruts.
+- Utiliser les interfaces repository dans providers/processors testés.
+- Centraliser les règles métier dans services/providers backend plutôt que dupliquer côté front.
+- Front: éviter les calculs métier lourds; consommer les champs API déjà calculés.
+
+## 7) Tests et qualité
+
+- Les TU backend passent actuellement via `make test`.
+- Le build frontend passe via `npm run build`.
+- À chaque évolution métier:
+  - mettre à jour les tests provider/processor/service impactés
+  - maintenir la cohérence des DTO TypeScript (`frontend/services/dto/*`)
+
+## 8) Fichiers sensibles (à lire avant modif)
+
+- `src/State/WorkHourWeeklySummaryProvider.php`
+- `src/Service/WorkHours/WorkedHoursCreditPolicy.php`
+- `src/State/AbsenceWriteProcessor.php`
+- `src/State/WorkHourBulkUpsertProcessor.php`
+- `frontend/composables/useHoursPage.ts`
+- `frontend/components/hours/HoursWeekView.vue`
+
+## 9) Décisions de conception actuelles
+
+- Les absences sont stockées par jour (facilite verrouillage/édition fine).
+- Les règles de calcul (crédits, majorations, récup) sont portées côté backend.
+- Le front reste centré sur l’affichage/interaction et réutilise les données enrichies de l’API.
diff --git a/config/services.yaml b/config/services.yaml
index 49aba49..9a7408a 100644
--- a/config/services.yaml
+++ b/config/services.yaml
@@ -22,5 +22,9 @@ services:
     App\:
         resource: '../src/'
 
+    App\Repository\Contract\AbsenceReadRepositoryInterface: '@App\Repository\AbsenceRepository'
+    App\Repository\Contract\EmployeeScopedRepositoryInterface: '@App\Repository\EmployeeRepository'
+    App\Repository\Contract\WorkHourReadRepositoryInterface: '@App\Repository\WorkHourRepository'
+
     # add more service definitions when explicit configuration is needed
     # please note that last definitions always *replace* previous ones
diff --git a/frontend/components/AbsenceFormDrawer.vue b/frontend/components/AbsenceFormDrawer.vue
index 8535acb..580cb1d 100644
--- a/frontend/components/AbsenceFormDrawer.vue
+++ b/frontend/components/AbsenceFormDrawer.vue
@@ -9,6 +9,7 @@
                     id="employee"
                     v-model="absenceForm.employeeId"
                     :class="employeeFieldClass"
+                    :disabled="props.lockEmployee"
                 >
                     <option value="" disabled>Choisir un employé</option>
                     <option v-for="employee in employees" :key="employee.id" :value="employee.id">
@@ -48,6 +49,7 @@
                             v-model="absenceForm.startDate"
                             type="date"
                             class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                            :disabled="props.lockDates"
                         />
                         <select
                             v-model="absenceForm.startHalf"
@@ -67,6 +69,7 @@
                             v-model="absenceForm.endDate"
                             type="date"
                             class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                            :disabled="props.lockDates"
                         />
                         <select
                             v-model="absenceForm.endHalf"
@@ -80,7 +83,7 @@
                 </div>
             </div>
 
-            <div>
+            <div v-if="props.showComment !== false">
                 <label class="text-md font-semibold text-neutral-700" for="comment">Commentaire</label>
                 <textarea
                     id="comment"
@@ -142,6 +145,9 @@ const props = defineProps<{
     }
     editingAbsence: Absence | null
     isSubmitting: boolean
+    lockEmployee?: boolean
+    lockDates?: boolean
+    showComment?: boolean
 }>()
 
 const emit = defineEmits<{
diff --git a/frontend/components/CalendarGrid.vue b/frontend/components/CalendarGrid.vue
index da090a7..cef459e 100644
--- a/frontend/components/CalendarGrid.vue
+++ b/frontend/components/CalendarGrid.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="h-full min-h-0 overflow-auto rounded-lg border border-neutral-200 bg-white">
         <div class="min-w-[900px]">
-            <div class="grid" :style="gridStyle">
+            <div class="grid" :style="gridStyle" @mouseleave="clearHoveredCell">
                 <div
                     class="sticky left-0 top-0 z-30 border-b border-neutral-200 bg-tertiary-500 px-4 py-3 text-md font-semibold text-neutral-700"
                 >
@@ -10,16 +10,23 @@
                 <div
                     v-for="day in daysInMonth"
                     :key="day.date"
-                    class="sticky top-0 z-20 border-b border-neutral-200 bg-tertiary-500 px-2 py-3 text-center text-xs font-semibold text-neutral-700"
+                    class="sticky top-0 z-20 border-b border-neutral-200 px-2 py-3 text-center text-xs font-semibold transition-colors"
+                    :class="isHoveredColumn(day.date) ? 'bg-primary-500 text-white' : 'bg-tertiary-500 text-neutral-700'"
                 >
                     <div>{{ day.label }}</div>
-                    <div class="text-[10px] text-neutral-500">{{ day.weekday }}</div>
+                    <div
+                        class="text-[10px]"
+                        :class="isHoveredColumn(day.date) ? 'text-white/90' : 'text-neutral-500'"
+                    >
+                        {{ day.weekday }}
+                    </div>
                 </div>
 
                 <template v-for="employee in visibleEmployees" :key="employee.id">
                     <div
-                        class="sticky left-0 z-10 border-b border-neutral-100 px-4 py-3 text-md font-semibold text-black cursor-pointer"
-                        :style="{ backgroundColor: employee.site?.color ?? '#304998' }"
+                        class="sticky left-0 z-10 border-b border-neutral-100 px-4 py-3 text-md font-semibold text-black cursor-pointer transition-shadow"
+                        :class="isHoveredRow(employee.id) ? 'bg-primary-500 text-white ring-2 ring-inset ring-primary-500/40' : ''"
+                        :style="rowHeaderStyle(employee)"
                         draggable="true"
                         @dragstart="handleDragStart($event, employee)"
                         @dragover="handleDragOver"
@@ -30,12 +37,14 @@
                     <div
                         v-for="day in daysInMonth"
                         :key="employee.id + '-' + day.date"
-                        class="border-b border-neutral-300 px-2 py-2 text-center text-xs text-neutral-800 hover:bg-neutral-500"
+                        class="border-b border-neutral-300 px-2 py-2 text-center text-xs text-neutral-800 transition-colors"
+                        :class="cellContainerClass(employee.id, day.date)"
+                        @mouseenter="setHoveredCell(employee.id, day.date)"
                     >
                         <template v-if="getCellInfo(employee.id, day.date)">
                             <button
                                 type="button"
-                                class="relative flex h-8 w-full items-center justify-center overflow-hidden rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 hover:border-white"
+                                class="relative flex h-8 w-full items-center justify-center overflow-hidden rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800"
                                 :class="isHolidayDate(day.date) ? 'cursor-not-allowed opacity-80' : ''"
                                 :style="getCellStyle(employee.id, day.date)"
                                 :disabled="isHolidayDate(day.date)"
@@ -63,7 +72,7 @@
                         <template v-else>
                             <button
                                 type="button"
-                                class="relative flex h-8 w-full items-center justify-center rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 bg-white hover:border-white"
+                                class="relative flex h-8 w-full items-center justify-center rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 bg-white"
                                 :class="isHolidayDate(day.date) ? 'cursor-not-allowed opacity-80' : ''"
                                 :style="getCellStyle(employee.id, day.date)"
                                 :disabled="isHolidayDate(day.date)"
@@ -89,7 +98,7 @@ type DayInfo = {
     weekday: string
 }
 
-defineProps<{
+const props = defineProps<{
     daysInMonth: DayInfo[]
     visibleEmployees: Employee[]
     gridStyle: Record<string, string>
@@ -124,4 +133,56 @@ const handleDrop = (event: DragEvent, employee: Employee) => {
     if (!dragId || dragId === employee.id) return
     emit('reorder', { dragId, dropId: employee.id })
 }
+
+// Etat de la cellule actuellement survolee.
+const hoveredEmployeeId = ref<number | null>(null)
+const hoveredDate = ref<string | null>(null)
+
+const setHoveredCell = (employeeId: number, date: string) => {
+    hoveredEmployeeId.value = employeeId
+    hoveredDate.value = date
+}
+
+const clearHoveredCell = () => {
+    hoveredEmployeeId.value = null
+    hoveredDate.value = null
+}
+
+const isHoveredRow = (employeeId: number) => hoveredEmployeeId.value === employeeId
+
+const isHoveredColumn = (date: string) => hoveredDate.value === date
+
+// On garde la couleur du site tant que la ligne n'est pas survolee.
+const rowHeaderStyle = (employee: Employee) => {
+    if (isHoveredRow(employee.id)) return undefined
+    return { backgroundColor: employee.site?.color ?? '#304998' }
+}
+
+// Index de ligne par employe pour savoir si une case est "au-dessus" de la case survolee.
+const employeeIndexById = computed(() => {
+    const indexMap = new Map<number, number>()
+    props.visibleEmployees.forEach((employee, index) => {
+        indexMap.set(employee.id, index)
+    })
+    return indexMap
+})
+
+const cellContainerClass = (employeeId: number, date: string) => {
+    if (!hoveredEmployeeId.value || !hoveredDate.value) return 'hover:bg-primary-500'
+
+    const hoveredRowIndex = employeeIndexById.value.get(hoveredEmployeeId.value)
+    const currentRowIndex = employeeIndexById.value.get(employeeId)
+
+    // Forme en L:
+    // - ligne: toutes les cases a gauche (et la case cible)
+    // - colonne: toutes les cases au-dessus (et la case cible)
+    const isOnLeftSegment = isHoveredRow(employeeId) && date <= hoveredDate.value
+    const isOnTopSegment = isHoveredColumn(date)
+        && typeof hoveredRowIndex === 'number'
+        && typeof currentRowIndex === 'number'
+        && currentRowIndex <= hoveredRowIndex
+
+    if (isOnLeftSegment || isOnTopSegment) return 'bg-primary-500'
+    return 'hover:bg-primary-500'
+}
 </script>
diff --git a/frontend/components/EmployeeNameFilterInput.vue b/frontend/components/EmployeeNameFilterInput.vue
new file mode 100644
index 0000000..8bc04fb
--- /dev/null
+++ b/frontend/components/EmployeeNameFilterInput.vue
@@ -0,0 +1,18 @@
+<template>
+  <input
+    v-model="model"
+    type="text"
+    :placeholder="placeholder"
+    class="h-10 w-full max-w-md rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+  />
+</template>
+
+<script setup lang="ts">
+const model = defineModel<string>({ required: true })
+
+withDefaults(defineProps<{
+  placeholder?: string
+}>(), {
+  placeholder: 'Chercher un employé (nom ou prénom)'
+})
+</script>
diff --git a/frontend/components/SiteFilterSelector.vue b/frontend/components/SiteFilterSelector.vue
new file mode 100644
index 0000000..405e40b
--- /dev/null
+++ b/frontend/components/SiteFilterSelector.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="inline-flex w-fit max-w-full flex-wrap items-center gap-6 py-2">
+    <div v-for="site in sites" :key="site.id" class="flex items-center gap-2">
+      <div :style="{ backgroundColor: site.color }" class="h-4 w-4 rounded" />
+      <label class="text-md" :for="`site-${site.id}`">{{ site.name }}</label>
+      <input
+        :id="`site-${site.id}`"
+        v-model="selectedSiteIds"
+        :value="site.id"
+        type="checkbox"
+        class="h-4 w-4"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Site } from '~/services/dto/site'
+
+const selectedSiteIds = defineModel<number[]>({ required: true })
+
+defineProps<{
+  sites: Site[]
+}>()
+</script>
diff --git a/frontend/components/hours/HoursDayView.vue b/frontend/components/hours/HoursDayView.vue
new file mode 100644
index 0000000..53b0e3e
--- /dev/null
+++ b/frontend/components/hours/HoursDayView.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="rounded-lg border border-neutral-200 bg-white overflow-hidden flex min-h-0 flex-col">
+    <div class="overflow-y-auto min-h-0">
+      <div
+        class="grid w-full min-w-0 gap-1 border-b border-neutral-200 bg-tertiary-500 px-4 py-3 text-sm font-semibold text-neutral-700 sticky top-0 z-10"
+        :style="{ gridTemplateColumns: dayGridCols }"
+      >
+        <span>Nom</span>
+        <span class="pl-4">Début matin</span>
+        <span class="pr-2">Fin matin</span>
+        <span class="pl-2">Début après-midi</span>
+        <span class="pr-2">Fin après-midi</span>
+        <span class="pl-2">Début soir</span>
+        <span class="pr-2">Fin soir</span>
+        <span class="pl-2">Absence</span>
+        <span class="pl-2">Jour</span>
+        <span>Nuit</span>
+        <span>Total</span>
+        <span class="inline-flex items-center gap-2">
+          <span v-if="isAdmin">Valider</span>
+          <span v-else>Validation RH</span>
+          <input
+            v-if="isAdmin"
+            ref="bulkValidationInput"
+            :checked="isBulkValidationChecked"
+            type="checkbox"
+            class="h-4 w-4 cursor-pointer"
+            @change="onBulkValidationChange"
+          />
+        </span>
+      </div>
+
+      <div
+        v-for="employee in employees"
+        :key="employee.id"
+        class="grid w-full min-w-0 items-center gap-1 border-b border-neutral-100 px-4 py-2 text-sm last:border-b-0"
+        :style="{ gridTemplateColumns: dayGridCols }"
+      >
+        <div class="text-neutral-900 min-w-0">
+          <p class="font-semibold truncate">
+            {{ employee.firstName }} {{ employee.lastName }}
+            <span class="font-normal text-neutral-600">({{ contractLabel(employee) }})</span>
+          </p>
+          <p class="text-neutral-500 truncate">{{ employee.site?.name ?? 'Sans site' }}</p>
+        </div>
+        <div class="pl-4">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].morningFrom"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'AM'))"
+          />
+          <input
+            v-else-if="isPresenceTracking(employee)"
+            v-model="rows[employee.id].isPresentMorning"
+            type="checkbox"
+            class="cursor-pointer h-4 w-4"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'AM'))"
+          />
+        </div>
+        <div class="pr-2">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].morningTo"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'AM'))"
+          />
+        </div>
+        <div class="pl-2">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].afternoonFrom"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'PM'))"
+          />
+          <input
+            v-else-if="isPresenceTracking(employee)"
+            v-model="rows[employee.id].isPresentAfternoon"
+            type="checkbox"
+            class="cursor-pointer h-4 w-4"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'PM'))"
+          />
+        </div>
+        <div class="pr-2">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].afternoonTo"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isHalfLockedByAbsence(employee.id, 'PM'))"
+          />
+        </div>
+        <div class="pl-2">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].eveningFrom"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isEveningLockedByAbsence(employee.id))"
+          />
+        </div>
+        <div class="pr-2">
+          <TimeSelect
+            v-if="isTimeTracking(employee)"
+            v-model="rows[employee.id].eveningTo"
+            :disabled="isRowLocked(employee.id) || (!isAdmin && isEveningLockedByAbsence(employee.id))"
+          />
+        </div>
+        <div class="pl-2 self-stretch flex flex-col justify-between py-0.5">
+          <p
+            class="text-sm text-neutral-700 truncate"
+            :class="getRowAbsenceLabel(employee.id) ? '' : 'invisible'"
+          >
+            {{ getRowAbsenceLabel(employee.id) || '—' }}
+          </p>
+          <button
+            type="button"
+            class="self-start text-left text-xs font-semibold underline"
+            :class="isRowLocked(employee.id) ? 'text-neutral-400 cursor-not-allowed' : 'text-primary-500 cursor-pointer'"
+            :disabled="isRowLocked(employee.id)"
+            @click="onAbsenceClick(employee.id)"
+          >
+            Modifier
+          </button>
+        </div>
+        <div class="pl-2 text-sm font-semibold text-neutral-700">
+          <div v-if="isTimeTracking(employee)">{{ formatMinutes(getRowMetrics(employee.id).dayMinutes) }}</div>
+        </div>
+        <div class="text-sm font-semibold text-neutral-700">
+          <div v-if="isTimeTracking(employee)">{{ formatMinutes(getRowMetrics(employee.id).nightMinutes) }}</div>
+        </div>
+        <div class="text-sm font-semibold text-neutral-700">
+          <div v-if="isTimeTracking(employee)">{{ formatMinutes(getRowMetrics(employee.id).totalMinutes) }}</div>
+          <div v-else>{{ getPresenceDayValue(employee.id) }}</div>
+        </div>
+        <div>
+          <input
+            v-if="isAdmin"
+            :checked="rows[employee.id]?.isValid ?? false"
+            type="checkbox"
+            class="h-4 w-4 cursor-pointer"
+            @change="onToggleValidation(employee.id, ($event.target as HTMLInputElement).checked)"
+          />
+          <span v-else-if="rows[employee.id]?.isValid" class="text-xs font-semibold text-neutral-700">Validé</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Employee } from '~/services/dto/employee'
+import TimeSelect from '~/components/ui/TimeSelect.vue'
+import type { HourRow } from './types'
+
+const rows = defineModel<Record<number, HourRow>>('rows', { required: true })
+const bulkValidationInput = ref<HTMLInputElement | null>(null)
+
+const props = defineProps<{
+  employees: Employee[]
+  isAdmin: boolean
+  dayGridCols: string
+  contractLabel: (employee: Employee) => string
+  isTimeTracking: (employee: Employee) => boolean
+  isPresenceTracking: (employee: Employee) => boolean
+  isRowLocked: (employeeId: number) => boolean
+  isHalfLockedByAbsence: (employeeId: number, half: 'AM' | 'PM') => boolean
+  isEveningLockedByAbsence: (employeeId: number) => boolean
+  isValidationPending: (employeeId: number) => boolean
+  canToggleValidation: (employeeId: number) => boolean
+  isBulkValidationChecked: boolean
+  isBulkValidationIndeterminate: boolean
+  onToggleValidation: (employeeId: number, checked: boolean) => void
+  onToggleValidationBulk: (checked: boolean) => void
+  getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; totalMinutes: number }
+  getRowAbsenceLabel: (employeeId: number) => string
+  getPresenceDayValue: (employeeId: number) => string
+  onAbsenceClick: (employeeId: number) => void
+  formatMinutes: (minutes: number) => string
+}>()
+
+const onBulkValidationChange = (event: Event) => {
+  props.onToggleValidationBulk((event.target as HTMLInputElement).checked)
+}
+
+watch(
+  () => props.isBulkValidationIndeterminate,
+  (isIndeterminate) => {
+    if (!bulkValidationInput.value) return
+    bulkValidationInput.value.indeterminate = isIndeterminate
+  },
+  { immediate: true }
+)
+</script>
diff --git a/frontend/components/hours/HoursToolbar.vue b/frontend/components/hours/HoursToolbar.vue
new file mode 100644
index 0000000..991ccfa
--- /dev/null
+++ b/frontend/components/hours/HoursToolbar.vue
@@ -0,0 +1,213 @@
+<template>
+  <div class="py-6 flex flex-col gap-3">
+    <SiteFilterSelector v-if="sites.length > 0 && isAdmin" v-model="selectedSiteIds" :sites="sites" />
+
+    <div class="flex justify-between items-center gap-4">
+      <div class="flex gap-4 flex-wrap">
+      <div
+        v-if="viewMode === 'day'"
+        class="inline-flex h-10 w-[320px] overflow-hidden rounded-md border border-primary-500 bg-white"
+      >
+        <button
+          type="button"
+          class="flex-1 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="shortcutButtonClass('yesterday')"
+          @click="emit('set-yesterday')"
+        >
+          Hier
+        </button>
+        <button
+          type="button"
+          class="flex-1 border-x border-primary-500 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="shortcutButtonClass('today')"
+          @click="emit('set-today')"
+        >
+          Aujourd'hui
+        </button>
+        <button
+          type="button"
+          class="flex-1 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="shortcutButtonClass('tomorrow')"
+          @click="emit('set-tomorrow')"
+        >
+          Demain
+        </button>
+      </div>
+
+      <div
+        v-else
+        class="inline-flex h-10 w-[320px] overflow-hidden rounded-md border border-primary-500 bg-white"
+      >
+        <button
+          type="button"
+          class="flex-1 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="weekShortcutButtonClass('previousWeek')"
+          @click="emit('set-previous-week')"
+        >
+          {{ getWeekShortcutLabel('previousWeek') }}
+        </button>
+        <button
+          type="button"
+          class="flex-1 border-x border-primary-500 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="weekShortcutButtonClass('thisWeek')"
+          @click="emit('set-this-week')"
+        >
+          {{ getWeekShortcutLabel('thisWeek') }}
+        </button>
+        <button
+          type="button"
+          class="flex-1 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="weekShortcutButtonClass('nextWeek')"
+          @click="emit('set-next-week')"
+        >
+          {{ getWeekShortcutLabel('nextWeek') }}
+        </button>
+      </div>
+
+      <div class="relative inline-flex h-10 w-[320px] items-center overflow-hidden rounded-md border border-primary-500 bg-white">
+        <input
+          ref="nativeDateInput"
+          :value="pickerValue"
+          :type="viewMode === 'week' ? 'week' : 'date'"
+          class="pointer-events-none absolute inset-0 h-full w-full opacity-0"
+          tabindex="-1"
+          aria-hidden="true"
+          @input="onPickerInput"
+          @change="onPickerInput"
+        />
+        <button
+          type="button"
+          class="h-10 px-3 text-lg font-semibold text-primary-500 hover:bg-tertiary-500 active:bg-tertiary-500 active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          aria-label="Période précédente"
+          @click="emit('shift-date', -1)"
+        >
+          ‹
+        </button>
+        <button
+          type="button"
+          class="h-10 flex-1 border-x border-primary-500 px-4 text-sm font-semibold text-primary-500 text-center hover:bg-tertiary-500 active:bg-tertiary-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          @click="openDatePicker"
+        >
+          {{ formattedSelectedDate }}
+        </button>
+        <button
+          type="button"
+          class="h-10 px-3 text-lg font-semibold text-primary-500 hover:bg-tertiary-500 active:bg-tertiary-500 active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          aria-label="Période suivante"
+          @click="emit('shift-date', 1)"
+        >
+          ›
+        </button>
+      </div>
+      </div>
+
+      <div v-if="isAdmin" class="inline-flex h-10 overflow-hidden rounded-md border border-primary-500 bg-white">
+        <button
+          type="button"
+          class="inline-flex items-center gap-2 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="viewModeButtonClass('day')"
+          @click="viewMode = 'day'"
+        >
+          <Icon name="mdi:calendar-clock" />
+          Jour
+        </button>
+        <button
+          type="button"
+          class="inline-flex items-center gap-2 border-l border-primary-500 px-4 py-2 text-sm font-semibold active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40"
+          :class="viewModeButtonClass('week')"
+          @click="viewMode = 'week'"
+        >
+          <Icon name="mdi:calendar-week" />
+          Semaine
+        </button>
+      </div>
+    </div>
+
+    <div v-if="isAdmin" class="w-80 max-w-full">
+      <EmployeeNameFilterInput v-model="employeeFilter" />
+    </div>
+
+    <div
+      v-if="isAdmin && viewMode === 'week' && absenceTypes.length > 0"
+      class="flex flex-wrap items-center gap-6"
+    >
+      <p class="font-bold">Légende :</p>
+      <div v-for="type in absenceTypes" :key="type.id" class="flex items-center gap-2">
+        <div :style="{ backgroundColor: type.color }" class="h-4 w-4 rounded"></div>
+        <p>{{ type.label }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Site } from '~/services/dto/site'
+import type { AbsenceType } from '~/services/dto/absence-type'
+import EmployeeNameFilterInput from '~/components/EmployeeNameFilterInput.vue'
+import SiteFilterSelector from '~/components/SiteFilterSelector.vue'
+import { weekInputValueToYmd, ymdToWeekInputValue } from '~/utils/date'
+
+const selectedDate = defineModel<string>('selectedDate', { required: true })
+const viewMode = defineModel<'day' | 'week'>('viewMode', { required: true })
+const selectedSiteIds = defineModel<number[]>('selectedSiteIds', { required: true })
+const employeeFilter = defineModel<string>('employeeFilter', { required: true })
+
+defineProps<{
+  isAdmin: boolean
+  sites: Site[]
+  absenceTypes: AbsenceType[]
+  formattedSelectedDate: string
+  shortcutButtonClass: (target: 'yesterday' | 'today' | 'tomorrow') => string
+  weekShortcutButtonClass: (target: 'previousWeek' | 'thisWeek' | 'nextWeek') => string
+  getWeekShortcutLabel: (target: 'previousWeek' | 'thisWeek' | 'nextWeek') => string
+}>()
+
+const emit = defineEmits<{
+  (e: 'set-yesterday'): void
+  (e: 'set-today'): void
+  (e: 'set-tomorrow'): void
+  (e: 'set-previous-week'): void
+  (e: 'set-this-week'): void
+  (e: 'set-next-week'): void
+  (e: 'shift-date', value: number): void
+}>()
+
+const nativeDateInput = ref<HTMLInputElement | null>(null)
+const pickerValue = computed(() => {
+  if (viewMode.value === 'week') return ymdToWeekInputValue(selectedDate.value)
+  return selectedDate.value
+})
+
+const viewModeButtonClass = (mode: 'day' | 'week') => {
+  if (viewMode.value === mode) {
+    return 'bg-primary-500 text-white'
+  }
+
+  return 'bg-white text-primary-500 hover:bg-tertiary-500'
+}
+
+const openDatePicker = () => {
+  const input = nativeDateInput.value
+  if (!input) return
+  if (typeof input.showPicker === 'function') {
+    input.showPicker()
+    return
+  }
+  input.focus()
+  input.click()
+}
+
+const onPickerInput = (event: Event) => {
+  const value = (event.target as HTMLInputElement).value
+  if (!value) return
+
+  if (viewMode.value === 'week') {
+    const ymd = weekInputValueToYmd(value)
+    if (!ymd) return
+    selectedDate.value = ymd
+    return
+  }
+
+  selectedDate.value = value
+}
+</script>
diff --git a/frontend/components/hours/HoursWeekView.vue b/frontend/components/hours/HoursWeekView.vue
new file mode 100644
index 0000000..b570947
--- /dev/null
+++ b/frontend/components/hours/HoursWeekView.vue
@@ -0,0 +1,98 @@
+<template>
+  <div class="rounded-lg border border-neutral-200 bg-white overflow-hidden flex min-h-0 flex-col">
+    <div v-if="isWeekLoading" class="p-6 text-md text-neutral-600">Chargement de la semaine...</div>
+    <div v-else class="overflow-y-auto min-h-0">
+      <div
+        class="grid w-full min-w-0 gap-1 border-b border-neutral-200 bg-tertiary-500 px-4 py-3 text-sm font-semibold text-neutral-700 sticky top-0 z-10"
+        :style="{ gridTemplateColumns: weekGridCols }"
+      >
+        <span>Nom</span>
+        <span v-for="day in weekDayHeaders" :key="day.date" class="text-left">{{ day.label }}</span>
+        <span>Jour/Nuit <br>sem.</span>
+        <span>Total <br>sem.</span>
+        <span>Total <br>h. supp.</span>
+        <span>+25%</span>
+        <span>+50%</span>
+        <span>Total <br>récup.</span>
+      </div>
+
+      <div
+        v-for="row in weeklySummary?.rows ?? []"
+        :key="row.employeeId"
+        class="grid w-full min-w-0 items-center gap-1 border-b border-neutral-100 px-4 py-2 text-sm last:border-b-0 hover:bg-tertiary-500"
+        :style="{ gridTemplateColumns: weekGridCols }"
+      >
+        <div class="text-neutral-900 min-w-0">
+          <p class="font-semibold truncate">
+            {{ row.firstName }} {{ row.lastName }}
+            <span class="font-normal text-neutral-600">({{ row.contractName ?? '-' }})</span>
+          </p>
+          <p class="text-[11px] text-neutral-500 truncate">{{ row.siteName ?? 'Sans site' }}</p>
+        </div>
+
+        <div
+          v-for="daily in row.daily"
+          :key="daily.date"
+          class="text-left leading-4 rounded-md px-2 py-1"
+          :class="daily.hasAbsence ? 'text-white' : ''"
+          :style="getDailyCellStyle(daily)"
+          :title="daily.absenceLabel ?? ''"
+        >
+          <template v-if="row.trackingMode === 'PRESENCE'">{{ daily.present ?? 0 }}</template>
+          <template v-else>
+            <div>J {{ formatMinutes(daily.dayMinutes) }}</div>
+            <div>N {{ formatMinutes(daily.nightMinutes) }}</div>
+          </template>
+        </div>
+
+        <div class="font-semibold leading-4">
+          <template v-if="row.trackingMode === 'PRESENCE'">-</template>
+          <template v-else>
+            <div>J {{ formatMinutes(row.weeklyDayMinutes) }}</div>
+            <div>N {{ formatMinutes(row.weeklyNightMinutes) }}</div>
+          </template>
+        </div>
+        <div class="font-semibold">
+          {{ row.trackingMode === 'PRESENCE' ? (row.weeklyPresenceCount ?? 0) : formatMinutes(row.weeklyTotalMinutes) }}
+        </div>
+        <div class="font-semibold">
+          {{ row.trackingMode === 'PRESENCE' ? '-' : formatMinutes(row.weeklyOvertimeTotalMinutes ?? 0) }}
+        </div>
+        <div class="font-semibold">
+          {{ row.trackingMode === 'PRESENCE' || isInterimContract(row.contractType) ? '-' : formatMinutes(row.weeklyOvertime25Minutes ?? 0) }}
+        </div>
+        <div class="font-semibold">
+          {{ row.trackingMode === 'PRESENCE' || isInterimContract(row.contractType) ? '-' : formatMinutes(row.weeklyOvertime50Minutes ?? 0) }}
+        </div>
+        <div class="font-semibold">
+          {{ row.trackingMode === 'PRESENCE' || isInterimContract(row.contractType) ? '-' : formatMinutes(row.weeklyRecoveryMinutes ?? 0) }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { WeeklyWorkHourSummary } from '~/services/dto/work-hour'
+import { CONTRACT_TYPES, type ContractType } from '~/services/dto/contract'
+
+const isInterimContract = (contractType?: ContractType | null) => {
+  return contractType === CONTRACT_TYPES.INTERIM
+}
+
+const getDailyCellStyle = (daily: {
+  hasAbsence?: boolean
+  absenceColor?: string | null
+}) => {
+  if (!daily.hasAbsence) return undefined
+  return { backgroundColor: daily.absenceColor || '#dc2626' }
+}
+
+defineProps<{
+  isWeekLoading: boolean
+  weekGridCols: string
+  weeklySummary: WeeklyWorkHourSummary | null
+  weekDayHeaders: Array<{ date: string; label: string }>
+  formatMinutes: (minutes: number) => string
+}>()
+</script>
diff --git a/frontend/components/hours/types.ts b/frontend/components/hours/types.ts
new file mode 100644
index 0000000..99ee86c
--- /dev/null
+++ b/frontend/components/hours/types.ts
@@ -0,0 +1,12 @@
+export type HourRow = {
+  workHourId: number | null
+  morningFrom: string
+  morningTo: string
+  afternoonFrom: string
+  afternoonTo: string
+  eveningFrom: string
+  eveningTo: string
+  isPresentMorning: boolean
+  isPresentAfternoon: boolean
+  isValid: boolean
+}
diff --git a/frontend/components/ui/TimeSelect.vue b/frontend/components/ui/TimeSelect.vue
new file mode 100644
index 0000000..ed9d96a
--- /dev/null
+++ b/frontend/components/ui/TimeSelect.vue
@@ -0,0 +1,151 @@
+<template>
+  <div ref="root" class="relative w-full">
+    <button
+      ref="trigger"
+      type="button"
+      class="w-full flex justify-between rounded-md border border-neutral-300 bg-white px-3 py-2 text-left text-sm text-neutral-900 focus:outline-none focus:border-primary-500 disabled:cursor-not-allowed disabled:bg-neutral-100 disabled:text-neutral-500"
+      :disabled="props.disabled"
+      @click="toggleOpen"
+    >
+      {{ displayValue }}
+        <Icon name="mdi:chevron-down" class="self-center"/>
+    </button>
+  </div>
+  <Teleport to="body">
+    <div
+      v-if="isOpen"
+      ref="menu"
+      class="fixed z-[120] overflow-y-auto rounded-md border border-neutral-300 bg-white shadow-sm"
+      :style="menuStyle"
+    >
+      <button
+        type="button"
+        class="block w-full px-2 py-2 text-left text-sm hover:bg-tertiary-500"
+        @click="selectValue('')"
+      >
+        {{ placeholder }}
+      </button>
+      <button
+        v-for="slot in timeSlots"
+        :key="slot"
+        type="button"
+        class="block w-full px-2 py-2 text-left text-sm hover:bg-tertiary-500"
+        @click="selectValue(slot)"
+      >
+        {{ slot }}
+      </button>
+    </div>
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  modelValue: string
+  placeholder?: string
+  disabled?: boolean
+}>(), {
+  placeholder: '--',
+  disabled: false
+})
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void
+}>()
+
+const root = ref<HTMLElement | null>(null)
+const trigger = ref<HTMLElement | null>(null)
+const menu = ref<HTMLElement | null>(null)
+const isOpen = ref(false)
+const menuStyle = ref<Record<string, string>>({
+  top: '0px',
+  left: '0px',
+  width: '0px',
+  maxHeight: '224px'
+})
+
+const timeSlots = computed(() => {
+  const slots: string[] = []
+  for (let hour = 0; hour < 24; hour++) {
+    for (let minute = 0; minute < 60; minute += 15) {
+      slots.push(`${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`)
+    }
+  }
+  return slots
+})
+
+const displayValue = computed(() => props.modelValue || props.placeholder)
+
+const updateMenuPosition = () => {
+  const triggerEl = trigger.value
+  if (!triggerEl) return
+
+  const rect = triggerEl.getBoundingClientRect()
+  const menuHeight = 224
+  const belowTop = rect.bottom + 4
+  const aboveTop = Math.max(8, rect.top - menuHeight - 4)
+  const canOpenBelow = belowTop + menuHeight <= window.innerHeight - 8
+  const top = canOpenBelow ? belowTop : aboveTop
+
+  menuStyle.value = {
+    top: `${top}px`,
+    left: `${rect.left}px`,
+    width: `${rect.width}px`,
+    maxHeight: `${menuHeight}px`
+  }
+}
+
+const toggleOpen = () => {
+  if (props.disabled) return
+  const next = !isOpen.value
+  isOpen.value = next
+  if (next) {
+    nextTick(updateMenuPosition)
+  }
+}
+
+const selectValue = (value: string) => {
+  if (props.disabled) return
+  emit('update:modelValue', value)
+  isOpen.value = false
+}
+
+const onDocumentClick = (event: MouseEvent) => {
+  const target = event.target as Node | null
+  if (!target) return
+  if (root.value?.contains(target) || menu.value?.contains(target)) return
+
+  isOpen.value = false
+}
+
+const onWindowChange = () => {
+  if (!isOpen.value) return
+  updateMenuPosition()
+}
+
+watch(isOpen, (open) => {
+  if (open) {
+    window.addEventListener('resize', onWindowChange)
+    window.addEventListener('scroll', onWindowChange, true)
+    nextTick(updateMenuPosition)
+  } else {
+    window.removeEventListener('resize', onWindowChange)
+    window.removeEventListener('scroll', onWindowChange, true)
+  }
+})
+
+watch(() => props.disabled, (disabled) => {
+  if (disabled) {
+    isOpen.value = false
+  }
+})
+
+onMounted(() => {
+  document.addEventListener('click', onDocumentClick)
+})
+
+onBeforeUnmount(() => {
+  document.removeEventListener('click', onDocumentClick)
+  window.removeEventListener('resize', onWindowChange)
+  window.removeEventListener('scroll', onWindowChange, true)
+})
+</script>
diff --git a/frontend/composables/useApi.ts b/frontend/composables/useApi.ts
index 94f57ec..ec296b4 100644
--- a/frontend/composables/useApi.ts
+++ b/frontend/composables/useApi.ts
@@ -21,6 +21,7 @@ export type ApiClient = {
 export type ApiFetchOptions<ResponseType extends 'json' | 'blob'> =
   FetchOptions<ResponseType> & {
     toast?: boolean
+    toastOn401?: boolean
     toastTitle?: string
     toastErrorMessage?: string
     toastSuccessMessage?: string
@@ -102,9 +103,31 @@ export const useApi = (): ApiClient => {
       }
     },
     async onResponseError({ response, error, options }) {
+      const apiOptions = options as ApiFetchOptions<'json'>
       if (response?.status === 401) {
         const requestUrl = typeof options?.url === 'string' ? options.url : ''
-        if (!requestUrl.includes('/login_check') && !requestUrl.includes('/logout')) {
+        const isLoginCheck = requestUrl.includes('/login_check')
+        const isLogout = requestUrl.includes('/logout')
+        const shouldToast401 = apiOptions?.toastOn401 === true && apiOptions?.toast !== false
+
+        if (shouldToast401) {
+          const errorKey = apiOptions?.toastErrorKey
+          const errorMessage =
+            errorKey ? (te(errorKey) ? t(errorKey) : errorKey) : ''
+          const extractedMessage = extractErrorMessage(error, response?._data)
+          const message =
+            apiOptions?.toastErrorMessage ||
+            errorMessage ||
+            extractedMessage ||
+            'Une erreur est survenue.'
+
+          toast.error({
+            title: apiOptions?.toastTitle ?? 'Erreur',
+            message
+          })
+        }
+
+        if (!isLoginCheck && !isLogout) {
           if (!isHandlingUnauthorized) {
             isHandlingUnauthorized = true
             auth.clearSession()
@@ -115,10 +138,10 @@ export const useApi = (): ApiClient => {
             isHandlingUnauthorized = false
           }
         }
+
         return
       }
 
-      const apiOptions = options as ApiFetchOptions<'json'>
       if (apiOptions?.toast === false) {
         return
       }
diff --git a/frontend/composables/useHoursPage.ts b/frontend/composables/useHoursPage.ts
new file mode 100644
index 0000000..587f7bc
--- /dev/null
+++ b/frontend/composables/useHoursPage.ts
@@ -0,0 +1,803 @@
+import { computed, onMounted, ref, watch } from 'vue'
+import type { Employee } from '~/services/dto/employee'
+import type { Site } from '~/services/dto/site'
+import type { WorkHour, WorkHourDayContext, WeeklyWorkHourSummary } from '~/services/dto/work-hour'
+import type { AbsenceType } from '~/services/dto/absence-type'
+import type { Absence } from '~/services/dto/absence'
+import type { HalfDay } from '~/services/dto/half-day'
+import { CONTRACT_TYPES, TRACKING_MODES } from '~/services/dto/contract'
+import type { HourRow } from '~/components/hours/types'
+import { listScopedEmployees } from '~/services/employees'
+import { listAbsenceTypes } from '~/services/absence-types'
+import { createAbsence, deleteAbsence, listAbsences, updateAbsence } from '~/services/absences'
+import {
+  bulkUpsertWorkHours,
+  getWorkHourDayContext,
+  getWeeklyWorkHourSummary,
+  listWorkHoursByDate,
+  updateWorkHourValidation
+} from '~/services/work-hours'
+import {
+  formatDateLongFr,
+  formatWeekDayHeaderFr,
+  formatWeekRangeFr,
+  getIsoWeekNumber,
+  getOffsetFromTodayYmd,
+  getWeekStartDate,
+  getTodayYmd,
+  parseYmd,
+  shiftYmd
+} from '~/utils/date'
+import { sortEmployeesBySiteAndOrder } from '~/utils/employee'
+
+export const useHoursPage = () => {
+  const auth = useAuthStore()
+  const toast = useToast()
+  const isAdmin = computed(() => auth.user?.roles?.includes('ROLE_ADMIN') ?? false)
+  const viewMode = ref<'day' | 'week'>('day')
+
+  const selectedDate = ref(getTodayYmd())
+  const employees = ref<Employee[]>([])
+  const employeeFilter = ref('')
+  const selectedSiteIds = ref<number[]>([])
+  const sitesInitialized = ref(false)
+  const rows = ref<Record<number, HourRow>>({})
+  const dayContext = ref<WorkHourDayContext | null>(null)
+  const weeklySummary = ref<WeeklyWorkHourSummary | null>(null)
+  const absenceTypes = ref<AbsenceType[]>([])
+  const absences = ref<Absence[]>([])
+  const isAbsenceDrawerOpen = ref(false)
+  const isAbsenceSubmitting = ref(false)
+  const editingAbsence = ref<Absence | null>(null)
+  const absenceForm = ref({
+    employeeId: '' as number | '',
+    typeId: '' as number | '',
+    startDate: '',
+    startHalf: 'AM' as HalfDay,
+    endDate: '',
+    endHalf: 'PM' as HalfDay,
+    comment: ''
+  })
+  const isLoading = ref(false)
+  const isWeekLoading = ref(false)
+  const isSubmitting = ref(false)
+  const validatingRowIds = ref<number[]>([])
+
+  const dayGridCols = computed(() => {
+    const metricCol = '0.4fr'
+    return `1.2fr repeat(6, 1fr) 0.8fr ${metricCol} ${metricCol} ${metricCol} ${metricCol}`
+  })
+
+  const weekGridCols = '1.6fr repeat(7, 1fr) repeat(6, 0.6fr)'
+
+  const sites = computed<Site[]>(() => {
+    const siteMap = new Map<number, Site>()
+    for (const employee of employees.value) {
+      if (employee.site) {
+        siteMap.set(employee.site.id, employee.site)
+      }
+    }
+
+    return Array.from(siteMap.values()).sort((siteA, siteB) => {
+      const orderA = siteA.displayOrder ?? 0
+      const orderB = siteB.displayOrder ?? 0
+      if (orderA !== orderB) return orderA - orderB
+      return siteA.name.localeCompare(siteB.name, 'fr')
+    })
+  })
+
+  const visibleEmployees = computed(() => {
+    if (selectedSiteIds.value.length === 0) return []
+    const filter = employeeFilter.value.trim().toLowerCase()
+    return employees.value.filter((employee) => {
+      const siteId = employee.site?.id
+      if (!siteId || !selectedSiteIds.value.includes(siteId)) return false
+      if (!filter) return true
+      const firstName = employee.firstName?.toLowerCase() ?? ''
+      const lastName = employee.lastName?.toLowerCase() ?? ''
+      return firstName.includes(filter) || lastName.includes(filter)
+    })
+  })
+
+  const visibleEmployeeIdSet = computed(() => new Set(visibleEmployees.value.map((employee) => employee.id)))
+
+  const filteredWeeklySummary = computed<WeeklyWorkHourSummary | null>(() => {
+    if (!weeklySummary.value) return null
+    return {
+      ...weeklySummary.value,
+      rows: weeklySummary.value.rows.filter((row) => visibleEmployeeIdSet.value.has(row.employeeId))
+    }
+  })
+
+  const saveButtonClass = computed(() => {
+    if (isSubmitting.value || employees.value.length === 0) {
+      return 'opacity-50 cursor-not-allowed'
+    }
+
+    return ''
+  })
+
+  const isValidationPending = (employeeId: number) => validatingRowIds.value.includes(employeeId)
+  const canToggleValidation = (employeeId: number) => !!rows.value[employeeId]?.workHourId
+
+  const validatableEmployeeIds = computed(() => {
+    return employees.value
+      .map((employee) => employee.id)
+      .filter((employeeId) => canToggleValidation(employeeId))
+  })
+
+  const isBulkValidationChecked = computed(() => {
+    const ids = validatableEmployeeIds.value
+    if (ids.length === 0) return false
+    return ids.every((employeeId) => rows.value[employeeId]?.isValid ?? false)
+  })
+
+  const isBulkValidationIndeterminate = computed(() => {
+    const ids = validatableEmployeeIds.value
+    if (ids.length === 0) return false
+    const checkedCount = ids.filter((employeeId) => rows.value[employeeId]?.isValid ?? false).length
+    return checkedCount > 0 && checkedCount < ids.length
+  })
+
+  const dayContextByEmployeeId = computed(() => {
+    const map = new Map<number, WorkHourDayContext['rows'][number]>()
+    for (const row of dayContext.value?.rows ?? []) {
+      map.set(row.employeeId, row)
+    }
+    return map
+  })
+
+  const shortcutButtonClass = (target: 'yesterday' | 'today' | 'tomorrow') => {
+    const targetDate = target === 'yesterday'
+      ? getOffsetFromTodayYmd(-1)
+      : target === 'tomorrow'
+        ? getOffsetFromTodayYmd(1)
+        : getTodayYmd()
+
+    if (selectedDate.value === targetDate) {
+      return 'bg-primary-500 text-white'
+    }
+
+    return 'bg-white text-primary-500 hover:bg-tertiary-500'
+  }
+
+  const weekShortcutButtonClass = (target: 'previousWeek' | 'thisWeek' | 'nextWeek') => {
+    const selected = parseYmd(selectedDate.value)
+    if (!selected) {
+      return 'bg-white text-primary-500 hover:bg-tertiary-500'
+    }
+
+    const today = new Date()
+    const targetDate = new Date(today)
+    if (target === 'previousWeek') targetDate.setDate(today.getDate() - 7)
+    if (target === 'nextWeek') targetDate.setDate(today.getDate() + 7)
+
+    const selectedWeekStart = getWeekStartDate(selected)
+    const targetWeekStart = getWeekStartDate(targetDate)
+    const isActive = selectedWeekStart.getTime() === targetWeekStart.getTime()
+
+    if (isActive) {
+      return 'bg-primary-500 text-white'
+    }
+
+    return 'bg-white text-primary-500 hover:bg-tertiary-500'
+  }
+
+  const getWeekShortcutLabel = (target: 'previousWeek' | 'thisWeek' | 'nextWeek') => {
+    const today = new Date()
+    if (target === 'previousWeek') today.setDate(today.getDate() - 7)
+    if (target === 'nextWeek') today.setDate(today.getDate() + 7)
+
+    const weekNumber = getIsoWeekNumber(today)
+    return `Sem. S${weekNumber}`
+  }
+
+  const formattedSelectedDate = computed(() => {
+    const parsed = parseYmd(selectedDate.value)
+    if (!parsed) return selectedDate.value
+
+    if (viewMode.value === 'week') {
+      return formatWeekRangeFr(parsed)
+    }
+
+    return formatDateLongFr(parsed)
+  })
+
+  const weekDayHeaders = computed(() => {
+    const days = weeklySummary.value?.days ?? []
+    return days.map((date) => ({ date, label: formatWeekDayHeaderFr(date) }))
+  })
+
+  const shiftDate = (steps: number) => {
+    const offset = viewMode.value === 'week' ? (steps * 7) : steps
+    const next = shiftYmd(selectedDate.value, offset)
+    if (!next) return
+    selectedDate.value = next
+  }
+
+  const setToday = () => {
+    selectedDate.value = getTodayYmd()
+  }
+
+  const setYesterday = () => {
+    setToday()
+    shiftDate(-1)
+  }
+
+  const setTomorrow = () => {
+    setToday()
+    shiftDate(1)
+  }
+
+  const setThisWeek = () => {
+    selectedDate.value = getTodayYmd()
+  }
+
+  const setPreviousWeek = () => {
+    const previousWeek = shiftYmd(getTodayYmd(), -7)
+    if (!previousWeek) return
+    selectedDate.value = previousWeek
+  }
+
+  const setNextWeek = () => {
+    const nextWeek = shiftYmd(getTodayYmd(), 7)
+    if (!nextWeek) return
+    selectedDate.value = nextWeek
+  }
+
+  const resetAbsenceForm = () => {
+    absenceForm.value = {
+      employeeId: '',
+      typeId: '',
+      startDate: '',
+      startHalf: 'AM',
+      endDate: '',
+      endHalf: 'PM',
+      comment: ''
+    }
+  }
+
+  const closeAbsenceDrawer = () => {
+    isAbsenceDrawerOpen.value = false
+    editingAbsence.value = null
+    resetAbsenceForm()
+  }
+
+  const emptyRow = (): HourRow => ({
+    workHourId: null,
+    morningFrom: '',
+    morningTo: '',
+    afternoonFrom: '',
+    afternoonTo: '',
+    eveningFrom: '',
+    eveningTo: '',
+    isPresentMorning: false,
+    isPresentAfternoon: false,
+    isValid: false
+  })
+
+  const isPresenceTracking = (employee: Employee) => employee.contract?.trackingMode === TRACKING_MODES.PRESENCE
+  const isTimeTracking = (employee: Employee) => !isPresenceTracking(employee)
+  const isRowLocked = (employeeId: number) => rows.value[employeeId]?.isValid ?? false
+
+  const contractLabel = (employee: Employee) => {
+    const contract = employee.contract
+    if (!contract) return '-'
+    if (contract.type === CONTRACT_TYPES.INTERIM) {
+      return contract.name
+    }
+    if (contract.weeklyHours !== null && contract.weeklyHours !== undefined && contract.trackingMode === TRACKING_MODES.TIME) {
+      return `${contract.weeklyHours}h`
+    }
+    return contract.name
+  }
+
+  const normalizeTime = (value: string): string | null => {
+    const trimmed = value.trim()
+    return trimmed === '' ? null : trimmed
+  }
+
+  const toMinutes = (time: string | null | undefined): number | null => {
+    if (!time) return null
+    const [hours, minutes] = time.split(':').map(Number)
+    if (!Number.isInteger(hours) || !Number.isInteger(minutes)) return null
+    return (hours * 60) + minutes
+  }
+
+  const resolveInterval = (from: string | null | undefined, to: string | null | undefined): [number, number] | null => {
+    const fromMinutes = toMinutes(from)
+    const toMinutesValue = toMinutes(to)
+    if (fromMinutes === null || toMinutesValue === null) return null
+
+    const end = toMinutesValue <= fromMinutes ? toMinutesValue + 1440 : toMinutesValue
+    return [fromMinutes, end]
+  }
+
+  const intervalMinutes = (from: string | null | undefined, to: string | null | undefined): number => {
+    const interval = resolveInterval(from, to)
+    if (!interval) return 0
+    const [start, end] = interval
+    return Math.max(0, end - start)
+  }
+
+  const overlap = (startA: number, endA: number, startB: number, endB: number): number => {
+    const start = Math.max(startA, startB)
+    const end = Math.min(endA, endB)
+    return Math.max(0, end - start)
+  }
+
+  const nightIntervalMinutes = (from: string | null | undefined, to: string | null | undefined): number => {
+    const interval = resolveInterval(from, to)
+    if (!interval) return 0
+    const [start, end] = interval
+
+    const nightWindows: Array<[number, number]> = [
+      [0, 360],
+      [1260, 1440]
+    ]
+
+    let total = 0
+    for (let dayOffset = 0; dayOffset <= 1; dayOffset++) {
+      const shift = dayOffset * 1440
+      for (const [nightStart, nightEnd] of nightWindows) {
+        total += overlap(start, end, nightStart + shift, nightEnd + shift)
+      }
+    }
+
+    return total
+  }
+
+  const getRowMetrics = (employeeId: number) => {
+    const row = rows.value[employeeId] ?? emptyRow()
+    const ranges = [
+      [row.morningFrom, row.morningTo],
+      [row.afternoonFrom, row.afternoonTo],
+      [row.eveningFrom, row.eveningTo]
+    ] as const
+
+    let totalMinutes = 0
+    let nightMinutes = 0
+
+    for (const [from, to] of ranges) {
+      totalMinutes += intervalMinutes(from, to)
+      nightMinutes += nightIntervalMinutes(from, to)
+    }
+
+    const creditedMinutes = dayContextByEmployeeId.value.get(employeeId)?.creditedMinutes ?? 0
+    totalMinutes += creditedMinutes
+    const dayMinutes = Math.max(0, totalMinutes - nightMinutes)
+    return { dayMinutes, nightMinutes, totalMinutes }
+  }
+
+  const getRowAbsenceLabel = (employeeId: number) => {
+    const dayRow = dayContextByEmployeeId.value.get(employeeId)
+    if (!dayRow?.absenceLabel) return ''
+    if (dayRow.absenceHalf === 'AM' || dayRow.absenceHalf === 'PM') {
+      const halfLabel = dayRow.absenceHalf === 'AM' ? 'Matin' : 'ap.-m.'
+      return `${dayRow.absenceLabel} (${halfLabel})`
+    }
+    return `${dayRow.absenceLabel} (journée)`
+  }
+
+  const getPresenceDayValue = (employeeId: number) => {
+    const row = rows.value[employeeId]
+    const basePresence = (row?.isPresentMorning ? 0.5 : 0) + (row?.isPresentAfternoon ? 0.5 : 0)
+    const creditedPresence = dayContextByEmployeeId.value.get(employeeId)?.creditedPresenceUnits ?? 0
+    const total = Math.min(1, basePresence + creditedPresence)
+    return Number.isInteger(total) ? String(total) : total.toFixed(1)
+  }
+
+  const isHalfLockedByAbsence = (employeeId: number, half: 'AM' | 'PM') => {
+    const dayRow = dayContextByEmployeeId.value.get(employeeId)
+    if (!dayRow) return false
+    return half === 'AM' ? dayRow.absentMorning : dayRow.absentAfternoon
+  }
+
+  const isEveningLockedByAbsence = (employeeId: number) => {
+    const dayRow = dayContextByEmployeeId.value.get(employeeId)
+    if (!dayRow) return false
+    return dayRow.absentAfternoon
+  }
+
+  const formatMinutes = (minutes: number) => {
+    const safeMinutes = Math.max(0, minutes)
+    const hours = Math.floor(safeMinutes / 60)
+    const rest = safeMinutes % 60
+    return `${String(hours).padStart(2, '0')}:${String(rest).padStart(2, '0')}`
+  }
+
+  const hydrateRows = (workHours: WorkHour[]) => {
+    const byEmployeeId = new Map<number, WorkHour>()
+    for (const workHour of workHours) {
+      byEmployeeId.set(workHour.employee.id, workHour)
+    }
+
+    const nextRows: Record<number, HourRow> = {}
+    for (const employee of employees.value) {
+      const workHour = byEmployeeId.get(employee.id)
+      nextRows[employee.id] = {
+        workHourId: workHour?.id ?? null,
+        morningFrom: workHour?.morningFrom ?? '',
+        morningTo: workHour?.morningTo ?? '',
+        afternoonFrom: workHour?.afternoonFrom ?? '',
+        afternoonTo: workHour?.afternoonTo ?? '',
+        eveningFrom: workHour?.eveningFrom ?? '',
+        eveningTo: workHour?.eveningTo ?? '',
+        isPresentMorning: workHour?.isPresentMorning ?? false,
+        isPresentAfternoon: workHour?.isPresentAfternoon ?? false,
+        isValid: workHour?.isValid ?? false
+      }
+    }
+
+    rows.value = nextRows
+  }
+
+  const loadAbsenceTypes = async () => {
+    absenceTypes.value = await listAbsenceTypes()
+  }
+
+  const loadAbsences = async () => {
+    absences.value = await listAbsences({
+      from: selectedDate.value,
+      to: selectedDate.value,
+      siteIds: isAdmin.value ? selectedSiteIds.value : undefined
+    })
+  }
+
+  const openAbsenceDrawer = (employeeId: number) => {
+    const existing = absences.value.find((absence) => {
+      if (absence.employee?.id !== employeeId) return false
+      const start = absence.startDate.slice(0, 10)
+      const end = absence.endDate.slice(0, 10)
+      return selectedDate.value >= start && selectedDate.value <= end
+    }) ?? null
+
+    if (existing) {
+      editingAbsence.value = existing
+      absenceForm.value = {
+        employeeId,
+        typeId: existing.type?.id ?? '',
+        startDate: existing.startDate.slice(0, 10),
+        startHalf: existing.startHalf ?? 'AM',
+        endDate: existing.endDate.slice(0, 10),
+        endHalf: existing.endHalf ?? 'PM',
+        comment: existing.comment ?? ''
+      }
+    } else {
+      editingAbsence.value = null
+      absenceForm.value = {
+        employeeId,
+        typeId: '',
+        startDate: selectedDate.value,
+        startHalf: 'AM',
+        endDate: selectedDate.value,
+        endHalf: 'PM',
+        comment: ''
+      }
+    }
+
+    isAbsenceDrawerOpen.value = true
+  }
+
+  const applyLocalClearFromAbsence = (employeeId: number, startHalf: HalfDay, endHalf: HalfDay) => {
+    const row = rows.value[employeeId]
+    if (!row) return
+
+    if (startHalf === 'AM' && endHalf === 'AM') {
+      row.morningFrom = ''
+      row.morningTo = ''
+      return
+    }
+
+    if (startHalf === 'PM' && endHalf === 'PM') {
+      row.afternoonFrom = ''
+      row.afternoonTo = ''
+      row.eveningFrom = ''
+      row.eveningTo = ''
+      return
+    }
+
+    row.morningFrom = ''
+    row.morningTo = ''
+    row.afternoonFrom = ''
+    row.afternoonTo = ''
+    row.eveningFrom = ''
+    row.eveningTo = ''
+  }
+
+  const refreshAfterAbsenceChange = async () => {
+    if (isAdmin.value) {
+      await Promise.all([loadWeeklySummary(), loadDayContext(), loadAbsences()])
+      return
+    }
+
+    weeklySummary.value = null
+    await Promise.all([loadDayContext(), loadAbsences()])
+  }
+
+  const submitAbsence = async () => {
+    const form = absenceForm.value
+    if (isAbsenceSubmitting.value || form.employeeId === '' || form.typeId === '') return
+
+    isAbsenceSubmitting.value = true
+    try {
+      if (editingAbsence.value) {
+        await updateAbsence({
+          id: editingAbsence.value.id,
+          employeeId: Number(form.employeeId),
+          typeId: Number(form.typeId),
+          startDate: form.startDate,
+          startHalf: form.startHalf,
+          endDate: form.endDate,
+          endHalf: form.endHalf,
+          comment: editingAbsence.value.comment ?? ''
+        })
+      } else {
+        await createAbsence({
+          employeeId: Number(form.employeeId),
+          typeId: Number(form.typeId),
+          startDate: form.startDate,
+          startHalf: form.startHalf,
+          endDate: form.endDate,
+          endHalf: form.endHalf,
+          comment: ''
+        })
+      }
+
+      applyLocalClearFromAbsence(Number(form.employeeId), form.startHalf, form.endHalf)
+      closeAbsenceDrawer()
+      await refreshAfterAbsenceChange()
+    } finally {
+      isAbsenceSubmitting.value = false
+    }
+  }
+
+  const deleteAbsenceFromDrawer = async () => {
+    if (!editingAbsence.value || isAbsenceSubmitting.value) return
+
+    isAbsenceSubmitting.value = true
+    try {
+      await deleteAbsence(editingAbsence.value.id)
+      closeAbsenceDrawer()
+      await refreshAfterAbsenceChange()
+    } finally {
+      isAbsenceSubmitting.value = false
+    }
+  }
+
+  const toggleValidation = async (
+    employeeId: number,
+    checked: boolean,
+    options: { toast?: boolean } = {}
+  ) => {
+    const row = rows.value[employeeId]
+    if (!row?.workHourId || isValidationPending(employeeId)) return
+
+    validatingRowIds.value = [...validatingRowIds.value, employeeId]
+    try {
+      await updateWorkHourValidation(row.workHourId, checked, { toast: options.toast })
+      row.isValid = checked
+    } finally {
+      validatingRowIds.value = validatingRowIds.value.filter((id) => id !== employeeId)
+    }
+  }
+
+  const toggleValidationBulk = async (checked: boolean) => {
+    const employeeIds = validatableEmployeeIds.value
+    if (employeeIds.length === 0) return
+
+    let successCount = 0
+    let failedCount = 0
+
+    for (const employeeId of employeeIds) {
+      if (isValidationPending(employeeId)) continue
+      try {
+        await toggleValidation(employeeId, checked, { toast: false })
+        successCount += 1
+      } catch {
+        failedCount += 1
+      }
+    }
+
+    if (failedCount === 0) {
+      toast.success({
+        title: 'Succès',
+        message: checked
+          ? `${successCount} ligne(s) validée(s).`
+          : `${successCount} validation(s) retirée(s).`
+      })
+      return
+    }
+
+    if (successCount === 0) {
+      toast.error({
+        title: 'Erreur',
+        message: 'Impossible de mettre à jour les validations.'
+      })
+      return
+    }
+
+    toast.error({
+      title: 'Erreur',
+      message: `${successCount} mise(s) à jour, ${failedCount} en échec.`
+    })
+  }
+
+  const loadEmployees = async () => {
+    const scopedEmployees = await listScopedEmployees()
+    employees.value = sortEmployeesBySiteAndOrder(scopedEmployees)
+  }
+
+  const loadWorkHours = async () => {
+    const workHours = await listWorkHoursByDate(selectedDate.value)
+    hydrateRows(workHours)
+  }
+
+  const loadWeeklySummary = async () => {
+    isWeekLoading.value = true
+    try {
+      weeklySummary.value = await getWeeklyWorkHourSummary(selectedDate.value)
+    } finally {
+      isWeekLoading.value = false
+    }
+  }
+
+  const loadDayContext = async () => {
+    dayContext.value = await getWorkHourDayContext(selectedDate.value)
+  }
+
+  const refreshByDate = async () => {
+    if (isAdmin.value) {
+      await Promise.all([loadWorkHours(), loadWeeklySummary(), loadDayContext(), loadAbsences()])
+      return
+    }
+
+    weeklySummary.value = null
+    await Promise.all([loadWorkHours(), loadDayContext(), loadAbsences()])
+  }
+
+  const loadPage = async () => {
+    isLoading.value = true
+    try {
+      await loadEmployees()
+      await loadAbsenceTypes()
+      await refreshByDate()
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  onMounted(loadPage)
+
+  watch(sites, (nextSites) => {
+    const currentSiteIds = nextSites.map((site) => site.id)
+
+    if (!sitesInitialized.value) {
+      if (currentSiteIds.length === 0) return
+      selectedSiteIds.value = currentSiteIds
+      sitesInitialized.value = true
+      return
+    }
+
+    selectedSiteIds.value = selectedSiteIds.value.filter((siteId) => currentSiteIds.includes(siteId))
+  }, { immediate: true })
+
+  watch(isAdmin, async (admin) => {
+    if (!admin) {
+      viewMode.value = 'day'
+      weeklySummary.value = null
+      await Promise.all([loadAbsenceTypes(), loadAbsences()])
+      return
+    }
+    await loadAbsenceTypes()
+    await loadAbsences()
+  }, { immediate: true })
+
+  watch(selectedDate, async () => {
+    await refreshByDate()
+  })
+
+  const handleSave = async () => {
+    if (isSubmitting.value || employees.value.length === 0) return
+
+    isSubmitting.value = true
+    try {
+      const entries = employees.value.map((employee) => {
+        const employeeId = employee.id
+        const row = rows.value[employeeId] ?? emptyRow()
+        if (isPresenceTracking(employee)) {
+          return {
+            employeeId,
+            morningFrom: null,
+            morningTo: null,
+            afternoonFrom: null,
+            afternoonTo: null,
+            eveningFrom: null,
+            eveningTo: null,
+            isPresentMorning: row.isPresentMorning,
+            isPresentAfternoon: row.isPresentAfternoon
+          }
+        }
+
+        return {
+          employeeId,
+          morningFrom: normalizeTime(row.morningFrom),
+          morningTo: normalizeTime(row.morningTo),
+          afternoonFrom: normalizeTime(row.afternoonFrom),
+          afternoonTo: normalizeTime(row.afternoonTo),
+          eveningFrom: normalizeTime(row.eveningFrom),
+          eveningTo: normalizeTime(row.eveningTo),
+          isPresentMorning: false,
+          isPresentAfternoon: false
+        }
+      })
+
+      await bulkUpsertWorkHours({
+        workDate: selectedDate.value,
+        entries
+      })
+
+      await refreshByDate()
+    } finally {
+      isSubmitting.value = false
+    }
+  }
+
+  return {
+    isAdmin,
+    viewMode,
+    selectedDate,
+    employeeFilter,
+    sites,
+    selectedSiteIds,
+    employees,
+    visibleEmployees,
+    rows,
+    absenceTypes,
+    absenceForm,
+    isAbsenceDrawerOpen,
+    isAbsenceSubmitting,
+    editingAbsence,
+    weeklySummary,
+    filteredWeeklySummary,
+    isLoading,
+    isWeekLoading,
+    isSubmitting,
+    dayGridCols,
+    weekGridCols,
+    saveButtonClass,
+    formattedSelectedDate,
+    weekDayHeaders,
+    shortcutButtonClass,
+    weekShortcutButtonClass,
+    getWeekShortcutLabel,
+    setToday,
+    setYesterday,
+    setTomorrow,
+    setThisWeek,
+    setPreviousWeek,
+    setNextWeek,
+    shiftDate,
+    contractLabel,
+    isTimeTracking,
+    isPresenceTracking,
+    isRowLocked,
+    isHalfLockedByAbsence,
+    isEveningLockedByAbsence,
+    isValidationPending,
+    canToggleValidation,
+    isBulkValidationChecked,
+    isBulkValidationIndeterminate,
+    toggleValidation,
+    toggleValidationBulk,
+    getRowMetrics,
+    getRowAbsenceLabel,
+    getPresenceDayValue,
+    openAbsenceDrawer,
+    submitAbsence,
+    deleteAbsenceFromDrawer,
+    closeAbsenceDrawer,
+    formatMinutes,
+    handleSave
+  }
+}
diff --git a/frontend/layouts/auth.vue b/frontend/layouts/auth.vue
index 97d9275..009acb7 100644
--- a/frontend/layouts/auth.vue
+++ b/frontend/layouts/auth.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-tertiary-500 from-tertiary-50 via-white to-neutral-100 text-neutral-900">
+  <div class="min-h-screen bg-tertiary-500 from-tertiary-500 via-white to-neutral-100 text-neutral-900">
     <main class="mx-auto flex min-h-screen w-full max-w-[720px] items-center px-6 py-12">
       <slot />
     </main>
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 4597bb3..ead9d69 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -9,43 +9,52 @@
                     <template v-if="isAdmin">
                         <NuxtLink
                             to="/"
-                            class="flex items-center gap-3 px-4 pb-3 pt-6 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600 border-t border-secondary-500"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 pb-3 pt-6 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500 border-t border-secondary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Tableau de bord
                         </NuxtLink>
                         <NuxtLink
                             to="/calendar"
-                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Calendrier
                         </NuxtLink>
+                    </template>
+                    <NuxtLink
+                        to="/hours"
+                        class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                        active-class="bg-tertiary-500 text-primary-500"
+                    >
+                        Heures
+                    </NuxtLink>
+                    <template v-if="isAdmin">
                         <NuxtLink
                             to="/employees"
-                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Employés
                         </NuxtLink>
                         <NuxtLink
                             to="/sites"
-                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Sites
                         </NuxtLink>
                         <NuxtLink
                             to="/absence-types"
-                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Types d'absence
                         </NuxtLink>
                         <NuxtLink
                             to="/users"
-                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-primary-50 hover:text-primary-600"
-                            active-class="bg-primary-50 text-primary-600"
+                            class="flex items-center gap-3 px-4 py-3 text-md font-semibold text-neutral-700 hover:bg-tertiary-500 hover:text-primary-500"
+                            active-class="bg-tertiary-500 text-primary-500"
                         >
                             Utilisateurs
                         </NuxtLink>
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index b3b01c9..4dd0d11 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -3,13 +3,16 @@ export default defineNuxtConfig({
     devtools: {enabled: false},
     ssr: false,
     app: {
-        baseURL: process.env.NUXT_PUBLIC_APP_BASE || '/'
+        baseURL: process.env.NODE_ENV === 'production'
+          ? (process.env.NUXT_PUBLIC_APP_BASE || '/')
+          : '/'
     },
     modules: [
-        '@nuxtjs/tailwindcss',
-        '@pinia/nuxt',
-        'nuxt-toast',
-        '@nuxtjs/i18n'
+      '@nuxtjs/tailwindcss',
+      '@pinia/nuxt',
+      'nuxt-toast',
+      '@nuxtjs/i18n',
+      '@nuxt/icon'
     ],
     runtimeConfig: {
         public: {
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f0c72cf..3f1e2cc 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -7,6 +7,7 @@
             "name": "frontend",
             "hasInstallScript": true,
             "dependencies": {
+                "@nuxt/icon": "^2.2.1",
                 "@nuxtjs/i18n": "^10.2.1",
                 "@pinia/nuxt": "^0.11.3",
                 "nuxt": "^4.3.0",
@@ -32,6 +33,19 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/@antfu/install-pkg": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@antfu/install-pkg/-/install-pkg-1.1.0.tgz",
+            "integrity": "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==",
+            "license": "MIT",
+            "dependencies": {
+                "package-manager-detector": "^1.3.0",
+                "tinyexec": "^1.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
         "node_modules/@babel/code-frame": {
             "version": "7.29.0",
             "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -1220,6 +1234,47 @@
                 "url": "https://github.com/sponsors/nzakas"
             }
         },
+        "node_modules/@iconify/collections": {
+            "version": "1.0.651",
+            "resolved": "https://registry.npmjs.org/@iconify/collections/-/collections-1.0.651.tgz",
+            "integrity": "sha512-ALGlYxNVOIylxNHjFaylqPTzgNaMHeoFA8ao/piPHjYGD526xEp847F7KePy9jvOLChy2bzQVwAV9Em3HiicjQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@iconify/types": "*"
+            }
+        },
+        "node_modules/@iconify/types": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+            "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+            "license": "MIT"
+        },
+        "node_modules/@iconify/utils": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
+            "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+            "license": "MIT",
+            "dependencies": {
+                "@antfu/install-pkg": "^1.1.0",
+                "@iconify/types": "^2.0.0",
+                "mlly": "^1.8.0"
+            }
+        },
+        "node_modules/@iconify/vue": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-5.0.0.tgz",
+            "integrity": "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg==",
+            "license": "MIT",
+            "dependencies": {
+                "@iconify/types": "^2.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/cyberalien"
+            },
+            "peerDependencies": {
+                "vue": ">=3"
+            }
+        },
         "node_modules/@intlify/bundle-utils": {
             "version": "11.0.3",
             "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-11.0.3.tgz",
@@ -2372,6 +2427,28 @@
                 "devtools-wizard": "cli.mjs"
             }
         },
+        "node_modules/@nuxt/icon": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/@nuxt/icon/-/icon-2.2.1.tgz",
+            "integrity": "sha512-GI840yYGuvHI0BGDQ63d6rAxGzG96jQcWrnaWIQKlyQo/7sx9PjXkSHckXUXyX1MCr9zY6U25Td6OatfY6Hklw==",
+            "license": "MIT",
+            "dependencies": {
+                "@iconify/collections": "^1.0.641",
+                "@iconify/types": "^2.0.0",
+                "@iconify/utils": "^3.1.0",
+                "@iconify/vue": "^5.0.0",
+                "@nuxt/devtools-kit": "^3.1.1",
+                "@nuxt/kit": "^4.2.2",
+                "consola": "^3.4.2",
+                "local-pkg": "^1.1.2",
+                "mlly": "^1.8.0",
+                "ohash": "^2.0.11",
+                "pathe": "^2.0.3",
+                "picomatch": "^4.0.3",
+                "std-env": "^3.10.0",
+                "tinyglobby": "^0.2.15"
+            }
+        },
         "node_modules/@nuxt/kit": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-4.3.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index b7b4cff..3be0764 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
         "build:dist": "nuxt generate && rm -rf dist && cp -R .output/public dist"
     },
     "dependencies": {
+        "@nuxt/icon": "^2.2.1",
         "@nuxtjs/i18n": "^10.2.1",
         "@pinia/nuxt": "^0.11.3",
         "nuxt": "^4.3.0",
diff --git a/frontend/pages/absence-types.vue b/frontend/pages/absence-types.vue
index ae2ab80..d5ac118 100644
--- a/frontend/pages/absence-types.vue
+++ b/frontend/pages/absence-types.vue
@@ -19,10 +19,11 @@
     </div>
 
     <div v-else class="overflow-hidden rounded-lg border border-neutral-200 bg-white">
-      <div class="grid grid-cols-[120px_120px_1fr_200px] gap-4 border-b border-neutral-200 bg-tertiary-500 px-6 py-3 text-md font-semibold text-neutral-700">
+      <div class="grid grid-cols-[120px_160px_1fr_220px_200px] gap-4 border-b border-neutral-200 bg-tertiary-500 px-6 py-3 text-md font-semibold text-neutral-700">
         <span class="text-left">Code</span>
         <span class="text-left">Libellé</span>
         <span class="text-left">Couleur</span>
+        <span class="text-left">Compte en heures</span>
         <span class="text-right">Actions</span>
       </div>
       <div v-if="isLoading" class="px-6 py-4 text-md text-neutral-500">
@@ -32,7 +33,7 @@
         <div
           v-for="type in absenceTypes"
           :key="type.id"
-          class="grid grid-cols-[120px_120px_1fr_200px] items-center gap-4 border-b border-neutral-100 px-6 py-3 text-md text-neutral-800 last:border-b-0"
+          class="grid grid-cols-[120px_160px_1fr_220px_200px] items-center gap-4 border-b border-neutral-100 px-6 py-3 text-md text-neutral-800 last:border-b-0"
         >
           <span class="font-semibold text-left">{{ type.code }}</span>
           <span class="text-left">{{ type.label }}</span>
@@ -43,6 +44,14 @@
             />
             <span class="text-md uppercase text-neutral-500">{{ type.color }}</span>
           </div>
+          <div class="text-left">
+            <span
+              class="inline-flex rounded-md px-2 py-1 text-sm font-semibold"
+              :class="type.countAsWorkedHours ? 'bg-emerald-100 text-emerald-700' : 'bg-neutral-100 text-neutral-700'"
+            >
+              {{ type.countAsWorkedHours ? 'Oui' : 'Non' }}
+            </span>
+          </div>
           <div class="flex items-center justify-end gap-2">
             <button
               type="button"
@@ -94,6 +103,31 @@
             Le libellé est obligatoire.
           </p>
         </div>
+        <div>
+          <label class="text-md font-semibold text-neutral-700">
+            Compté comme travaillé
+          </label>
+          <div class="mt-2 flex items-center gap-6">
+            <label class="inline-flex items-center gap-2 text-md text-neutral-800">
+              <input
+                v-model="form.countAsWorkedHours"
+                type="radio"
+                class="h-4 w-4"
+                :value="true"
+              />
+              Oui
+            </label>
+            <label class="inline-flex items-center gap-2 text-md text-neutral-800">
+              <input
+                v-model="form.countAsWorkedHours"
+                type="radio"
+                class="h-4 w-4"
+                :value="false"
+              />
+              Non
+            </label>
+          </div>
+        </div>
         <div>
           <label class="text-md font-semibold text-neutral-700" for="color">
             Couleur <span class="text-red-600">*</span>
@@ -150,7 +184,8 @@ const drawerTitle = computed(() =>
 const form = reactive({
   code: '',
   label: '',
-  color: '#222783'
+  color: '#222783',
+  countAsWorkedHours: true
 })
 
 const validationTouched = reactive({
@@ -171,7 +206,7 @@ const showLabelError = computed(() => validationTouched.label && !isLabelValid.v
 const showColorError = computed(() => validationTouched.color && !isColorValid.value)
 
 const baseInputClass =
-  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200'
+  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20'
 const codeFieldClass = computed(() => {
   if (showCodeError.value) {
     return `${baseInputClass} border-red-500`
@@ -214,6 +249,7 @@ const resetForm = () => {
   form.code = ''
   form.label = ''
   form.color = '#222783'
+  form.countAsWorkedHours = true
 }
 
 const openCreate = () => {
@@ -227,6 +263,7 @@ const openEdit = (type: AbsenceType) => {
   form.code = type.code
   form.label = type.label
   form.color = type.color
+  form.countAsWorkedHours = type.countAsWorkedHours
   isDrawerOpen.value = true
 }
 
@@ -249,13 +286,15 @@ const handleSubmit = async () => {
       await updateAbsenceType(editingType.value.id, {
         code: form.code,
         label: form.label,
-        color: form.color
+        color: form.color,
+        countAsWorkedHours: form.countAsWorkedHours
       })
     } else {
       await createAbsenceType({
         code: form.code,
         label: form.label,
-        color: form.color
+        color: form.color,
+        countAsWorkedHours: form.countAsWorkedHours
       })
     }
 
diff --git a/frontend/pages/calendar.vue b/frontend/pages/calendar.vue
index e91b7b3..31f5839 100644
--- a/frontend/pages/calendar.vue
+++ b/frontend/pages/calendar.vue
@@ -3,38 +3,10 @@
         <div class="flex flex-wrap items-center justify-between gap-4">
             <h1 class="text-4xl font-bold text-primary-500">Calendrier des absences</h1>
         </div>
-        <div class="py-6">
+        <div class="flex flex-col gap-3 py-6">
             <div class="flex items-center justify-between gap-4">
                 <div class="flex items-center gap-4">
-                    <div class="flex flex-wrap items-center gap-4 rounded-md border border-neutral-300 px-3 py-2">
-                        <div v-for="site in sites" :key="site.id" class="flex items-center gap-2">
-                            <div :style="{ backgroundColor: site.color }" class="h-4 w-4 rounded"></div>
-                            <label class="text-md" :for="`site-${site.id}`">{{ site.name }}</label>
-                            <input
-                                :id="`site-${site.id}`"
-                                v-model="selectedSiteIds"
-                                :value="site.id"
-                                type="checkbox"
-                                class="h-4 w-4"
-                            />
-                        </div>
-                    </div>
-                    <select
-                        v-model="selectedMonth"
-                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
-                    >
-                        <option v-for="month in months" :key="month.value" :value="month.value">
-                            {{ month.label }}
-                        </option>
-                    </select>
-                    <select
-                        v-model="selectedYear"
-                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
-                    >
-                        <option v-for="year in years" :key="year" :value="year">
-                            {{ year }}
-                        </option>
-                    </select>
+                    <SiteFilterSelector v-model="selectedSiteIds" :sites="sites"/>
                 </div>
                 <div class="flex gap-4">
                     <button
@@ -53,24 +25,36 @@
                     </button>
                 </div>
             </div>
-            <div class="flex justify-between mt-3">
-                <div class="flex items-center gap-4 w-80">
-                    <input
-                        v-model="employeeFilter"
-                        type="text"
-                        placeholder="Chercher un employé (nom ou prénom)"
-                        class="h-10 w-full max-w-md rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
-                    />
-                </div>
-                <div class="flex flex-wrap items-center gap-4 rounded-md border border-neutral-300 px-3 py-2">
-                    <p class="font-bold">Légende :</p>
-                    <div v-for="type in absenceTypes" :key="type.id" class="flex items-center gap-2">
-                        <div :style="{ backgroundColor: type.color }" class="h-4 w-4 rounded"></div>
-                        <p>{{ type.label }}</p>
+            <div class="flex justify-between">
+                <div class="flex items-center gap-4">
+                    <div class="w-80">
+                        <EmployeeNameFilterInput v-model="employeeFilter"/>
                     </div>
+                    <select
+                        v-model="selectedMonth"
+                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+                    >
+                        <option v-for="month in months" :key="month.value" :value="month.value">
+                            {{ month.label }}
+                        </option>
+                    </select>
+                    <select
+                        v-model="selectedYear"
+                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+                    >
+                        <option v-for="year in years" :key="year" :value="year">
+                            {{ year }}
+                        </option>
+                    </select>
+                </div>
+            </div>
+            <div class="flex flex-wrap items-center gap-6 py-2">
+                <p class="font-bold">Légende :</p>
+                <div v-for="type in absenceTypes" :key="type.id" class="flex items-center gap-2">
+                    <div :style="{ backgroundColor: type.color }" class="h-4 w-4 rounded"></div>
+                    <p>{{ type.label }}</p>
                 </div>
             </div>
-
         </div>
 
         <div class="flex-1 min-h-0">
@@ -119,10 +103,13 @@ import {listEmployees, updateEmployeeOrder} from '~/services/employees'
 import {listAbsenceTypes} from '~/services/absence-types'
 import {createAbsence, deleteAbsence, listAbsences, updateAbsence} from '~/services/absences'
 import {listPublicHolidays} from '~/services/public-holidays'
-import {getDaysInMonth, normalizeDate, toYmd} from '~/utils/date'
+import {getDaysInMonth, normalizeDate, parseYmd, toYmd} from '~/utils/date'
+import {compareEmployeesInSite, sortEmployeesBySiteAndOrder} from '~/utils/employee'
 import CalendarGrid from '~/components/CalendarGrid.vue'
 import AbsenceFormDrawer from '~/components/AbsenceFormDrawer.vue'
 import AbsencePrintDrawer from '~/components/AbsencePrintDrawer.vue'
+import EmployeeNameFilterInput from '~/components/EmployeeNameFilterInput.vue'
+import SiteFilterSelector from '~/components/SiteFilterSelector.vue'
 
 // Données principales affichées dans la grille.
 const employees = ref<Employee[]>([])
@@ -149,27 +136,11 @@ watch(sites, (next) => {
     if (sitesInitialized.value || next.length === 0) return
     selectedSiteIds.value = next.map((site) => site.id)
     sitesInitialized.value = true
-}, { immediate: true })
+}, {immediate: true})
 
 // Tri stable: site -> nom -> prénom.
 const sortedEmployees = computed(() => {
-  return [...employees.value].sort((employeeA, employeeB) => {
-    const siteOrderA = employeeA.site?.displayOrder ?? 0
-    const siteOrderB = employeeB.site?.displayOrder ?? 0
-    if (siteOrderA !== siteOrderB) return siteOrderA - siteOrderB
-    const siteNameA = employeeA.site?.name ?? ''
-    const siteNameB = employeeB.site?.name ?? ''
-    if (siteNameA !== siteNameB) return siteNameA.localeCompare(siteNameB, 'fr')
-    const orderA = employeeA.displayOrder ?? 0
-    const orderB = employeeB.displayOrder ?? 0
-    if (orderA !== orderB) return orderA - orderB
-    const lastNameA = employeeA.lastName ?? ''
-    const lastNameB = employeeB.lastName ?? ''
-    if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
-    const firstNameA = employeeA.firstName ?? ''
-    const firstNameB = employeeB.firstName ?? ''
-    return firstNameA.localeCompare(firstNameB, 'fr')
-  })
+    return sortEmployeesBySiteAndOrder(employees.value)
 })
 
 // Employés visibles selon le filtre de sites.
@@ -281,13 +252,6 @@ const closePrint = () => {
     isPrintOpen.value = false
 }
 
-// Parse "YYYY-MM-DD" en Date (ou null).
-const parseYmd = (value: string) => {
-    const [year, month, day] = value.split('-').map(Number)
-    if (!year || !month || !day) return null
-    return new Date(year, month - 1, day)
-}
-
 // Détermine si la journée est une demi-journée (AM/PM) ou complète.
 const getHalfForDate = (
     startDate: string,
@@ -681,7 +645,7 @@ const formatEmployeeName = (employee: Employee) => {
 }
 
 // Impression PDF de l'intervalle sélectionné.
-const { printPdf } = usePdfPrinter()
+const {printPdf} = usePdfPrinter()
 const handlePrint = async () => {
     const params = new URLSearchParams()
     params.set('from', printForm.from)
@@ -703,17 +667,7 @@ const handleReorder = async (payload: { dragId: number; dropId: number }) => {
 
     const siteEmployees = [...employees.value]
         .filter((employee) => employee.site?.id === dragSiteId)
-        .sort((employeeA, employeeB) => {
-            const orderA = employeeA.displayOrder ?? 0
-            const orderB = employeeB.displayOrder ?? 0
-            if (orderA !== orderB) return orderA - orderB
-            const lastNameA = employeeA.lastName ?? ''
-            const lastNameB = employeeB.lastName ?? ''
-            if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
-            const firstNameA = employeeA.firstName ?? ''
-            const firstNameB = employeeB.firstName ?? ''
-            return firstNameA.localeCompare(firstNameB, 'fr')
-        })
+        .sort(compareEmployeesInSite)
 
     const fromIndex = siteEmployees.findIndex((employee) => employee.id === dragEmployee.id)
     const toIndex = siteEmployees.findIndex((employee) => employee.id === dropEmployee.id)
@@ -726,7 +680,7 @@ const handleReorder = async (payload: { dragId: number; dropId: number }) => {
     siteEmployees.forEach((employee, index) => {
         const nextOrder = index + 1
         if ((employee.displayOrder ?? 0) !== nextOrder) {
-            updates.push({ id: employee.id, displayOrder: nextOrder })
+            updates.push({id: employee.id, displayOrder: nextOrder})
         }
         employee.displayOrder = nextOrder
     })
diff --git a/frontend/pages/employees.vue b/frontend/pages/employees.vue
index 6c13d4d..4959bb7 100644
--- a/frontend/pages/employees.vue
+++ b/frontend/pages/employees.vue
@@ -1,57 +1,80 @@
 <template>
-  <div>
-    <div class="flex items-center justify-between pb-12">
-      <h1 class="text-4xl font-bold text-primary-500">Employés</h1>
-      <button
-        type="button"
-        class="rounded-lg bg-primary-500 px-4 py-2 text-md font-semibold text-white hover:bg-secondary-500"
-        @click="isDrawerOpen = true"
-      >
-        Ajouter un employé
-      </button>
+  <div class="h-full overflow-hidden flex flex-col">
+    <div class="shrink-0">
+      <div class="flex items-center justify-between">
+          <h1 class="text-4xl font-bold text-primary-500">Employés</h1>
+      </div>
+
+    <div class="flex flex-col gap-3 py-6">
+        <div class="flex justify-between">
+            <SiteFilterSelector v-if="sites.length > 0" v-model="selectedSiteIds" :sites="sites" />
+            <button
+                type="button"
+                class="rounded-lg bg-primary-500 px-4 py-2 text-md font-semibold text-white hover:bg-secondary-500"
+                @click="isDrawerOpen = true"
+            >
+                Ajouter un employé
+            </button>
+        </div>
+        <div class="w-80">
+            <EmployeeNameFilterInput v-model="employeeFilter" />
+        </div>
+    </div>
     </div>
 
     <div
-      v-if="!isLoading && employees.length === 0"
+      v-if="!isLoading && filteredEmployees.length === 0"
       class="rounded-lg border border-neutral-200 bg-white p-6 text-md text-neutral-600"
     >
       Aucun employé pour le moment.
     </div>
 
-    <div v-else class="max-h-[80vh] overflow-auto rounded-lg border border-neutral-200 bg-white">
-      <div class="grid grid-cols-[120px_1fr_1fr_200px] gap-4 border-b border-neutral-200 bg-tertiary-500 px-6 py-3 text-md font-semibold text-neutral-700">
-        <span class="text-left">Prénom</span>
-        <span class="text-left">Nom</span>
-        <span class="text-left">Site</span>
-        <span class="text-right">Actions</span>
-      </div>
-      <div v-if="isLoading" class="px-6 py-4 text-md text-neutral-500">
-        Chargement...
-      </div>
-      <div v-else>
-        <div
-          v-for="employee in employees"
-          :key="employee.id"
-          class="grid grid-cols-[120px_1fr_1fr_200px] items-center gap-4 border-b border-neutral-100 px-6 py-3 text-md text-neutral-800 last:border-b-0"
-        >
-          <span>{{ employee.firstName }}</span>
-          <span>{{ employee.lastName }}</span>
-          <span>{{ employee.site?.name ?? '-' }}</span>
-          <div class="flex items-center justify-end gap-2">
-            <button
-              type="button"
-              class="rounded-md border border-neutral-200 px-2 py-1 text-md font-semibold text-neutral-700 hover:bg-neutral-100"
-              @click="openEdit(employee)"
+    <div v-else class="flex-1 min-h-0 rounded-lg border border-neutral-200 bg-white overflow-hidden">
+      <div class="h-full overflow-auto">
+        <div class="min-w-[900px]">
+          <div class="grid grid-cols-[120px_1fr_1fr_220px_200px] gap-4 border-b border-neutral-200 bg-tertiary-500 px-6 py-3 text-md font-semibold text-neutral-700 sticky top-0 z-10">
+            <span class="text-left">Prénom</span>
+            <span class="text-left">Nom</span>
+            <span class="text-left">Site</span>
+            <span class="text-left">Contrat</span>
+            <span class="text-right">Actions</span>
+          </div>
+          <div v-if="isLoading" class="px-6 py-4 text-md text-neutral-500">
+            Chargement...
+          </div>
+          <div v-else>
+            <div
+              v-for="employee in filteredEmployees"
+              :key="employee.id"
+              class="grid grid-cols-[120px_1fr_1fr_220px_200px] items-center gap-4 border-b border-neutral-100 px-6 py-3 text-md text-neutral-800 last:border-b-0"
             >
-              Modifier
-            </button>
-            <button
-              type="button"
-              class="rounded-md border border-red-200 px-2 py-1 text-md font-semibold text-red-600 hover:bg-red-50"
-              @click="confirmDelete(employee)"
-            >
-              Supprimer
-            </button>
+              <span>{{ employee.firstName }}</span>
+              <span>{{ employee.lastName }}</span>
+              <span
+                class="inline-flex w-fit max-w-full rounded-md px-2 py-1 text-sm font-semibold"
+                :style="employee.site ? { backgroundColor: employee.site.color, color: '#0f172a' } : {}"
+                :class="employee.site ? '' : 'bg-neutral-100 text-neutral-600'"
+              >
+                {{ employee.site?.name ?? '-' }}
+              </span>
+              <span>{{ employee.contract?.name ?? '-' }}</span>
+              <div class="flex items-center justify-end gap-2">
+                <button
+                  type="button"
+                  class="rounded-md border border-neutral-200 px-2 py-1 text-md font-semibold text-neutral-700 hover:bg-neutral-100"
+                  @click="openEdit(employee)"
+                >
+                  Modifier
+                </button>
+                <button
+                  type="button"
+                  class="rounded-md border border-red-200 px-2 py-1 text-md font-semibold text-red-600 hover:bg-red-50"
+                  @click="confirmDelete(employee)"
+                >
+                  Supprimer
+                </button>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -105,6 +128,24 @@
             Le site est obligatoire.
           </p>
         </div>
+        <div>
+          <label class="text-md font-semibold text-neutral-700" for="contract">
+            Contrat <span class="text-red-600">*</span>
+          </label>
+          <select
+            id="contract"
+            v-model="form.contractId"
+            :class="contractFieldClass"
+          >
+            <option value="">Sélectionner un contrat</option>
+            <option v-for="contract in contracts" :key="contract.id" :value="contract.id">
+              {{ contract.name }}
+            </option>
+          </select>
+          <p v-if="showContractError" class="mt-1 text-sm text-red-600">
+            Le contrat est obligatoire.
+          </p>
+        </div>
         <div class="flex justify-end gap-3 pt-2">
           <button
             type="button"
@@ -127,14 +168,18 @@
 </template>
 
 <script setup lang="ts">
+import type { Contract } from '~/services/dto/contract'
 import type { Employee } from '~/services/dto/employee'
 import type { Site } from '~/services/dto/site'
+import { listContracts } from '~/services/contracts'
 import { createEmployee, deleteEmployee, listEmployees, updateEmployee } from '~/services/employees'
 import { listSites } from '~/services/sites'
+import SiteFilterSelector from '~/components/SiteFilterSelector.vue'
 
 const isDrawerOpen = ref(false)
 const isSubmitting = ref(false)
 const isLoading = ref(false)
+const sitesInitialized = ref(false)
 const editingEmployee = ref<Employee | null>(null)
 const drawerTitle = computed(() =>
   editingEmployee.value ? 'Modifier un employé' : 'Ajouter un employé'
@@ -142,24 +187,48 @@ const drawerTitle = computed(() =>
 
 const employees = ref<Employee[]>([])
 const sites = ref<Site[]>([])
+const contracts = ref<Contract[]>([])
+const employeeFilter = ref('')
+const selectedSiteIds = ref<number[]>([])
+
+const filteredEmployees = computed(() => {
+  if (selectedSiteIds.value.length === 0) return []
+
+  const filter = employeeFilter.value.trim().toLowerCase()
+  const bySite = employees.value.filter((employee) => {
+    const siteId = employee.site?.id
+    return !!siteId && selectedSiteIds.value.includes(siteId)
+  })
+
+  if (!filter) return bySite
+
+  return bySite.filter((employee) => {
+    const firstName = employee.firstName?.toLowerCase() ?? ''
+    const lastName = employee.lastName?.toLowerCase() ?? ''
+    return firstName.includes(filter) || lastName.includes(filter)
+  })
+})
 
 const form = reactive({
   firstName: '',
   lastName: '',
-  siteId: '' as number | ''
+  siteId: '' as number | '',
+  contractId: '' as number | ''
 })
 
 const validationTouched = reactive({
   firstName: false,
   lastName: false,
-  siteId: false
+  siteId: false,
+  contractId: false
 })
 
 const isFirstNameValid = computed(() => form.firstName.trim() !== '')
 const isLastNameValid = computed(() => form.lastName.trim() !== '')
 const isSiteValid = computed(() => form.siteId !== '')
+const isContractValid = computed(() => form.contractId !== '')
 const isFormValid = computed(
-  () => isFirstNameValid.value && isLastNameValid.value && isSiteValid.value
+  () => isFirstNameValid.value && isLastNameValid.value && isSiteValid.value && isContractValid.value
 )
 
 const showFirstNameError = computed(
@@ -171,9 +240,12 @@ const showLastNameError = computed(
 const showSiteError = computed(
   () => validationTouched.siteId && !isSiteValid.value
 )
+const showContractError = computed(
+  () => validationTouched.contractId && !isContractValid.value
+)
 
 const baseInputClass =
-  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200'
+  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20'
 const firstNameFieldClass = computed(() => {
   if (showFirstNameError.value) {
     return `${baseInputClass} border-red-500`
@@ -194,6 +266,14 @@ const siteFieldClass = computed(() => {
   }
   return `${baseSelectClass} border-neutral-300`
 })
+const contractFieldClass = computed(() => {
+  const baseClass =
+    'mt-2 w-full rounded-md border bg-white px-3 py-2 text-md text-neutral-900'
+  if (showContractError.value) {
+    return `${baseClass} border-red-500`
+  }
+  return `${baseClass} border-neutral-300`
+})
 
 const submitButtonClass = computed(() => {
   if (isSubmitting.value || !isFormValid.value) {
@@ -215,15 +295,33 @@ const loadSites = async () => {
   sites.value = await listSites()
 }
 
+const loadContracts = async () => {
+  contracts.value = await listContracts()
+}
+
 onMounted(async () => {
-  await Promise.all([loadEmployees(), loadSites()])
+  await Promise.all([loadEmployees(), loadSites(), loadContracts()])
 })
 
+watch(sites, (nextSites) => {
+  const currentSiteIds = nextSites.map((site) => site.id)
+
+  if (!sitesInitialized.value) {
+    if (currentSiteIds.length === 0) return
+    selectedSiteIds.value = currentSiteIds
+    sitesInitialized.value = true
+    return
+  }
+
+  selectedSiteIds.value = selectedSiteIds.value.filter((siteId) => currentSiteIds.includes(siteId))
+}, { immediate: true })
+
 const handleSubmit = async () => {
   if (isSubmitting.value) return
   validationTouched.firstName = true
   validationTouched.lastName = true
   validationTouched.siteId = true
+  validationTouched.contractId = true
   if (!isFormValid.value) return
 
   isSubmitting.value = true
@@ -232,19 +330,22 @@ const handleSubmit = async () => {
       await updateEmployee(editingEmployee.value.id, {
         firstName: form.firstName,
         lastName: form.lastName,
-        siteId: form.siteId === '' ? null : Number(form.siteId)
+        siteId: form.siteId === '' ? null : Number(form.siteId),
+        contractId: Number(form.contractId)
       })
     } else {
       await createEmployee({
         firstName: form.firstName,
         lastName: form.lastName,
-        siteId: form.siteId === '' ? null : Number(form.siteId)
+        siteId: form.siteId === '' ? null : Number(form.siteId),
+        contractId: Number(form.contractId)
       })
     }
 
     form.firstName = ''
     form.lastName = ''
     form.siteId = ''
+    form.contractId = ''
     editingEmployee.value = null
     isDrawerOpen.value = false
     await loadEmployees()
@@ -258,6 +359,7 @@ watch(isDrawerOpen, (isOpen) => {
     validationTouched.firstName = false
     validationTouched.lastName = false
     validationTouched.siteId = false
+    validationTouched.contractId = false
   }
 })
 
@@ -266,6 +368,7 @@ const openEdit = (employee: Employee) => {
   form.firstName = employee.firstName
   form.lastName = employee.lastName
   form.siteId = employee.site?.id ?? ''
+  form.contractId = employee.contract?.id ?? ''
   isDrawerOpen.value = true
 }
 
diff --git a/frontend/pages/hours.vue b/frontend/pages/hours.vue
new file mode 100644
index 0000000..63c8e4c
--- /dev/null
+++ b/frontend/pages/hours.vue
@@ -0,0 +1,162 @@
+<template>
+    <div class="h-full overflow-hidden flex flex-col">
+        <div class="flex flex-wrap items-center justify-between gap-4">
+            <h1 class="text-4xl font-bold text-primary-500">Heures</h1>
+        </div>
+
+        <HoursToolbar
+            v-model:selected-date="selectedDate"
+            v-model:view-mode="viewMode"
+            v-model:selected-site-ids="selectedSiteIds"
+            v-model:employee-filter="employeeFilter"
+            :is-admin="isAdmin"
+            :sites="sites"
+            :absence-types="absenceTypes"
+            :formatted-selected-date="formattedSelectedDate"
+            :shortcut-button-class="shortcutButtonClass"
+            :week-shortcut-button-class="weekShortcutButtonClass"
+            :get-week-shortcut-label="getWeekShortcutLabel"
+            @set-yesterday="setYesterday"
+            @set-today="setToday"
+            @set-tomorrow="setTomorrow"
+            @set-previous-week="setPreviousWeek"
+            @set-this-week="setThisWeek"
+            @set-next-week="setNextWeek"
+            @shift-date="shiftDate"
+        />
+
+        <div v-if="isLoading" class="rounded-lg border border-neutral-200 bg-white p-6 text-md text-neutral-600">
+            Chargement...
+        </div>
+
+        <div v-else-if="employees.length === 0" class="rounded-lg border border-neutral-200 bg-white p-6 text-md text-neutral-600">
+            Aucun employé accessible.
+        </div>
+
+        <div v-else class="flex flex-1 min-h-0 flex-col gap-4">
+            <div class="flex-1 min-h-0 flex flex-col">
+                <HoursDayView
+                    v-if="viewMode === 'day'"
+                    v-model:rows="rows"
+                    :employees="visibleEmployees"
+                    :is-admin="isAdmin"
+                    :day-grid-cols="dayGridCols"
+                    :contract-label="contractLabel"
+                    :is-time-tracking="isTimeTracking"
+                :is-presence-tracking="isPresenceTracking"
+                :is-row-locked="isRowLocked"
+                :is-half-locked-by-absence="isHalfLockedByAbsence"
+                :is-evening-locked-by-absence="isEveningLockedByAbsence"
+                :is-validation-pending="isValidationPending"
+                :can-toggle-validation="canToggleValidation"
+                :is-bulk-validation-checked="isBulkValidationChecked"
+                :is-bulk-validation-indeterminate="isBulkValidationIndeterminate"
+                :on-toggle-validation="toggleValidation"
+                :on-toggle-validation-bulk="toggleValidationBulk"
+                :get-row-metrics="getRowMetrics"
+                :get-row-absence-label="getRowAbsenceLabel"
+                :get-presence-day-value="getPresenceDayValue"
+                :on-absence-click="openAbsenceDrawer"
+                :format-minutes="formatMinutes"
+                class="max-h-full"
+            />
+
+                <HoursWeekView
+                    v-else-if="isAdmin && viewMode === 'week'"
+                    :is-week-loading="isWeekLoading"
+                    :week-grid-cols="weekGridCols"
+                    :weekly-summary="filteredWeeklySummary"
+                    :week-day-headers="weekDayHeaders"
+                    :format-minutes="formatMinutes"
+                    class="max-h-full"
+                />
+            </div>
+
+            <div v-if="viewMode === 'day'" class="shrink-0 px-4 pt-4 flex justify-center">
+                <button
+                    type="button"
+                    class="rounded-lg bg-primary-500 px-6 py-2 text-md font-semibold text-white hover:bg-secondary-500"
+                    :class="saveButtonClass"
+                    :disabled="isSubmitting || visibleEmployees.length === 0"
+                    @click="handleSave"
+                >
+                    Enregistrer
+                </button>
+            </div>
+        </div>
+
+        <AbsenceFormDrawer
+            v-model="isAbsenceDrawerOpen"
+            :employees="employees"
+            :absence-types="absenceTypes"
+            :form="absenceForm"
+            :editing-absence="editingAbsence"
+            :is-submitting="isAbsenceSubmitting"
+            :lock-employee="true"
+            :lock-dates="true"
+            :show-comment="false"
+            @submit="submitAbsence"
+            @delete="deleteAbsenceFromDrawer"
+            @cancel="closeAbsenceDrawer"
+        />
+    </div>
+</template>
+
+<script setup lang="ts">
+const {
+  isAdmin,
+  viewMode,
+  selectedDate,
+  employeeFilter,
+  sites,
+  selectedSiteIds,
+  employees,
+  visibleEmployees,
+  rows,
+  absenceTypes,
+  absenceForm,
+  isAbsenceDrawerOpen,
+  isAbsenceSubmitting,
+  editingAbsence,
+  filteredWeeklySummary,
+  isLoading,
+  isWeekLoading,
+  isSubmitting,
+  dayGridCols,
+  weekGridCols,
+  saveButtonClass,
+  formattedSelectedDate,
+  weekDayHeaders,
+  shortcutButtonClass,
+  weekShortcutButtonClass,
+  getWeekShortcutLabel,
+  setToday,
+  setYesterday,
+  setTomorrow,
+  setThisWeek,
+  setPreviousWeek,
+  setNextWeek,
+  shiftDate,
+  contractLabel,
+  isTimeTracking,
+  isPresenceTracking,
+  isRowLocked,
+  isHalfLockedByAbsence,
+  isEveningLockedByAbsence,
+  isValidationPending,
+  canToggleValidation,
+  isBulkValidationChecked,
+  isBulkValidationIndeterminate,
+  toggleValidation,
+  toggleValidationBulk,
+  getRowMetrics,
+  getRowAbsenceLabel,
+  getPresenceDayValue,
+  openAbsenceDrawer,
+  submitAbsence,
+  deleteAbsenceFromDrawer,
+  closeAbsenceDrawer,
+  formatMinutes,
+  handleSave
+} = useHoursPage()
+</script>
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index f2e0c37..0091d85 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -18,7 +18,7 @@
                     v-model="username"
                     type="text"
                     autocomplete="username"
-                    class="mt-2 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200"
+                    class="mt-2 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
                 />
             </div>
 
@@ -31,13 +31,13 @@
                     v-model="password"
                     type="password"
                     autocomplete="current-password"
-                    class="mt-2 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200"
+                    class="mt-2 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
                 />
             </div>
 
             <button
                 type="submit"
-                class="w-full rounded-md bg-primary-500 px-4 py-2 text-base font-semibold text-white transition hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-60"
+                class="w-full rounded-md bg-primary-500 px-4 py-2 text-base font-semibold text-white transition hover:bg-secondary-500 disabled:cursor-not-allowed disabled:opacity-60"
                 :disabled="isSubmitting"
             >
                 Se connecter
diff --git a/frontend/pages/sites.vue b/frontend/pages/sites.vue
index 7614029..05f3a69 100644
--- a/frontend/pages/sites.vue
+++ b/frontend/pages/sites.vue
@@ -150,7 +150,7 @@ const isFormValid = computed(() => isNameValid.value)
 const showNameError = computed(() => validationTouched.name && !isNameValid.value)
 
 const baseInputClass =
-  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200'
+  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20'
 const nameFieldClass = computed(() => {
   if (showNameError.value) {
     return `${baseInputClass} border-red-500`
diff --git a/frontend/pages/users.vue b/frontend/pages/users.vue
index 06aa4a6..2b7a321 100644
--- a/frontend/pages/users.vue
+++ b/frontend/pages/users.vue
@@ -103,7 +103,7 @@
             <button
               type="button"
               class="rounded-full border px-3 py-1 text-sm font-semibold"
-              :class="form.accessMode === 'admin' ? 'border-primary-500 bg-primary-50 text-primary-700' : 'border-neutral-200 text-neutral-700'"
+              :class="form.accessMode === 'admin' ? 'border-primary-500 bg-tertiary-500 text-primary-500' : 'border-neutral-200 text-neutral-700'"
               @click="selectAccessMode('admin')"
             >
               Admin
@@ -111,7 +111,7 @@
             <button
               type="button"
               class="rounded-full border px-3 py-1 text-sm font-semibold"
-              :class="form.accessMode === 'self' ? 'border-primary-500 bg-primary-50 text-primary-700' : 'border-neutral-200 text-neutral-700'"
+              :class="form.accessMode === 'self' ? 'border-primary-500 bg-tertiary-500 text-primary-500' : 'border-neutral-200 text-neutral-700'"
               @click="selectAccessMode('self')"
             >
               Accès personnel
@@ -119,7 +119,7 @@
             <button
               type="button"
               class="rounded-full border px-3 py-1 text-sm font-semibold"
-              :class="form.accessMode === 'sites' ? 'border-primary-500 bg-primary-50 text-primary-700' : 'border-neutral-200 text-neutral-700'"
+              :class="form.accessMode === 'sites' ? 'border-primary-500 bg-tertiary-500 text-primary-500' : 'border-neutral-200 text-neutral-700'"
               @click="selectAccessMode('sites')"
             >
               Sites
@@ -288,7 +288,7 @@ const getSiteLabels = (user: User) => {
 }
 
 const baseInputClass =
-  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-200'
+  'mt-2 w-full rounded-md border px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20'
 const usernameFieldClass = computed(() => {
   if (showUsernameError.value) {
     return `${baseInputClass} border-red-500`
diff --git a/frontend/services/absence-types.ts b/frontend/services/absence-types.ts
index 90a767e..cd1a2fc 100644
--- a/frontend/services/absence-types.ts
+++ b/frontend/services/absence-types.ts
@@ -12,7 +12,7 @@ export const listAbsenceTypes = async () => {
 }
 
 export const createAbsenceType = async (
-  payload: Pick<AbsenceType, 'code' | 'label' | 'color'>
+  payload: Pick<AbsenceType, 'code' | 'label' | 'color' | 'countAsWorkedHours'>
 ) => {
   const api = useApi()
   return api.post<AbsenceType>('/absence_types', payload, {
@@ -23,7 +23,7 @@ export const createAbsenceType = async (
 
 export const updateAbsenceType = async (
   id: number,
-  payload: Pick<AbsenceType, 'code' | 'label' | 'color'>
+  payload: Pick<AbsenceType, 'code' | 'label' | 'color' | 'countAsWorkedHours'>
 ) => {
   const api = useApi()
   return api.patch<AbsenceType>(`/absence_types/${id}`, payload, {
diff --git a/frontend/services/auth.ts b/frontend/services/auth.ts
index 7076822..bef14f5 100644
--- a/frontend/services/auth.ts
+++ b/frontend/services/auth.ts
@@ -8,6 +8,7 @@ export const getCurrentUser = () => {
 export const login = (username: string, password: string) => {
   const api = useApi()
   return api.post('/login_check', { username, password }, {
+    toastOn401: true,
     toastErrorKey: 'errors.auth.login'
   })
 }
diff --git a/frontend/services/contracts.ts b/frontend/services/contracts.ts
new file mode 100644
index 0000000..1e8a897
--- /dev/null
+++ b/frontend/services/contracts.ts
@@ -0,0 +1,13 @@
+import type { Contract } from './dto/contract'
+import { extractItems } from '~/utils/api'
+
+export const listContracts = async () => {
+  const api = useApi()
+  const data = await api.get<Contract[] | { 'hydra:member'?: Contract[] }>(
+    '/contracts',
+    {},
+    { toast: false }
+  )
+
+  return extractItems<Contract>(data)
+}
diff --git a/frontend/services/dto/absence-type.ts b/frontend/services/dto/absence-type.ts
index c55067b..918dcf8 100644
--- a/frontend/services/dto/absence-type.ts
+++ b/frontend/services/dto/absence-type.ts
@@ -3,4 +3,5 @@ export type AbsenceType = {
   code: string
   label: string
   color: string
+  countAsWorkedHours: boolean
 }
diff --git a/frontend/services/dto/contract.ts b/frontend/services/dto/contract.ts
new file mode 100644
index 0000000..97b6106
--- /dev/null
+++ b/frontend/services/dto/contract.ts
@@ -0,0 +1,25 @@
+export const TRACKING_MODES = {
+  TIME: 'TIME',
+  PRESENCE: 'PRESENCE'
+} as const
+
+export type TrackingMode = (typeof TRACKING_MODES)[keyof typeof TRACKING_MODES]
+
+export const CONTRACT_TYPES = {
+  FORFAIT: 'FORFAIT',
+  H35: '35H',
+  H39: '39H',
+  INTERIM: 'INTERIM',
+  CUSTOM: 'CUSTOM'
+} as const
+
+export type ContractType = (typeof CONTRACT_TYPES)[keyof typeof CONTRACT_TYPES]
+
+export type Contract = {
+  id: number
+  name: string
+  trackingMode: TrackingMode
+  type: ContractType
+  weeklyHours?: number | null
+  isActive?: boolean
+}
diff --git a/frontend/services/dto/employee.ts b/frontend/services/dto/employee.ts
index c638e50..07258ed 100644
--- a/frontend/services/dto/employee.ts
+++ b/frontend/services/dto/employee.ts
@@ -1,9 +1,11 @@
 import type { Site } from './site'
+import type { Contract } from './contract'
 
 export type Employee = {
   id: number
   firstName: string
   lastName: string
   site: Site
+  contract?: Contract | null
   displayOrder?: number
 }
diff --git a/frontend/services/dto/work-hour.ts b/frontend/services/dto/work-hour.ts
new file mode 100644
index 0000000..21eeeb1
--- /dev/null
+++ b/frontend/services/dto/work-hour.ts
@@ -0,0 +1,81 @@
+import type { Employee } from './employee'
+import type { ContractType, TrackingMode } from './contract'
+
+export type WorkHour = {
+  id: number
+  employee: Employee
+  workDate: string
+  morningFrom?: string | null
+  morningTo?: string | null
+  afternoonFrom?: string | null
+  afternoonTo?: string | null
+  eveningFrom?: string | null
+  eveningTo?: string | null
+  isPresentMorning?: boolean
+  isPresentAfternoon?: boolean
+  isValid?: boolean
+}
+
+export type WorkHourEntryPayload = {
+  employeeId: number
+  morningFrom?: string | null
+  morningTo?: string | null
+  afternoonFrom?: string | null
+  afternoonTo?: string | null
+  eveningFrom?: string | null
+  eveningTo?: string | null
+  isPresentMorning?: boolean
+  isPresentAfternoon?: boolean
+}
+
+export type WeeklyWorkHourDailySummary = {
+  date: string
+  dayMinutes: number
+  nightMinutes: number
+  totalMinutes: number
+  present?: number | null
+  hasAbsence?: boolean
+  absenceLabel?: string | null
+  absenceColor?: string | null
+}
+
+export type WeeklyWorkHourRowSummary = {
+  employeeId: number
+  firstName: string
+  lastName: string
+  siteName?: string | null
+  contractName?: string | null
+  contractType?: ContractType | null
+  trackingMode?: TrackingMode | null
+  daily: WeeklyWorkHourDailySummary[]
+  weeklyDayMinutes: number
+  weeklyNightMinutes: number
+  weeklyTotalMinutes: number
+  weeklyPresenceCount?: number
+  weeklyOvertimeTotalMinutes?: number
+  weeklyOvertime25Minutes?: number
+  weeklyOvertime50Minutes?: number
+  weeklyRecoveryMinutes?: number
+}
+
+export type WeeklyWorkHourSummary = {
+  weekStart: string
+  weekEnd: string
+  days: string[]
+  rows: WeeklyWorkHourRowSummary[]
+}
+
+export type WorkHourDayContextRow = {
+  employeeId: number
+  absenceLabel?: string | null
+  absenceHalf?: 'AM' | 'PM' | null
+  absentMorning: boolean
+  absentAfternoon: boolean
+  creditedMinutes: number
+  creditedPresenceUnits: number
+}
+
+export type WorkHourDayContext = {
+  workDate: string
+  rows: WorkHourDayContextRow[]
+}
diff --git a/frontend/services/employees.ts b/frontend/services/employees.ts
index b3e88d9..af14e27 100644
--- a/frontend/services/employees.ts
+++ b/frontend/services/employees.ts
@@ -11,16 +11,28 @@ export const listEmployees = async () => {
   return extractItems<Employee>(data)
 }
 
+export const listScopedEmployees = async () => {
+  const api = useApi()
+  const data = await api.get<Employee[] | { 'hydra:member'?: Employee[] }>(
+    '/employees/scoped',
+    {},
+    { toast: false }
+  )
+  return extractItems<Employee>(data)
+}
+
 export const createEmployee = async (payload: {
   firstName: string
   lastName: string
   siteId?: number | null
+  contractId: number
 }) => {
   const api = useApi()
   return api.post<Employee>('/employees', {
     firstName: payload.firstName,
     lastName: payload.lastName,
-    site: payload.siteId ? `/api/sites/${payload.siteId}` : null
+    site: payload.siteId ? `/api/sites/${payload.siteId}` : null,
+    contract: `/api/contracts/${payload.contractId}`
   }, {
     toastSuccessKey: 'success.employee.create',
     toastErrorKey: 'errors.employee.create'
@@ -33,6 +45,7 @@ export const updateEmployee = async (
     firstName: string
     lastName: string
     siteId?: number | null
+    contractId: number
     displayOrder?: number
   }
 ) => {
@@ -41,6 +54,7 @@ export const updateEmployee = async (
     firstName: payload.firstName,
     lastName: payload.lastName,
     site: payload.siteId ? `/api/sites/${payload.siteId}` : null,
+    contract: `/api/contracts/${payload.contractId}`,
     displayOrder: payload.displayOrder
   }, {
     toastSuccessKey: 'success.employee.update',
diff --git a/frontend/services/work-hours.ts b/frontend/services/work-hours.ts
new file mode 100644
index 0000000..6fb2017
--- /dev/null
+++ b/frontend/services/work-hours.ts
@@ -0,0 +1,76 @@
+import type {
+  WorkHourDayContext,
+  WorkHour,
+  WorkHourEntryPayload,
+  WeeklyWorkHourSummary
+} from './dto/work-hour'
+import { extractItems } from '~/utils/api'
+
+export const listWorkHoursByDate = async (workDate: string) => {
+  const api = useApi()
+  const data = await api.get<WorkHour[] | { 'hydra:member'?: WorkHour[] }>(
+    '/work_hours',
+    {
+      'workDate[after]': workDate,
+      'workDate[before]': workDate
+    },
+    { toast: false }
+  )
+
+  return extractItems<WorkHour>(data)
+}
+
+export const bulkUpsertWorkHours = async (payload: {
+  workDate: string
+  entries: WorkHourEntryPayload[]
+}) => {
+  const api = useApi()
+  return api.post<{
+    processed: number
+    created: number
+    updated: number
+    deleted: number
+  }>(
+    '/work-hours/bulk-upsert',
+    payload,
+    {
+      toastSuccessMessage: 'Horaires enregistrés.',
+      toastErrorMessage: "Impossible d'enregistrer les horaires."
+    }
+  )
+}
+
+export const updateWorkHourValidation = async (
+  id: number,
+  isValid: boolean,
+  options?: { toast?: boolean }
+) => {
+  const api = useApi()
+  return api.patch<WorkHour>(
+    `/work_hours/${id}`,
+    { isValid },
+    {
+      toast: options?.toast ?? true,
+      toastSuccessMessage: isValid ? 'Ligne validée.' : 'Validation retirée.',
+      toastErrorMessage: 'Impossible de mettre à jour la validation.'
+    }
+  )
+}
+
+export const getWeeklyWorkHourSummary = async (weekStart: string) => {
+  const api = useApi()
+  return api.get<WeeklyWorkHourSummary>(
+    '/work-hours/weekly-summary',
+    { weekStart },
+    { toast: false }
+  )
+}
+
+export const getWorkHourDayContext = async (workDate: string) => {
+  const api = useApi()
+  return api.get<WorkHourDayContext>(
+    '/work-hours/day-context',
+    { workDate },
+    { toast: false }
+  )
+}
diff --git a/frontend/utils/date.ts b/frontend/utils/date.ts
index aa876c1..2acd56f 100644
--- a/frontend/utils/date.ts
+++ b/frontend/utils/date.ts
@@ -6,6 +6,115 @@ export const toYmd = (year: number, month: number, day: number) => {
 
 export const normalizeDate = (value: string) => value.slice(0, 10)
 
+export const parseYmd = (value: string) => {
+  const [year, month, day] = value.split('-').map(Number)
+  if (!year || !month || !day) return null
+  return new Date(year, month - 1, day)
+}
+
+export const formatDateLongFr = (date: Date) => {
+  const label = new Intl.DateTimeFormat('fr-FR', {
+    weekday: 'long',
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric'
+  }).format(date)
+
+  return label.charAt(0).toUpperCase() + label.slice(1)
+}
+
+export const formatWeekDayHeaderFr = (dateYmd: string) => {
+  const parsed = parseYmd(dateYmd)
+  if (!parsed) return dateYmd
+  return new Intl.DateTimeFormat('fr-FR', {
+    weekday: 'short',
+    day: '2-digit',
+    month: '2-digit'
+  }).format(parsed)
+}
+
+export const getWeekStartDate = (date: Date) => {
+  const copy = new Date(date)
+  const day = copy.getDay()
+  const diff = day === 0 ? -6 : 1 - day
+  copy.setDate(copy.getDate() + diff)
+  copy.setHours(0, 0, 0, 0)
+  return copy
+}
+
+export const getIsoWeekNumber = (date: Date) => {
+  const utc = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))
+  const day = utc.getUTCDay() || 7
+  utc.setUTCDate(utc.getUTCDate() + 4 - day)
+  const yearStart = new Date(Date.UTC(utc.getUTCFullYear(), 0, 1))
+  return Math.ceil((((utc.getTime() - yearStart.getTime()) / 86400000) + 1) / 7)
+}
+
+export const getIsoWeekYear = (date: Date) => {
+  const utc = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))
+  const day = utc.getUTCDay() || 7
+  utc.setUTCDate(utc.getUTCDate() + 4 - day)
+  return utc.getUTCFullYear()
+}
+
+export const ymdToWeekInputValue = (dateYmd: string) => {
+  const parsed = parseYmd(dateYmd)
+  if (!parsed) return ''
+  const weekDate = getWeekStartDate(parsed)
+  const weekNumber = getIsoWeekNumber(weekDate)
+  const weekYear = getIsoWeekYear(weekDate)
+  return `${weekYear}-W${String(weekNumber).padStart(2, '0')}`
+}
+
+export const weekInputValueToYmd = (weekValue: string) => {
+  const match = /^(\d{4})-W(\d{2})$/.exec(weekValue)
+  if (!match) return null
+
+  const year = Number(match[1])
+  const week = Number(match[2])
+  if (!Number.isInteger(year) || !Number.isInteger(week) || week < 1 || week > 53) return null
+
+  const jan4 = new Date(year, 0, 4)
+  const week1Monday = getWeekStartDate(jan4)
+  const monday = new Date(week1Monday)
+  monday.setDate(week1Monday.getDate() + ((week - 1) * 7))
+
+  return toYmd(monday.getFullYear(), monday.getMonth(), monday.getDate())
+}
+
+export const getTodayYmd = () => {
+  const date = new Date()
+  return toYmd(date.getFullYear(), date.getMonth(), date.getDate())
+}
+
+export const getOffsetFromTodayYmd = (offset: number) => {
+  const date = new Date()
+  date.setDate(date.getDate() + offset)
+  return toYmd(date.getFullYear(), date.getMonth(), date.getDate())
+}
+
+export const shiftYmd = (value: string, days: number) => {
+  const parsed = parseYmd(value)
+  if (!parsed) return null
+  parsed.setDate(parsed.getDate() + days)
+  return toYmd(parsed.getFullYear(), parsed.getMonth(), parsed.getDate())
+}
+
+export const formatWeekRangeFr = (date: Date) => {
+  const start = getWeekStartDate(date)
+  const end = new Date(start)
+  end.setDate(start.getDate() + 6)
+  const weekNumber = getIsoWeekNumber(start)
+
+  const formatter = new Intl.DateTimeFormat('fr-FR', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric'
+  })
+
+  return `S${weekNumber} du ${formatter.format(start)} au ${formatter.format(end)}`
+}
+
 export const getDaysInMonth = (year: number, month: number) => {
   const total = new Date(year, month + 1, 0).getDate()
   const weekdays = ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']
diff --git a/frontend/utils/employee.ts b/frontend/utils/employee.ts
new file mode 100644
index 0000000..803745c
--- /dev/null
+++ b/frontend/utils/employee.ts
@@ -0,0 +1,31 @@
+import type { Employee } from '~/services/dto/employee'
+
+export const compareEmployeesInSite = (employeeA: Employee, employeeB: Employee) => {
+  const orderA = employeeA.displayOrder ?? 0
+  const orderB = employeeB.displayOrder ?? 0
+  if (orderA !== orderB) return orderA - orderB
+
+  const lastNameA = employeeA.lastName ?? ''
+  const lastNameB = employeeB.lastName ?? ''
+  if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
+
+  const firstNameA = employeeA.firstName ?? ''
+  const firstNameB = employeeB.firstName ?? ''
+  return firstNameA.localeCompare(firstNameB, 'fr')
+}
+
+export const compareEmployeesBySiteAndOrder = (employeeA: Employee, employeeB: Employee) => {
+  const siteOrderA = employeeA.site?.displayOrder ?? 0
+  const siteOrderB = employeeB.site?.displayOrder ?? 0
+  if (siteOrderA !== siteOrderB) return siteOrderA - siteOrderB
+
+  const siteNameA = employeeA.site?.name ?? ''
+  const siteNameB = employeeB.site?.name ?? ''
+  if (siteNameA !== siteNameB) return siteNameA.localeCompare(siteNameB, 'fr')
+
+  return compareEmployeesInSite(employeeA, employeeB)
+}
+
+export const sortEmployeesBySiteAndOrder = (employees: Employee[]) => {
+  return [...employees].sort(compareEmployeesBySiteAndOrder)
+}
diff --git a/migrations/Version20260216100000.php b/migrations/Version20260216100000.php
new file mode 100644
index 0000000..eba7870
--- /dev/null
+++ b/migrations/Version20260216100000.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260216100000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Create work_hours table';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('CREATE TABLE work_hours (id SERIAL NOT NULL, employee_id INT NOT NULL, work_date DATE NOT NULL, morning_from VARCHAR(5) DEFAULT NULL, morning_to VARCHAR(5) DEFAULT NULL, afternoon_from VARCHAR(5) DEFAULT NULL, afternoon_to VARCHAR(5) DEFAULT NULL, evening_from VARCHAR(5) DEFAULT NULL, evening_to VARCHAR(5) DEFAULT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE INDEX IDX_WORK_HOURS_EMPLOYEE ON work_hours (employee_id)');
+        $this->addSql('CREATE INDEX IDX_WORK_HOURS_DATE ON work_hours (work_date)');
+        $this->addSql('CREATE UNIQUE INDEX UNIQ_WORK_HOURS_EMPLOYEE_DATE ON work_hours (employee_id, work_date)');
+        $this->addSql('ALTER TABLE work_hours ADD CONSTRAINT FK_WORK_HOURS_EMPLOYEE FOREIGN KEY (employee_id) REFERENCES employees (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE work_hours DROP CONSTRAINT FK_WORK_HOURS_EMPLOYEE');
+        $this->addSql('DROP TABLE work_hours');
+    }
+}
diff --git a/migrations/Version20260217161000.php b/migrations/Version20260217161000.php
new file mode 100644
index 0000000..a4d6c04
--- /dev/null
+++ b/migrations/Version20260217161000.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260217161000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add contract_hours and is_forfait to employees';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // Nettoie l'ancien modele "contracts" s'il a deja ete applique.
+        $this->addSql('ALTER TABLE employees DROP CONSTRAINT IF EXISTS FK_EMPLOYEES_CONTRACT');
+        $this->addSql('DROP INDEX IF EXISTS IDX_EMPLOYEES_CONTRACT');
+        $this->addSql('ALTER TABLE employees DROP COLUMN IF EXISTS contract_id');
+        $this->addSql('DROP TABLE IF EXISTS contracts');
+
+        $this->addSql('ALTER TABLE employees ADD COLUMN IF NOT EXISTS contract_hours INT DEFAULT NULL');
+        $this->addSql('ALTER TABLE employees ADD COLUMN IF NOT EXISTS is_forfait BOOLEAN DEFAULT FALSE NOT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE employees DROP COLUMN IF EXISTS contract_hours');
+        $this->addSql('ALTER TABLE employees DROP COLUMN IF EXISTS is_forfait');
+    }
+}
diff --git a/migrations/Version20260217162000.php b/migrations/Version20260217162000.php
new file mode 100644
index 0000000..3ab6d76
--- /dev/null
+++ b/migrations/Version20260217162000.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260217162000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add is_present and is_valid columns to work_hours';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE work_hours ADD COLUMN IF NOT EXISTS is_present BOOLEAN DEFAULT NULL');
+        $this->addSql('ALTER TABLE work_hours ADD COLUMN IF NOT EXISTS is_valid BOOLEAN DEFAULT FALSE NOT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE work_hours DROP COLUMN IF EXISTS is_present');
+        $this->addSql('ALTER TABLE work_hours DROP COLUMN IF EXISTS is_valid');
+    }
+}
diff --git a/migrations/Version20260218120000.php b/migrations/Version20260218120000.php
new file mode 100644
index 0000000..58ed8dc
--- /dev/null
+++ b/migrations/Version20260218120000.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260218120000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Replace employee contract_hours/is_forfait with contracts table and employee.contract_id';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('CREATE TABLE contracts (id SERIAL NOT NULL, name VARCHAR(120) NOT NULL, tracking_mode VARCHAR(20) NOT NULL, weekly_hours INT DEFAULT NULL, is_active BOOLEAN DEFAULT TRUE NOT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE INDEX IDX_CONTRACTS_TRACKING_MODE ON contracts (tracking_mode)');
+
+        $this->addSql("INSERT INTO contracts (name, tracking_mode, weekly_hours, is_active) VALUES ('Forfait', 'PRESENCE', NULL, TRUE)");
+        $this->addSql("INSERT INTO contracts (name, tracking_mode, weekly_hours, is_active) SELECT DISTINCT CONCAT(contract_hours::text, 'h'), 'TIME', contract_hours, TRUE FROM employees WHERE contract_hours IS NOT NULL");
+        $this->addSql("INSERT INTO contracts (name, tracking_mode, weekly_hours, is_active) SELECT '35h', 'TIME', 35, TRUE WHERE NOT EXISTS (SELECT 1 FROM contracts WHERE tracking_mode = 'TIME' AND weekly_hours = 35)");
+
+        $this->addSql('ALTER TABLE employees ADD contract_id INT DEFAULT NULL');
+        $this->addSql('CREATE INDEX IDX_EMPLOYEES_CONTRACT ON employees (contract_id)');
+
+        $this->addSql("UPDATE employees e SET contract_id = c.id FROM contracts c WHERE e.is_forfait = TRUE AND c.tracking_mode = 'PRESENCE'");
+        $this->addSql("UPDATE employees e SET contract_id = c.id FROM contracts c WHERE e.is_forfait = FALSE AND e.contract_hours IS NOT NULL AND c.tracking_mode = 'TIME' AND c.weekly_hours = e.contract_hours");
+        $this->addSql("UPDATE employees e SET contract_id = c.id FROM contracts c WHERE e.contract_id IS NULL AND c.tracking_mode = 'TIME' AND c.weekly_hours = 35");
+
+        $this->addSql('ALTER TABLE employees ALTER COLUMN contract_id SET NOT NULL');
+        $this->addSql('ALTER TABLE employees ADD CONSTRAINT FK_EMPLOYEES_CONTRACT FOREIGN KEY (contract_id) REFERENCES contracts (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+
+        $this->addSql('ALTER TABLE employees DROP COLUMN contract_hours');
+        $this->addSql('ALTER TABLE employees DROP COLUMN is_forfait');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE employees ADD contract_hours INT DEFAULT NULL');
+        $this->addSql('ALTER TABLE employees ADD is_forfait BOOLEAN DEFAULT FALSE NOT NULL');
+
+        $this->addSql("UPDATE employees e SET is_forfait = CASE WHEN c.tracking_mode = 'PRESENCE' THEN TRUE ELSE FALSE END, contract_hours = CASE WHEN c.tracking_mode = 'TIME' THEN c.weekly_hours ELSE NULL END FROM contracts c WHERE e.contract_id = c.id");
+
+        $this->addSql('ALTER TABLE employees DROP CONSTRAINT FK_EMPLOYEES_CONTRACT');
+        $this->addSql('DROP INDEX IDX_EMPLOYEES_CONTRACT');
+        $this->addSql('ALTER TABLE employees DROP COLUMN contract_id');
+
+        $this->addSql('DROP INDEX IDX_CONTRACTS_TRACKING_MODE');
+        $this->addSql('DROP TABLE contracts');
+    }
+}
diff --git a/migrations/Version20260218183000.php b/migrations/Version20260218183000.php
new file mode 100644
index 0000000..a252bf5
--- /dev/null
+++ b/migrations/Version20260218183000.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260218183000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Replace work_hours.is_present with is_present_morning and is_present_afternoon';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE work_hours DROP COLUMN IF EXISTS is_present');
+        $this->addSql('ALTER TABLE work_hours ADD COLUMN is_present_morning BOOLEAN DEFAULT FALSE NOT NULL');
+        $this->addSql('ALTER TABLE work_hours ADD COLUMN is_present_afternoon BOOLEAN DEFAULT FALSE NOT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE work_hours DROP COLUMN IF EXISTS is_present_morning');
+        $this->addSql('ALTER TABLE work_hours DROP COLUMN IF EXISTS is_present_afternoon');
+        $this->addSql('ALTER TABLE work_hours ADD COLUMN is_present BOOLEAN DEFAULT NULL');
+    }
+}
diff --git a/migrations/Version20260218190000.php b/migrations/Version20260218190000.php
new file mode 100644
index 0000000..799ccc7
--- /dev/null
+++ b/migrations/Version20260218190000.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260218190000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add count_as_worked_hours on absence_types';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE absence_types ADD count_as_worked_hours BOOLEAN DEFAULT FALSE NOT NULL');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE absence_types DROP count_as_worked_hours');
+    }
+}
diff --git a/migrations/Version20260219180000.php b/migrations/Version20260219180000.php
new file mode 100644
index 0000000..2daf023
--- /dev/null
+++ b/migrations/Version20260219180000.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use DateInterval;
+use DatePeriod;
+use DateTimeImmutable;
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\DBAL\Types\Types;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260219180000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Decoupe les absences multi-jours en lignes journalieres.';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $rows = $this->connection->fetchAllAssociative(
+            'SELECT id, employee_id, type_id, start_date, end_date, start_half, end_half, comment
+             FROM absences
+             WHERE start_date < end_date
+             ORDER BY id ASC'
+        );
+
+        foreach ($rows as $row) {
+            $start = DateTimeImmutable::createFromFormat('Y-m-d', (string) $row['start_date']);
+            $end   = DateTimeImmutable::createFromFormat('Y-m-d', (string) $row['end_date']);
+            if (!$start instanceof DateTimeImmutable || !$end instanceof DateTimeImmutable) {
+                continue;
+            }
+
+            $startHalf = (string) $row['start_half'];
+            $endHalf   = (string) $row['end_half'];
+
+            $days = new DatePeriod($start, new DateInterval('P1D'), $end->modify('+1 day'));
+            foreach ($days as $day) {
+                $isFirst = $day->format('Y-m-d') === $start->format('Y-m-d');
+                $isLast  = $day->format('Y-m-d') === $end->format('Y-m-d');
+
+                if ($isFirst && 'PM' === $startHalf) {
+                    $segmentStartHalf = 'PM';
+                    $segmentEndHalf   = 'PM';
+                } elseif ($isLast && 'AM' === $endHalf) {
+                    $segmentStartHalf = 'AM';
+                    $segmentEndHalf   = 'AM';
+                } else {
+                    $segmentStartHalf = 'AM';
+                    $segmentEndHalf   = 'PM';
+                }
+
+                $this->connection->insert('absences', [
+                    'employee_id' => (int) $row['employee_id'],
+                    'type_id'     => (int) $row['type_id'],
+                    'start_date'  => $day,
+                    'end_date'    => $day,
+                    'start_half'  => $segmentStartHalf,
+                    'end_half'    => $segmentEndHalf,
+                    'comment'     => $row['comment'],
+                ], [
+                    'employee_id' => Types::INTEGER,
+                    'type_id'     => Types::INTEGER,
+                    'start_date'  => Types::DATE_IMMUTABLE,
+                    'end_date'    => Types::DATE_IMMUTABLE,
+                    'start_half'  => Types::STRING,
+                    'end_half'    => Types::STRING,
+                    'comment'     => Types::TEXT,
+                ]);
+            }
+
+            $this->connection->delete('absences', ['id' => (int) $row['id']], ['id' => Types::INTEGER]);
+        }
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->throwIrreversibleMigrationException('Cette migration de decoupage est irreversible.');
+    }
+}
diff --git a/src/ApiResource/ScopedEmployee.php b/src/ApiResource/ScopedEmployee.php
new file mode 100644
index 0000000..cc594c2
--- /dev/null
+++ b/src/ApiResource/ScopedEmployee.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\GetCollection;
+use App\State\ScopedEmployeeProvider;
+
+#[ApiResource(
+    operations: [
+        new GetCollection(
+            uriTemplate: '/employees/scoped',
+            normalizationContext: ['groups' => ['employee:read', 'site:read']],
+            security: "is_granted('ROLE_USER')",
+            provider: ScopedEmployeeProvider::class,
+            paginationEnabled: false
+        ),
+    ]
+)]
+final class ScopedEmployee {}
diff --git a/src/ApiResource/WorkHourBulkUpsert.php b/src/ApiResource/WorkHourBulkUpsert.php
new file mode 100644
index 0000000..741a09f
--- /dev/null
+++ b/src/ApiResource/WorkHourBulkUpsert.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Post;
+use App\State\WorkHourBulkUpsertProcessor;
+
+#[ApiResource(
+    operations: [
+        new Post(
+            uriTemplate: '/work-hours/bulk-upsert',
+            security: "is_granted('ROLE_USER')",
+            output: WorkHourBulkUpsertResult::class,
+            processor: WorkHourBulkUpsertProcessor::class
+        ),
+    ]
+)]
+final class WorkHourBulkUpsert
+{
+    public string $workDate = '';
+
+    /**
+     * @var list<array{
+     *     employeeId:int,
+     *     morningFrom?:?string,
+     *     morningTo?:?string,
+     *     afternoonFrom?:?string,
+     *     afternoonTo?:?string,
+     *     eveningFrom?:?string,
+     *     eveningTo?:?string,
+     *     isPresentMorning?:bool,
+     *     isPresentAfternoon?:bool
+     * }>
+     */
+    public array $entries = [];
+}
diff --git a/src/ApiResource/WorkHourBulkUpsertResult.php b/src/ApiResource/WorkHourBulkUpsertResult.php
new file mode 100644
index 0000000..98912c2
--- /dev/null
+++ b/src/ApiResource/WorkHourBulkUpsertResult.php
@@ -0,0 +1,13 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+final class WorkHourBulkUpsertResult
+{
+    public int $processed = 0;
+    public int $created   = 0;
+    public int $updated   = 0;
+    public int $deleted   = 0;
+}
diff --git a/src/ApiResource/WorkHourDayContext.php b/src/ApiResource/WorkHourDayContext.php
new file mode 100644
index 0000000..f91c136
--- /dev/null
+++ b/src/ApiResource/WorkHourDayContext.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use App\State\WorkHourDayContextProvider;
+
+#[ApiResource(
+    operations: [
+        new Get(
+            uriTemplate: '/work-hours/day-context',
+            security: "is_granted('ROLE_USER')",
+            provider: WorkHourDayContextProvider::class
+        ),
+    ],
+    paginationEnabled: false
+)]
+final class WorkHourDayContext
+{
+    public string $workDate = '';
+
+    /**
+     * @var list<array{
+     *     employeeId:int,
+     *     absenceLabel:?string,
+     *     absenceHalf:?string,
+     *     absentMorning:bool,
+     *     absentAfternoon:bool,
+     *     creditedMinutes:int,
+     *     creditedPresenceUnits:float
+     * }>
+     */
+    public array $rows = [];
+}
diff --git a/src/ApiResource/WorkHourWeeklySummary.php b/src/ApiResource/WorkHourWeeklySummary.php
new file mode 100644
index 0000000..6dea984
--- /dev/null
+++ b/src/ApiResource/WorkHourWeeklySummary.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\ApiResource;
+
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use App\Dto\WorkHours\WeeklySummaryRow;
+use App\State\WorkHourWeeklySummaryProvider;
+
+#[ApiResource(
+    operations: [
+        new Get(
+            uriTemplate: '/work-hours/weekly-summary',
+            security: "is_granted('ROLE_USER')",
+            provider: WorkHourWeeklySummaryProvider::class
+        ),
+    ],
+    paginationEnabled: false
+)]
+final class WorkHourWeeklySummary
+{
+    public string $weekStart = '';
+    public string $weekEnd   = '';
+
+    /** @var list<string> */
+    public array $days = [];
+
+    /** @var list<WeeklySummaryRow> */
+    public array $rows = [];
+}
diff --git a/src/Doctrine/AbsenceCollectionExtension.php b/src/Doctrine/AbsenceCollectionExtension.php
new file mode 100644
index 0000000..a9d4fd0
--- /dev/null
+++ b/src/Doctrine/AbsenceCollectionExtension.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Doctrine;
+
+use ApiPlatform\Doctrine\Orm\Extension\QueryCollectionExtensionInterface;
+use ApiPlatform\Doctrine\Orm\Util\QueryNameGeneratorInterface;
+use ApiPlatform\Metadata\Operation;
+use App\Entity\Absence;
+use App\Entity\User;
+use App\Security\EmployeeScopeService;
+use Doctrine\ORM\QueryBuilder;
+use Symfony\Bundle\SecurityBundle\Security;
+
+final readonly class AbsenceCollectionExtension implements QueryCollectionExtensionInterface
+{
+    public function __construct(
+        private Security $security,
+        private EmployeeScopeService $employeeScopeService,
+    ) {}
+
+    public function applyToCollection(
+        QueryBuilder $queryBuilder,
+        QueryNameGeneratorInterface $queryNameGenerator,
+        string $resourceClass,
+        ?Operation $operation = null,
+        array $context = []
+    ): void {
+        if (Absence::class !== $resourceClass) {
+            return;
+        }
+
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            $queryBuilder->andWhere('1 = 0');
+
+            return;
+        }
+
+        $rootAlias     = $queryBuilder->getRootAliases()[0];
+        $employeeAlias = 'absence_employee_scope';
+
+        $queryBuilder->leftJoin(sprintf('%s.employee', $rootAlias), $employeeAlias)
+            ->addSelect($employeeAlias)
+        ;
+
+        $this->employeeScopeService->applyEmployeeScope($queryBuilder, $employeeAlias, 'absence_scope', $user);
+    }
+}
diff --git a/src/Doctrine/WorkHourCollectionExtension.php b/src/Doctrine/WorkHourCollectionExtension.php
new file mode 100644
index 0000000..544ed14
--- /dev/null
+++ b/src/Doctrine/WorkHourCollectionExtension.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Doctrine;
+
+use ApiPlatform\Doctrine\Orm\Extension\QueryCollectionExtensionInterface;
+use ApiPlatform\Doctrine\Orm\Util\QueryNameGeneratorInterface;
+use ApiPlatform\Metadata\Operation;
+use App\Entity\User;
+use App\Entity\WorkHour;
+use App\Security\EmployeeScopeService;
+use Doctrine\ORM\QueryBuilder;
+use Symfony\Bundle\SecurityBundle\Security;
+
+final readonly class WorkHourCollectionExtension implements QueryCollectionExtensionInterface
+{
+    public function __construct(
+        private Security $security,
+        private EmployeeScopeService $employeeScopeService,
+    ) {}
+
+    public function applyToCollection(
+        QueryBuilder $queryBuilder,
+        QueryNameGeneratorInterface $queryNameGenerator,
+        string $resourceClass,
+        ?Operation $operation = null,
+        array $context = []
+    ): void {
+        // N'applique le filtrage qu'à la ressource WorkHour.
+        if (WorkHour::class !== $resourceClass) {
+            return;
+        }
+
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            // Pas d'utilisateur => aucune ligne renvoyée.
+            $queryBuilder->andWhere('1 = 0');
+
+            return;
+        }
+
+        $rootAlias     = $queryBuilder->getRootAliases()[0];
+        $employeeAlias = 'employee_scope';
+
+        $queryBuilder->leftJoin(sprintf('%s.employee', $rootAlias), $employeeAlias)
+            ->addSelect($employeeAlias)
+        ;
+
+        // Filtrage SQL par scope (admin/self/site) avant retour API.
+        $this->employeeScopeService->applyEmployeeScope($queryBuilder, $employeeAlias, 'work_hour_scope', $user);
+    }
+}
diff --git a/src/Dto/WorkHours/DayContextRow.php b/src/Dto/WorkHours/DayContextRow.php
new file mode 100644
index 0000000..73508fd
--- /dev/null
+++ b/src/Dto/WorkHours/DayContextRow.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Dto\WorkHours;
+
+final class DayContextRow
+{
+    public function __construct(
+        public int $employeeId,
+        public ?string $absenceLabel = null,
+        public ?string $absenceHalf = null,
+        public bool $absentMorning = false,
+        public bool $absentAfternoon = false,
+        public int $creditedMinutes = 0,
+        public float $creditedPresenceUnits = 0.0,
+    ) {}
+
+    public function addAbsence(
+        ?string $label,
+        bool $morning,
+        bool $afternoon,
+        int $creditedMinutes,
+        float $creditedPresenceUnits
+    ): void {
+        // Fusionne plusieurs absences du même jour sur la ligne salarié.
+        $this->absentMorning   = $this->absentMorning   || $morning;
+        $this->absentAfternoon = $this->absentAfternoon || $afternoon;
+
+        // Garde un libellé lisible: unique si possible, sinon "Absences multiples".
+        if (null === $this->absenceLabel) {
+            $this->absenceLabel = $label;
+        } elseif ($label !== $this->absenceLabel) {
+            $this->absenceLabel = 'Absences multiples';
+        }
+
+        // AM/PM seulement pour les demi-journées, null pour journée complète.
+        $this->absenceHalf = $this->resolveHalfLabel($this->absentMorning, $this->absentAfternoon);
+        // Cumule les minutes créditées par les absences "comptées comme travaillées".
+        $this->creditedMinutes += $creditedMinutes;
+        // Cumule les unités de présence créditées (0.5 par demi-journée).
+        $this->creditedPresenceUnits += $creditedPresenceUnits;
+    }
+
+    /**
+     * @return array{
+     *     employeeId:int,
+     *     absenceLabel:?string,
+     *     absenceHalf:?string,
+     *     absentMorning:bool,
+     *     absentAfternoon:bool,
+     *     creditedMinutes:int,
+     *     creditedPresenceUnits:float
+     * }
+     */
+    public function toArray(): array
+    {
+        return [
+            'employeeId'            => $this->employeeId,
+            'absenceLabel'          => $this->absenceLabel,
+            'absenceHalf'           => $this->absenceHalf,
+            'absentMorning'         => $this->absentMorning,
+            'absentAfternoon'       => $this->absentAfternoon,
+            'creditedMinutes'       => $this->creditedMinutes,
+            'creditedPresenceUnits' => $this->creditedPresenceUnits,
+        ];
+    }
+
+    private function resolveHalfLabel(bool $morning, bool $afternoon): ?string
+    {
+        // Matin + après-midi => journée complète, pas de libellé AM/PM.
+        if ($morning && $afternoon) {
+            return null;
+        }
+        if ($morning) {
+            return 'AM';
+        }
+        if ($afternoon) {
+            return 'PM';
+        }
+
+        return null;
+    }
+}
diff --git a/src/Dto/WorkHours/WeeklyDaySummary.php b/src/Dto/WorkHours/WeeklyDaySummary.php
new file mode 100644
index 0000000..97fcf89
--- /dev/null
+++ b/src/Dto/WorkHours/WeeklyDaySummary.php
@@ -0,0 +1,19 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Dto\WorkHours;
+
+final class WeeklyDaySummary
+{
+    public function __construct(
+        public string $date,
+        public int $dayMinutes,
+        public int $nightMinutes,
+        public int $totalMinutes,
+        public ?float $present = null,
+        public bool $hasAbsence = false,
+        public ?string $absenceLabel = null,
+        public ?string $absenceColor = null,
+    ) {}
+}
diff --git a/src/Dto/WorkHours/WeeklySummaryRow.php b/src/Dto/WorkHours/WeeklySummaryRow.php
new file mode 100644
index 0000000..0f5fdba
--- /dev/null
+++ b/src/Dto/WorkHours/WeeklySummaryRow.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Dto\WorkHours;
+
+final class WeeklySummaryRow
+{
+    /**
+     * @param list<WeeklyDaySummary> $daily
+     */
+    public function __construct(
+        public int $employeeId,
+        public string $firstName,
+        public string $lastName,
+        public ?string $siteName,
+        public ?string $contractName,
+        public ?string $contractType,
+        public ?string $trackingMode,
+        public array $daily,
+        public int $weeklyDayMinutes,
+        public int $weeklyNightMinutes,
+        public int $weeklyTotalMinutes,
+        public float $weeklyPresenceCount,
+        public int $weeklyOvertimeTotalMinutes,
+        public int $weeklyOvertime25Minutes,
+        public int $weeklyOvertime50Minutes,
+        public int $weeklyRecoveryMinutes,
+    ) {}
+}
diff --git a/src/Dto/WorkHours/WorkMetrics.php b/src/Dto/WorkHours/WorkMetrics.php
new file mode 100644
index 0000000..616c18b
--- /dev/null
+++ b/src/Dto/WorkHours/WorkMetrics.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Dto\WorkHours;
+
+final class WorkMetrics
+{
+    public function __construct(
+        public int $dayMinutes = 0,
+        public int $nightMinutes = 0,
+        public int $totalMinutes = 0,
+    ) {}
+
+    public function addCreditedMinutes(int $creditedMinutes): void
+    {
+        // Ignore les valeurs nulles ou négatives pour ne pas biaiser les totaux.
+        if ($creditedMinutes <= 0) {
+            return;
+        }
+
+        // Le crédit absence alimente les heures de jour et le total.
+        $this->dayMinutes += $creditedMinutes;
+        $this->totalMinutes += $creditedMinutes;
+    }
+}
diff --git a/src/Entity/Absence.php b/src/Entity/Absence.php
index 56dbb03..61cad30 100644
--- a/src/Entity/Absence.php
+++ b/src/Entity/Absence.php
@@ -9,11 +9,39 @@ use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
 use ApiPlatform\Metadata\ApiFilter;
 use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Delete;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\Metadata\GetCollection;
+use ApiPlatform\Metadata\Patch;
+use ApiPlatform\Metadata\Post;
+use App\Enum\HalfDay;
+use App\Repository\AbsenceRepository;
+use App\State\AbsenceWriteProcessor;
 use DateTimeInterface;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
 
 #[ApiResource(
+    operations: [
+        new GetCollection(
+            security: "is_granted('ROLE_USER')"
+        ),
+        new Get(
+            security: "is_granted('ABSENCE_VIEW', object)"
+        ),
+        new Post(
+            securityPostDenormalize: "is_granted('ABSENCE_EDIT', object)",
+            processor: AbsenceWriteProcessor::class
+        ),
+        new Patch(
+            security: "is_granted('ABSENCE_EDIT', object)",
+            processor: AbsenceWriteProcessor::class
+        ),
+        new Delete(
+            security: "is_granted('ABSENCE_EDIT', object)",
+            processor: AbsenceWriteProcessor::class
+        ),
+    ],
     normalizationContext: [
         'groups'          => ['absence:read', 'employee:read', 'absence_type:read'],
         'datetime_format' => 'Y-m-d',
@@ -22,11 +50,10 @@ use Symfony\Component\Serializer\Attribute\Groups;
         'datetime_format' => 'Y-m-d',
     ],
     paginationEnabled: false,
-    security: "is_granted('ROLE_ADMIN')",
 )]
 #[ApiFilter(DateFilter::class, properties: ['startDate', 'endDate'])]
 #[ApiFilter(SearchFilter::class, properties: ['employee.site' => 'exact'])]
-#[ORM\Entity]
+#[ORM\Entity(repositoryClass: AbsenceRepository::class)]
 #[ORM\Table(name: 'absences')]
 class Absence
 {
@@ -52,17 +79,17 @@ class Absence
     #[Groups(['absence:read'])]
     private DateTimeInterface $startDate;
 
-    #[ORM\Column(type: 'string', length: 2, options: ['default' => 'AM'])]
+    #[ORM\Column(type: 'string', length: 2, enumType: HalfDay::class, options: ['default' => 'AM'])]
     #[Groups(['absence:read'])]
-    private string $startHalf = 'AM';
+    private HalfDay $startHalf = HalfDay::AM;
 
     #[ORM\Column(type: 'date')]
     #[Groups(['absence:read'])]
     private DateTimeInterface $endDate;
 
-    #[ORM\Column(type: 'string', length: 2, options: ['default' => 'PM'])]
+    #[ORM\Column(type: 'string', length: 2, enumType: HalfDay::class, options: ['default' => 'PM'])]
     #[Groups(['absence:read'])]
-    private string $endHalf = 'PM';
+    private HalfDay $endHalf = HalfDay::PM;
 
     #[ORM\Column(type: 'text', nullable: true)]
     #[Groups(['absence:read'])]
@@ -121,24 +148,24 @@ class Absence
         return $this;
     }
 
-    public function getStartHalf(): string
+    public function getStartHalf(): HalfDay
     {
         return $this->startHalf;
     }
 
-    public function setStartHalf(string $startHalf): self
+    public function setStartHalf(HalfDay $startHalf): self
     {
         $this->startHalf = $startHalf;
 
         return $this;
     }
 
-    public function getEndHalf(): string
+    public function getEndHalf(): HalfDay
     {
         return $this->endHalf;
     }
 
-    public function setEndHalf(string $endHalf): self
+    public function setEndHalf(HalfDay $endHalf): self
     {
         $this->endHalf = $endHalf;
 
diff --git a/src/Entity/AbsenceType.php b/src/Entity/AbsenceType.php
index d311d75..2e7870f 100644
--- a/src/Entity/AbsenceType.php
+++ b/src/Entity/AbsenceType.php
@@ -5,13 +5,34 @@ declare(strict_types=1);
 namespace App\Entity;
 
 use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Delete;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\Metadata\GetCollection;
+use ApiPlatform\Metadata\Patch;
+use ApiPlatform\Metadata\Post;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
 
 #[ApiResource(
+    operations: [
+        new GetCollection(
+            security: "is_granted('ROLE_USER')"
+        ),
+        new Get(
+            security: "is_granted('ROLE_USER')"
+        ),
+        new Post(
+            security: "is_granted('ROLE_ADMIN')"
+        ),
+        new Patch(
+            security: "is_granted('ROLE_ADMIN')"
+        ),
+        new Delete(
+            security: "is_granted('ROLE_ADMIN')"
+        ),
+    ],
     normalizationContext: ['groups' => ['absence_type:read']],
     paginationEnabled: false,
-    security: "is_granted('ROLE_ADMIN')"
 )]
 #[ORM\Entity]
 #[ORM\Table(name: 'absence_types')]
@@ -35,6 +56,10 @@ class AbsenceType
     #[Groups(['absence:read', 'absence_type:read'])]
     private string $color = '';
 
+    #[ORM\Column(type: 'boolean', options: ['default' => false])]
+    #[Groups(['absence:read', 'absence_type:read'])]
+    private bool $countAsWorkedHours = false;
+
     public function getId(): ?int
     {
         return $this->id;
@@ -75,4 +100,21 @@ class AbsenceType
 
         return $this;
     }
+
+    public function isCountAsWorkedHours(): bool
+    {
+        return $this->countAsWorkedHours;
+    }
+
+    public function getCountAsWorkedHours(): bool
+    {
+        return $this->countAsWorkedHours;
+    }
+
+    public function setCountAsWorkedHours(bool $countAsWorkedHours): self
+    {
+        $this->countAsWorkedHours = $countAsWorkedHours;
+
+        return $this;
+    }
 }
diff --git a/src/Entity/Contract.php b/src/Entity/Contract.php
new file mode 100644
index 0000000..424d86e
--- /dev/null
+++ b/src/Entity/Contract.php
@@ -0,0 +1,122 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use ApiPlatform\Metadata\ApiResource;
+use App\Enum\ContractType;
+use App\Enum\TrackingMode;
+use Doctrine\ORM\Mapping as ORM;
+use InvalidArgumentException;
+use Symfony\Component\Serializer\Attribute\Groups;
+
+#[ApiResource(
+    normalizationContext: ['groups' => ['contract:read']],
+    denormalizationContext: ['groups' => ['contract:write']],
+    paginationEnabled: false,
+    security: "is_granted('ROLE_ADMIN')"
+)]
+#[ORM\Entity]
+#[ORM\Table(name: 'contracts')]
+class Contract
+{
+    public const string TRACKING_TIME     = TrackingMode::TIME->value;
+    public const string TRACKING_PRESENCE = TrackingMode::PRESENCE->value;
+
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: 'integer')]
+    #[Groups(['contract:read', 'employee:read'])]
+    private ?int $id = null;
+
+    #[ORM\Column(type: 'string', length: 120)]
+    #[Groups(['contract:read', 'contract:write', 'employee:read'])]
+    private string $name = '';
+
+    #[ORM\Column(type: 'string', length: 20)]
+    #[Groups(['contract:read', 'contract:write', 'employee:read'])]
+    private string $trackingMode = self::TRACKING_TIME;
+
+    #[ORM\Column(type: 'integer', nullable: true)]
+    #[Groups(['contract:read', 'contract:write', 'employee:read'])]
+    private ?int $weeklyHours = null;
+
+    #[ORM\Column(type: 'boolean', options: ['default' => true])]
+    #[Groups(['contract:read', 'contract:write'])]
+    private bool $isActive = true;
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    public function setName(string $name): self
+    {
+        $this->name = $name;
+
+        return $this;
+    }
+
+    public function getTrackingMode(): string
+    {
+        return $this->trackingMode;
+    }
+
+    public function getTrackingModeEnum(): TrackingMode
+    {
+        return TrackingMode::tryFrom($this->trackingMode) ?? TrackingMode::TIME;
+    }
+
+    public function setTrackingMode(string|TrackingMode $trackingMode): self
+    {
+        $value = $trackingMode instanceof TrackingMode ? $trackingMode->value : $trackingMode;
+        if (null === TrackingMode::tryFrom($value)) {
+            throw new InvalidArgumentException(sprintf('Invalid tracking mode "%s".', $value));
+        }
+
+        $this->trackingMode = $value;
+
+        return $this;
+    }
+
+    #[Groups(['contract:read', 'employee:read'])]
+    public function getType(): ContractType
+    {
+        return ContractType::resolve($this->name, $this->trackingMode, $this->weeklyHours);
+    }
+
+    public function getWeeklyHours(): ?int
+    {
+        return $this->weeklyHours;
+    }
+
+    public function setWeeklyHours(?int $weeklyHours): self
+    {
+        $this->weeklyHours = $weeklyHours;
+
+        return $this;
+    }
+
+    public function isActive(): bool
+    {
+        return $this->isActive;
+    }
+
+    public function getIsActive(): bool
+    {
+        return $this->isActive;
+    }
+
+    public function setIsActive(bool $isActive): self
+    {
+        $this->isActive = $isActive;
+
+        return $this;
+    }
+}
diff --git a/src/Entity/Employee.php b/src/Entity/Employee.php
index 452d36e..4403b73 100644
--- a/src/Entity/Employee.php
+++ b/src/Entity/Employee.php
@@ -4,7 +4,9 @@ declare(strict_types=1);
 
 namespace App\Entity;
 
+use ApiPlatform\Metadata\ApiProperty;
 use ApiPlatform\Metadata\ApiResource;
+use App\Repository\EmployeeRepository;
 use DateTimeImmutable;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Attribute\Groups;
@@ -15,7 +17,7 @@ use Symfony\Component\Serializer\Attribute\Groups;
     paginationEnabled: false,
     security: "is_granted('ROLE_ADMIN')"
 )]
-#[ORM\Entity]
+#[ORM\Entity(repositoryClass: EmployeeRepository::class)]
 #[ORM\Table(name: 'employees')]
 class Employee
 {
@@ -33,12 +35,18 @@ class Employee
     #[Groups(['absence:read', 'employee:read', 'employee:write'])]
     private string $lastName = '';
 
-    #[ApiPlatform\Metadata\ApiProperty(readableLink: true)]
+    #[ApiProperty(readableLink: true)]
     #[ORM\ManyToOne(targetEntity: Site::class)]
     #[ORM\JoinColumn(nullable: true)]
     #[Groups(['employee:read', 'employee:write'])]
     private ?Site $site = null;
 
+    #[ApiProperty(readableLink: true)]
+    #[ORM\ManyToOne(targetEntity: Contract::class)]
+    #[ORM\JoinColumn(nullable: false)]
+    #[Groups(['employee:read', 'employee:write'])]
+    private ?Contract $contract = null;
+
     #[ORM\Column(type: 'integer', options: ['default' => 0])]
     #[Groups(['employee:read', 'employee:write'])]
     private int $displayOrder = 0;
@@ -92,6 +100,18 @@ class Employee
         return $this;
     }
 
+    public function getContract(): ?Contract
+    {
+        return $this->contract;
+    }
+
+    public function setContract(?Contract $contract): self
+    {
+        $this->contract = $contract;
+
+        return $this;
+    }
+
     public function getCreatedAt(): DateTimeImmutable
     {
         return $this->createdAt;
diff --git a/src/Entity/WorkHour.php b/src/Entity/WorkHour.php
new file mode 100644
index 0000000..b4aad7e
--- /dev/null
+++ b/src/Entity/WorkHour.php
@@ -0,0 +1,248 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use ApiPlatform\Doctrine\Orm\Filter\DateFilter;
+use ApiPlatform\Doctrine\Orm\Filter\SearchFilter;
+use ApiPlatform\Metadata\ApiFilter;
+use ApiPlatform\Metadata\ApiProperty;
+use ApiPlatform\Metadata\ApiResource;
+use ApiPlatform\Metadata\Get;
+use ApiPlatform\Metadata\GetCollection;
+use ApiPlatform\Metadata\Patch;
+use App\Repository\WorkHourRepository;
+use DateTimeInterface;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Attribute\Groups;
+
+#[ApiResource(
+    operations: [
+        new GetCollection(
+            paginationEnabled: false,
+            normalizationContext: ['groups' => ['work_hour:read', 'employee:read', 'site:read']],
+            security: "is_granted('ROLE_USER')"
+        ),
+        new Get(
+            normalizationContext: ['groups' => ['work_hour:read', 'employee:read', 'site:read']],
+            security: "is_granted('WORK_HOUR_VIEW', object)"
+        ),
+        new Patch(
+            normalizationContext: ['groups' => ['work_hour:read', 'employee:read', 'site:read']],
+            denormalizationContext: ['groups' => ['work_hour:validate']],
+            security: "is_granted('ROLE_ADMIN')"
+        ),
+    ],
+)]
+#[ApiFilter(DateFilter::class, properties: ['workDate'])]
+#[ApiFilter(SearchFilter::class, properties: ['employee' => 'exact', 'employee.site' => 'exact'])]
+#[ORM\Entity(repositoryClass: WorkHourRepository::class)]
+#[ORM\Table(name: 'work_hours')]
+#[ORM\UniqueConstraint(name: 'uniq_work_hours_employee_date', fields: ['employee', 'workDate'])]
+class WorkHour
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: 'integer')]
+    #[Groups(['work_hour:read'])]
+    private ?int $id = null;
+
+    #[ApiProperty(readableLink: true)]
+    #[ORM\ManyToOne(targetEntity: Employee::class)]
+    #[ORM\JoinColumn(nullable: false)]
+    #[Groups(['work_hour:read'])]
+    private ?Employee $employee = null;
+
+    #[ORM\Column(type: 'date_immutable')]
+    #[Groups(['work_hour:read'])]
+    private DateTimeInterface $workDate;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $morningFrom = null;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $morningTo = null;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $afternoonFrom = null;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $afternoonTo = null;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $eveningFrom = null;
+
+    #[ORM\Column(type: 'string', length: 5, nullable: true)]
+    #[Groups(['work_hour:read'])]
+    private ?string $eveningTo = null;
+
+    #[ORM\Column(type: 'boolean', options: ['default' => false])]
+    #[Groups(['work_hour:read'])]
+    private bool $isPresentMorning = false;
+
+    #[ORM\Column(type: 'boolean', options: ['default' => false])]
+    #[Groups(['work_hour:read'])]
+    private bool $isPresentAfternoon = false;
+
+    #[ORM\Column(type: 'boolean', options: ['default' => false])]
+    #[Groups(['work_hour:read', 'work_hour:validate'])]
+    private bool $isValid = false;
+
+    public function getId(): ?int
+    {
+        return $this->id;
+    }
+
+    public function getEmployee(): ?Employee
+    {
+        return $this->employee;
+    }
+
+    public function setEmployee(?Employee $employee): self
+    {
+        $this->employee = $employee;
+
+        return $this;
+    }
+
+    public function getWorkDate(): DateTimeInterface
+    {
+        return $this->workDate;
+    }
+
+    public function setWorkDate(DateTimeInterface $workDate): self
+    {
+        $this->workDate = $workDate;
+
+        return $this;
+    }
+
+    public function getMorningFrom(): ?string
+    {
+        return $this->morningFrom;
+    }
+
+    public function setMorningFrom(?string $morningFrom): self
+    {
+        $this->morningFrom = $morningFrom;
+
+        return $this;
+    }
+
+    public function getMorningTo(): ?string
+    {
+        return $this->morningTo;
+    }
+
+    public function setMorningTo(?string $morningTo): self
+    {
+        $this->morningTo = $morningTo;
+
+        return $this;
+    }
+
+    public function getAfternoonFrom(): ?string
+    {
+        return $this->afternoonFrom;
+    }
+
+    public function setAfternoonFrom(?string $afternoonFrom): self
+    {
+        $this->afternoonFrom = $afternoonFrom;
+
+        return $this;
+    }
+
+    public function getAfternoonTo(): ?string
+    {
+        return $this->afternoonTo;
+    }
+
+    public function setAfternoonTo(?string $afternoonTo): self
+    {
+        $this->afternoonTo = $afternoonTo;
+
+        return $this;
+    }
+
+    public function getEveningFrom(): ?string
+    {
+        return $this->eveningFrom;
+    }
+
+    public function setEveningFrom(?string $eveningFrom): self
+    {
+        $this->eveningFrom = $eveningFrom;
+
+        return $this;
+    }
+
+    public function getEveningTo(): ?string
+    {
+        return $this->eveningTo;
+    }
+
+    public function setEveningTo(?string $eveningTo): self
+    {
+        $this->eveningTo = $eveningTo;
+
+        return $this;
+    }
+
+    public function isPresentMorning(): bool
+    {
+        return $this->isPresentMorning;
+    }
+
+    public function getIsPresentMorning(): bool
+    {
+        return $this->isPresentMorning;
+    }
+
+    public function setIsPresentMorning(bool $isPresentMorning): self
+    {
+        $this->isPresentMorning = $isPresentMorning;
+
+        return $this;
+    }
+
+    public function isPresentAfternoon(): bool
+    {
+        return $this->isPresentAfternoon;
+    }
+
+    public function getIsPresentAfternoon(): bool
+    {
+        return $this->isPresentAfternoon;
+    }
+
+    public function setIsPresentAfternoon(bool $isPresentAfternoon): self
+    {
+        $this->isPresentAfternoon = $isPresentAfternoon;
+
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return $this->isValid;
+    }
+
+    public function getIsValid(): bool
+    {
+        return $this->isValid;
+    }
+
+    public function setIsValid(bool $isValid): self
+    {
+        $this->isValid = $isValid;
+
+        return $this;
+    }
+}
diff --git a/src/Enum/ContractType.php b/src/Enum/ContractType.php
new file mode 100644
index 0000000..9d2e5f8
--- /dev/null
+++ b/src/Enum/ContractType.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Enum;
+
+enum ContractType: string
+{
+    case FORFAIT = 'FORFAIT';
+    case H35     = '35H';
+    case H39     = '39H';
+    case INTERIM = 'INTERIM';
+    case CUSTOM  = 'CUSTOM';
+
+    public static function resolve(?string $name, ?string $trackingMode, ?int $weeklyHours): self
+    {
+        if (TrackingMode::PRESENCE->value === $trackingMode) {
+            return self::FORFAIT;
+        }
+
+        $normalizedName = self::normalize($name);
+        if ('interim' === $normalizedName) {
+            return self::INTERIM;
+        }
+
+        if (35 === $weeklyHours) {
+            return self::H35;
+        }
+
+        if (39 === $weeklyHours) {
+            return self::H39;
+        }
+
+        return self::CUSTOM;
+    }
+
+    private static function normalize(?string $value): string
+    {
+        if (null === $value) {
+            return '';
+        }
+
+        $normalized = mb_strtolower(trim($value));
+
+        return str_replace('é', 'e', $normalized);
+    }
+}
diff --git a/src/Enum/HalfDay.php b/src/Enum/HalfDay.php
new file mode 100644
index 0000000..2a1d1f4
--- /dev/null
+++ b/src/Enum/HalfDay.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Enum;
+
+enum HalfDay: string
+{
+    case AM = 'AM';
+    case PM = 'PM';
+}
diff --git a/src/Enum/TrackingMode.php b/src/Enum/TrackingMode.php
new file mode 100644
index 0000000..0493b89
--- /dev/null
+++ b/src/Enum/TrackingMode.php
@@ -0,0 +1,11 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Enum;
+
+enum TrackingMode: string
+{
+    case TIME     = 'TIME';
+    case PRESENCE = 'PRESENCE';
+}
diff --git a/src/Repository/AbsenceRepository.php b/src/Repository/AbsenceRepository.php
new file mode 100644
index 0000000..397e6bb
--- /dev/null
+++ b/src/Repository/AbsenceRepository.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository;
+
+use App\Entity\Absence;
+use App\Entity\Employee;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use DateTimeImmutable;
+use DateTimeInterface;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<Absence>
+ */
+final class AbsenceRepository extends ServiceEntityRepository implements AbsenceReadRepositoryInterface
+{
+    public function __construct(ManagerRegistry $registry)
+    {
+        parent::__construct($registry, Absence::class);
+    }
+
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<Absence>
+     */
+    public function findForPrint(DateTimeImmutable $from, DateTimeImmutable $to, array $employees): array
+    {
+        if ([] === $employees) {
+            return [];
+        }
+
+        $qb = $this->createQueryBuilder('a')
+            ->leftJoin('a.employee', 'e')
+            ->leftJoin('a.type', 't')
+            ->addSelect('e', 't')
+            ->andWhere('a.startDate <= :to')
+            ->andWhere('a.endDate >= :from')
+            ->andWhere('a.employee IN (:employees)')
+            ->setParameter('from', $from)
+            ->setParameter('to', $to)
+            ->setParameter('employees', $employees)
+        ;
+
+        // @var list<Absence> $absences
+        return $qb->getQuery()->getResult();
+    }
+
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<Absence>
+     */
+    public function findByDateAndEmployees(DateTimeImmutable $date, array $employees): array
+    {
+        if ([] === $employees) {
+            return [];
+        }
+
+        $qb = $this->createQueryBuilder('a')
+            ->leftJoin('a.employee', 'e')
+            ->leftJoin('a.type', 't')
+            ->addSelect('e', 't')
+            ->andWhere('a.startDate <= :date')
+            ->andWhere('a.endDate >= :date')
+            ->andWhere('a.employee IN (:employees)')
+            ->setParameter('date', $date)
+            ->setParameter('employees', $employees)
+        ;
+
+        // @var list<Absence> $absences
+        return $qb->getQuery()->getResult();
+    }
+
+    /**
+     * @return list<Absence>
+     */
+    public function findByEmployeeAndDateRange(Employee $employee, DateTimeInterface $from, DateTimeInterface $to): array
+    {
+        $fromDate = DateTimeImmutable::createFromInterface($from);
+        $toDate   = DateTimeImmutable::createFromInterface($to);
+
+        $qb = $this->createQueryBuilder('a')
+            ->leftJoin('a.employee', 'e')
+            ->leftJoin('a.type', 't')
+            ->addSelect('e', 't')
+            ->andWhere('a.employee = :employee')
+            ->andWhere('a.startDate >= :from')
+            ->andWhere('a.startDate <= :to')
+            ->setParameter('employee', $employee)
+            ->setParameter('from', $fromDate)
+            ->setParameter('to', $toDate)
+            ->orderBy('a.startDate', 'ASC')
+        ;
+
+        // @var list<Absence> $absences
+        return $qb->getQuery()->getResult();
+    }
+}
diff --git a/src/Repository/Contract/AbsenceReadRepositoryInterface.php b/src/Repository/Contract/AbsenceReadRepositoryInterface.php
new file mode 100644
index 0000000..5b7bed3
--- /dev/null
+++ b/src/Repository/Contract/AbsenceReadRepositoryInterface.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository\Contract;
+
+use App\Entity\Absence;
+use App\Entity\Employee;
+use DateTimeImmutable;
+use DateTimeInterface;
+
+interface AbsenceReadRepositoryInterface
+{
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<Absence>
+     */
+    public function findForPrint(DateTimeImmutable $from, DateTimeImmutable $to, array $employees): array;
+
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<Absence>
+     */
+    public function findByDateAndEmployees(DateTimeImmutable $date, array $employees): array;
+
+    /**
+     * @return list<Absence>
+     */
+    public function findByEmployeeAndDateRange(Employee $employee, DateTimeInterface $from, DateTimeInterface $to): array;
+}
diff --git a/src/Repository/Contract/EmployeeScopedRepositoryInterface.php b/src/Repository/Contract/EmployeeScopedRepositoryInterface.php
new file mode 100644
index 0000000..e9bb07c
--- /dev/null
+++ b/src/Repository/Contract/EmployeeScopedRepositoryInterface.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository\Contract;
+
+use App\Entity\Employee;
+use App\Entity\User;
+
+interface EmployeeScopedRepositoryInterface
+{
+    /**
+     * @return list<Employee>
+     */
+    public function findScoped(User $user): array;
+}
diff --git a/src/Repository/Contract/WorkHourReadRepositoryInterface.php b/src/Repository/Contract/WorkHourReadRepositoryInterface.php
new file mode 100644
index 0000000..ed3112a
--- /dev/null
+++ b/src/Repository/Contract/WorkHourReadRepositoryInterface.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository\Contract;
+
+use App\Entity\Employee;
+use App\Entity\WorkHour;
+use DateTimeImmutable;
+use DateTimeInterface;
+
+interface WorkHourReadRepositoryInterface
+{
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<WorkHour>
+     */
+    public function findByDateRangeAndEmployees(DateTimeImmutable $from, DateTimeImmutable $to, array $employees): array;
+
+    public function findOneByEmployeeAndDate(Employee $employee, DateTimeInterface $date): ?WorkHour;
+
+    public function hasValidatedInRange(Employee $employee, DateTimeInterface $from, DateTimeInterface $to): bool;
+}
diff --git a/src/Repository/EmployeeRepository.php b/src/Repository/EmployeeRepository.php
new file mode 100644
index 0000000..dd085ab
--- /dev/null
+++ b/src/Repository/EmployeeRepository.php
@@ -0,0 +1,104 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository;
+
+use App\Entity\Employee;
+use App\Entity\User;
+use App\Repository\Contract\EmployeeScopedRepositoryInterface;
+use App\Security\EmployeeScopeService;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<Employee>
+ */
+final class EmployeeRepository extends ServiceEntityRepository implements EmployeeScopedRepositoryInterface
+{
+    public function __construct(
+        ManagerRegistry $registry,
+        private readonly EmployeeScopeService $employeeScopeService,
+    ) {
+        parent::__construct($registry, Employee::class);
+    }
+
+    /**
+     * @param list<int> $employeeIds
+     *
+     * @return array<int, Employee>
+     */
+    public function findAccessibleByIds(array $employeeIds, User $user): array
+    {
+        if ([] === $employeeIds) {
+            return [];
+        }
+
+        $qb = $this->createQueryBuilder('e')
+            ->andWhere('e.id IN (:ids)')
+            ->setParameter('ids', $employeeIds)
+        ;
+
+        $this->employeeScopeService->applyEmployeeScope($qb, 'e', 'employee_repo_scope', $user);
+
+        /** @var list<Employee> $employees */
+        $employees = $qb->getQuery()->getResult();
+
+        $byId = [];
+        foreach ($employees as $employee) {
+            $employeeId = $employee->getId();
+            if ($employeeId) {
+                $byId[$employeeId] = $employee;
+            }
+        }
+
+        return $byId;
+    }
+
+    /**
+     * @return list<Employee>
+     */
+    public function findScoped(User $user): array
+    {
+        $qb = $this->createQueryBuilder('e')
+            ->leftJoin('e.site', 's')
+            ->addSelect('s')
+            ->orderBy('s.name', 'ASC')
+            ->addOrderBy('e.displayOrder', 'ASC')
+            ->addOrderBy('e.lastName', 'ASC')
+            ->addOrderBy('e.firstName', 'ASC')
+        ;
+
+        $this->employeeScopeService->applyEmployeeScope($qb, 'e', 'employee_scoped_list', $user);
+
+        // @var list<Employee> $employees
+        return $qb->getQuery()->getResult();
+    }
+
+    /**
+     * @param list<int> $siteIds
+     *
+     * @return list<Employee>
+     */
+    public function findForPrintBySiteIds(array $siteIds): array
+    {
+        $qb = $this->createQueryBuilder('e')
+            ->leftJoin('e.site', 's')
+            ->addSelect('s')
+            ->orderBy('s.displayOrder', 'ASC')
+            ->addOrderBy('s.name', 'ASC')
+            ->addOrderBy('e.displayOrder', 'ASC')
+            ->addOrderBy('e.lastName', 'ASC')
+            ->addOrderBy('e.firstName', 'ASC')
+        ;
+
+        if ([] !== $siteIds) {
+            $qb->andWhere('s.id IN (:siteIds)')
+                ->setParameter('siteIds', $siteIds)
+            ;
+        }
+
+        // @var list<Employee> $employees
+        return $qb->getQuery()->getResult();
+    }
+}
diff --git a/src/Repository/WorkHourRepository.php b/src/Repository/WorkHourRepository.php
new file mode 100644
index 0000000..116210d
--- /dev/null
+++ b/src/Repository/WorkHourRepository.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Repository;
+
+use App\Entity\Employee;
+use App\Entity\WorkHour;
+use App\Repository\Contract\WorkHourReadRepositoryInterface;
+use DateTimeImmutable;
+use DateTimeInterface;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<WorkHour>
+ */
+final class WorkHourRepository extends ServiceEntityRepository implements WorkHourReadRepositoryInterface
+{
+    public function __construct(ManagerRegistry $registry)
+    {
+        parent::__construct($registry, WorkHour::class);
+    }
+
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return array<int, WorkHour>
+     */
+    public function findByDateAndEmployeesIndexedByEmployeeId(DateTimeImmutable $workDate, array $employees): array
+    {
+        if ([] === $employees) {
+            return [];
+        }
+
+        $qb = $this->createQueryBuilder('w')
+            ->leftJoin('w.employee', 'e')
+            ->addSelect('e')
+            ->andWhere('w.workDate = :workDate')
+            ->andWhere('w.employee IN (:employees)')
+            ->setParameter('workDate', $workDate)
+            ->setParameter('employees', $employees)
+        ;
+
+        /** @var list<WorkHour> $workHours */
+        $workHours = $qb->getQuery()->getResult();
+
+        $byEmployeeId = [];
+        foreach ($workHours as $workHour) {
+            $employeeId = $workHour->getEmployee()?->getId();
+            if ($employeeId) {
+                $byEmployeeId[$employeeId] = $workHour;
+            }
+        }
+
+        return $byEmployeeId;
+    }
+
+    /**
+     * @param list<Employee> $employees
+     *
+     * @return list<WorkHour>
+     */
+    public function findByDateRangeAndEmployees(DateTimeImmutable $from, DateTimeImmutable $to, array $employees): array
+    {
+        if ([] === $employees) {
+            return [];
+        }
+
+        $qb = $this->createQueryBuilder('w')
+            ->leftJoin('w.employee', 'e')
+            ->addSelect('e')
+            ->andWhere('w.workDate >= :from')
+            ->andWhere('w.workDate <= :to')
+            ->andWhere('w.employee IN (:employees)')
+            ->setParameter('from', $from)
+            ->setParameter('to', $to)
+            ->setParameter('employees', $employees)
+        ;
+
+        // @var list<WorkHour> $workHours
+        return $qb->getQuery()->getResult();
+    }
+
+    public function hasValidatedInRange(Employee $employee, DateTimeInterface $from, DateTimeInterface $to): bool
+    {
+        $fromDate = DateTimeImmutable::createFromInterface($from);
+        $toDate   = DateTimeImmutable::createFromInterface($to);
+
+        $qb = $this->createQueryBuilder('w')
+            ->select('COUNT(w.id)')
+            ->andWhere('w.employee = :employee')
+            ->andWhere('w.workDate >= :from')
+            ->andWhere('w.workDate <= :to')
+            ->andWhere('w.isValid = :isValid')
+            ->setParameter('employee', $employee)
+            ->setParameter('from', $fromDate)
+            ->setParameter('to', $toDate)
+            ->setParameter('isValid', true)
+        ;
+
+        return ((int) $qb->getQuery()->getSingleScalarResult()) > 0;
+    }
+
+    public function findOneByEmployeeAndDate(Employee $employee, DateTimeInterface $date): ?WorkHour
+    {
+        $workDate = DateTimeImmutable::createFromInterface($date);
+
+        $qb = $this->createQueryBuilder('w')
+            ->andWhere('w.employee = :employee')
+            ->andWhere('w.workDate = :workDate')
+            ->setParameter('employee', $employee)
+            ->setParameter('workDate', $workDate)
+            ->setMaxResults(1)
+        ;
+
+        /** @var null|WorkHour $workHour */
+        return $qb->getQuery()->getOneOrNullResult();
+    }
+}
diff --git a/src/Security/EmployeeScopeService.php b/src/Security/EmployeeScopeService.php
new file mode 100644
index 0000000..401fdf8
--- /dev/null
+++ b/src/Security/EmployeeScopeService.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Security;
+
+use App\Entity\Employee;
+use App\Entity\User;
+use Doctrine\ORM\QueryBuilder;
+
+class EmployeeScopeService
+{
+    public const string SITE_ACCESS_ROLE = 'SITE_ACCESS';
+
+    /**
+     * Règle métier centrale d'accès à un employé.
+     * - Admin : accès global
+     * - Self : uniquement son employé lié
+     * - Site : uniquement les employés des sites autorisés.
+     */
+    public function canAccessEmployee(User $user, Employee $employee): bool
+    {
+        if (in_array('ROLE_ADMIN', $user->getRoles(), true)) {
+            return true;
+        }
+
+        if (in_array('ROLE_SELF', $user->getRoles(), true)) {
+            return $user->getEmployee()?->getId() === $employee->getId();
+        }
+
+        $employeeSiteId = $employee->getSite()?->getId();
+        if (!$employeeSiteId) {
+            return false;
+        }
+
+        return in_array($employeeSiteId, $this->getAllowedSiteIds($user), true);
+    }
+
+    /**
+     * Retourne la liste des sites accessibles via user_site_roles.
+     *
+     * @return list<int>
+     */
+    public function getAllowedSiteIds(User $user): array
+    {
+        $siteIds = [];
+
+        foreach ($user->getSiteRoles() as $siteRole) {
+            if (self::SITE_ACCESS_ROLE !== $siteRole->getRole()) {
+                continue;
+            }
+
+            $siteId = $siteRole->getSite()?->getId();
+            if ($siteId) {
+                $siteIds[] = $siteId;
+            }
+        }
+
+        return array_values(array_unique($siteIds));
+    }
+
+    /**
+     * Applique le scope directement sur un QueryBuilder Doctrine.
+     * Cette méthode est utilisée pour filtrer les collections SQL
+     * avant sérialisation (plus sûr et plus performant).
+     */
+    public function applyEmployeeScope(QueryBuilder $qb, string $employeeAlias, string $paramPrefix, User $user): void
+    {
+        if (in_array('ROLE_ADMIN', $user->getRoles(), true)) {
+            return;
+        }
+
+        if (in_array('ROLE_SELF', $user->getRoles(), true)) {
+            $employeeId = $user->getEmployee()?->getId();
+            if (!$employeeId) {
+                $qb->andWhere('1 = 0');
+
+                return;
+            }
+
+            $qb->andWhere(sprintf('%s.id = :%s_employee_id', $employeeAlias, $paramPrefix))
+                ->setParameter(sprintf('%s_employee_id', $paramPrefix), $employeeId)
+            ;
+
+            return;
+        }
+
+        $siteIds = $this->getAllowedSiteIds($user);
+        if ([] === $siteIds) {
+            $qb->andWhere('1 = 0');
+
+            return;
+        }
+
+        $qb->andWhere(sprintf('%s.site IN (:%s_site_ids)', $employeeAlias, $paramPrefix))
+            ->setParameter(sprintf('%s_site_ids', $paramPrefix), $siteIds)
+        ;
+    }
+}
diff --git a/src/Security/Voter/AbsenceVoter.php b/src/Security/Voter/AbsenceVoter.php
new file mode 100644
index 0000000..1a6e088
--- /dev/null
+++ b/src/Security/Voter/AbsenceVoter.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Security\Voter;
+
+use App\Entity\Absence;
+use App\Entity\User;
+use App\Security\EmployeeScopeService;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\Security\Core\Authentication\Token\TokenInterface;
+use Symfony\Component\Security\Core\Authorization\Voter\Vote;
+use Symfony\Component\Security\Core\Authorization\Voter\Voter;
+
+final class AbsenceVoter extends Voter
+{
+    public const string VIEW = 'ABSENCE_VIEW';
+    public const string EDIT = 'ABSENCE_EDIT';
+
+    public function __construct(
+        private readonly Security $security,
+        private readonly EmployeeScopeService $employeeScopeService,
+    ) {}
+
+    protected function supports(string $attribute, mixed $subject): bool
+    {
+        return in_array($attribute, [self::VIEW, self::EDIT], true) && $subject instanceof Absence;
+    }
+
+    protected function voteOnAttribute(string $attribute, mixed $subject, TokenInterface $token, ?Vote $vote = null): bool
+    {
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            return false;
+        }
+
+        if (!$subject instanceof Absence) {
+            return false;
+        }
+
+        $employee = $subject->getEmployee();
+        if (null === $employee) {
+            return false;
+        }
+
+        return $this->employeeScopeService->canAccessEmployee($user, $employee);
+    }
+}
diff --git a/src/Security/Voter/WorkHourVoter.php b/src/Security/Voter/WorkHourVoter.php
new file mode 100644
index 0000000..72d1b27
--- /dev/null
+++ b/src/Security/Voter/WorkHourVoter.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Security\Voter;
+
+use App\Entity\User;
+use App\Entity\WorkHour;
+use App\Security\EmployeeScopeService;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\Security\Core\Authentication\Token\TokenInterface;
+use Symfony\Component\Security\Core\Authorization\Voter\Vote;
+use Symfony\Component\Security\Core\Authorization\Voter\Voter;
+
+class WorkHourVoter extends Voter
+{
+    public const string VIEW = 'WORK_HOUR_VIEW';
+    public const string EDIT = 'WORK_HOUR_EDIT';
+
+    public function __construct(
+        private readonly Security $security,
+        private readonly EmployeeScopeService $employeeScopeService,
+    ) {}
+
+    protected function supports(string $attribute, mixed $subject): bool
+    {
+        return in_array($attribute, [self::VIEW, self::EDIT], true) && $subject instanceof WorkHour;
+    }
+
+    protected function voteOnAttribute(string $attribute, mixed $subject, TokenInterface $token, ?Vote $vote = null): bool
+    {
+        // On ne traite que des utilisateurs applicatifs authentifiés.
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            return false;
+        }
+
+        if (!$subject instanceof WorkHour) {
+            return false;
+        }
+
+        $employee = $subject->getEmployee();
+        if (null === $employee) {
+            return false;
+        }
+
+        // Délégation de la règle au service de scope unique (évite la duplication).
+        return $this->employeeScopeService->canAccessEmployee($user, $employee);
+    }
+}
diff --git a/src/Service/WorkHours/AbsenceSegmentsResolver.php b/src/Service/WorkHours/AbsenceSegmentsResolver.php
new file mode 100644
index 0000000..5630f05
--- /dev/null
+++ b/src/Service/WorkHours/AbsenceSegmentsResolver.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Service\WorkHours;
+
+use App\Entity\Absence;
+use App\Enum\HalfDay;
+
+final class AbsenceSegmentsResolver
+{
+    /**
+     * @return array{bool, bool}
+     */
+    public function resolveForDate(Absence $absence, string $dateYmd): array
+    {
+        $startDate = $absence->getStartDate()->format('Y-m-d');
+        $endDate   = $absence->getEndDate()->format('Y-m-d');
+        $startHalf = $absence->getStartHalf();
+        $endHalf   = $absence->getEndHalf();
+
+        // Cas d'une absence sur une seule date: on déduit matin/après-midi depuis les bornes.
+        if ($startDate === $endDate) {
+            if (HalfDay::AM === $startHalf && HalfDay::AM === $endHalf) {
+                // Uniquement le matin absent.
+                return [true, false];
+            }
+            if (HalfDay::PM === $startHalf && HalfDay::PM === $endHalf) {
+                // Uniquement l'après-midi absent.
+                return [false, true];
+            }
+
+            // Sinon, on considère la journée complète absente.
+            return [true, true];
+        }
+
+        // Premier jour d'une absence multi-jours qui commence l'après-midi.
+        if ($dateYmd === $startDate && HalfDay::PM === $startHalf) {
+            return [false, true];
+        }
+
+        // Dernier jour d'une absence multi-jours qui se termine le matin.
+        if ($dateYmd === $endDate && HalfDay::AM === $endHalf) {
+            return [true, false];
+        }
+
+        // Les jours intermédiaires sont entièrement absents.
+        return [true, true];
+    }
+}
diff --git a/src/Service/WorkHours/WorkedHoursCreditPolicy.php b/src/Service/WorkHours/WorkedHoursCreditPolicy.php
new file mode 100644
index 0000000..7688494
--- /dev/null
+++ b/src/Service/WorkHours/WorkedHoursCreditPolicy.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Service\WorkHours;
+
+use App\Entity\Absence;
+use App\Enum\TrackingMode;
+use DateMalformedStringException;
+use DateTimeImmutable;
+
+final class WorkedHoursCreditPolicy
+{
+    /**
+     * @throws DateMalformedStringException
+     */
+    public function computeCreditedMinutes(Absence $absence, string $dateYmd, bool $absentMorning, bool $absentAfternoon): int
+    {
+        $type = $absence->getType();
+        // Certaines absences ne doivent jamais générer d'heures créditées.
+        if (!$type?->getCountAsWorkedHours()) {
+            return 0;
+        }
+
+        $employee = $absence->getEmployee();
+        // Les contrats suivis en "présence" ne cumulent pas d'heures en minutes.
+        if (TrackingMode::TIME->value !== $employee?->getContract()?->getTrackingMode()) {
+            return 0;
+        }
+
+        $weekday = (int) new DateTimeImmutable($dateYmd)->format('N');
+        // On applique la règle de crédit dépendante du contrat (35h / 39h / fallback).
+        $dayMinutes = $this->resolveContractDayMinutes($employee->getContract()?->getWeeklyHours(), $weekday);
+        if ($dayMinutes <= 0) {
+            return 0;
+        }
+
+        // Crédit en demi-journées: matin = 0.5, après-midi = 0.5.
+        $halfUnits = ($absentMorning ? 1 : 0) + ($absentAfternoon ? 1 : 0);
+
+        return (int) round(($dayMinutes / 2) * $halfUnits);
+    }
+
+    public function computeCreditedPresenceUnits(Absence $absence, bool $absentMorning, bool $absentAfternoon): float
+    {
+        $type = $absence->getType();
+        if (!$type?->getCountAsWorkedHours()) {
+            return 0.0;
+        }
+
+        $employee = $absence->getEmployee();
+        if (TrackingMode::PRESENCE->value !== $employee?->getContract()?->getTrackingMode()) {
+            return 0.0;
+        }
+
+        $halfUnits = ($absentMorning ? 1 : 0) + ($absentAfternoon ? 1 : 0);
+
+        return $halfUnits * 0.5;
+    }
+
+    public function resolveContractDayMinutes(?int $weeklyHours, int $isoWeekDay): int
+    {
+        // Week-end non travaillé dans cette politique.
+        if ($isoWeekDay >= 6) {
+            return 0;
+        }
+
+        // Règle fixe: 35h => 7h/jour.
+        if (35 === $weeklyHours) {
+            return 7 * 60;
+        }
+
+        // Règle fixe: 39h => 8h lundi-jeudi, 7h le vendredi.
+        if (39 === $weeklyHours) {
+            return 5 === $isoWeekDay ? 7 * 60 : 8 * 60;
+        }
+
+        // Cas spécifique métier: contrat 4h/semaine réparti sur 2 jours => 2h/jour.
+        if (4 === $weeklyHours) {
+            return 2 * 60;
+        }
+
+        // Contrat non renseigné/invalide: aucun crédit.
+        if (null === $weeklyHours || $weeklyHours <= 0) {
+            return 0;
+        }
+
+        // Fallback générique: répartition homogène sur 5 jours ouvrés.
+        return (int) round(($weeklyHours * 60) / 5);
+    }
+}
diff --git a/src/State/AbsencePrintProvider.php b/src/State/AbsencePrintProvider.php
index e46c02e..d570419 100644
--- a/src/State/AbsencePrintProvider.php
+++ b/src/State/AbsencePrintProvider.php
@@ -6,12 +6,12 @@ namespace App\State;
 
 use ApiPlatform\Metadata\Operation;
 use ApiPlatform\State\ProviderInterface;
-use App\Entity\Absence;
-use App\Entity\Employee;
+use App\Enum\HalfDay;
+use App\Repository\AbsenceRepository;
+use App\Repository\EmployeeRepository;
 use App\Service\PublicHolidayServiceInterface;
 use DateInterval;
 use DateTimeImmutable;
-use Doctrine\ORM\EntityManagerInterface;
 use Dompdf\Dompdf;
 use Dompdf\Options;
 use Symfony\Component\HttpFoundation\RequestStack;
@@ -27,7 +27,8 @@ class AbsencePrintProvider implements ProviderInterface
     public function __construct(
         private Environment $twig,
         private readonly RequestStack $requestStack,
-        private EntityManagerInterface $entityManager,
+        private EmployeeRepository $employeeRepository,
+        private AbsenceRepository $absenceRepository,
         private PublicHolidayServiceInterface $publicHolidayService,
     ) {}
 
@@ -109,50 +110,12 @@ class AbsencePrintProvider implements ProviderInterface
 
     private function loadEmployees(array $siteIds): array
     {
-        $qb = $this->entityManager
-            ->getRepository(Employee::class)
-            ->createQueryBuilder('e')
-            ->leftJoin('e.site', 's')
-            ->addSelect('s')
-            ->orderBy('s.displayOrder', 'ASC')
-            ->addOrderBy('s.name', 'ASC')
-            ->addOrderBy('e.displayOrder', 'ASC')
-            ->addOrderBy('e.lastName', 'ASC')
-            ->addOrderBy('e.firstName', 'ASC')
-        ;
-
-        if ([] !== $siteIds) {
-            $qb->andWhere('s.id IN (:siteIds)')
-                ->setParameter('siteIds', $siteIds)
-            ;
-        }
-
-        // @var list<Employee> $result
-        return $qb->getQuery()->getResult();
+        return $this->employeeRepository->findForPrintBySiteIds($siteIds);
     }
 
     private function loadAbsences(DateTimeImmutable $from, DateTimeImmutable $to, array $employees): array
     {
-        if ([] === $employees) {
-            return [];
-        }
-
-        $qb = $this->entityManager
-            ->getRepository(Absence::class)
-            ->createQueryBuilder('a')
-            ->leftJoin('a.employee', 'e')
-            ->leftJoin('a.type', 't')
-            ->addSelect('e', 't')
-            ->andWhere('a.startDate <= :to')
-            ->andWhere('a.endDate >= :from')
-            ->andWhere('a.employee IN (:employees)')
-            ->setParameter('from', $from)
-            ->setParameter('to', $to)
-            ->setParameter('employees', $employees)
-        ;
-
-        // @var list<Absence> $result
-        return $qb->getQuery()->getResult();
+        return $this->absenceRepository->findForPrint($from, $to, $employees);
     }
 
     private function buildDays(DateTimeImmutable $from, DateTimeImmutable $to): array
@@ -202,13 +165,13 @@ class AbsencePrintProvider implements ProviderInterface
 
                 if ($isSameDay) {
                     if ($startHalf === $endHalf) {
-                        $halfLabel = $startHalf;
+                        $halfLabel = $startHalf->value;
                     }
                 } else {
-                    if ($isStartDay && 'PM' === $startHalf) {
+                    if ($isStartDay && HalfDay::PM === $startHalf) {
                         $halfLabel = 'PM';
                     }
-                    if ($isEndDay && 'AM' === $endHalf) {
+                    if ($isEndDay && HalfDay::AM === $endHalf) {
                         $halfLabel = 'AM';
                     }
                 }
diff --git a/src/State/AbsenceWriteProcessor.php b/src/State/AbsenceWriteProcessor.php
new file mode 100644
index 0000000..79df6bb
--- /dev/null
+++ b/src/State/AbsenceWriteProcessor.php
@@ -0,0 +1,223 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State;
+
+use ApiPlatform\Metadata\DeleteOperationInterface;
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProcessorInterface;
+use App\Entity\Absence;
+use App\Entity\Employee;
+use App\Enum\HalfDay;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\WorkHourReadRepositoryInterface;
+use DateInterval;
+use DatePeriod;
+use DateTime;
+use DateTimeImmutable;
+use Doctrine\ORM\EntityManagerInterface;
+use Symfony\Component\HttpKernel\Exception\ConflictHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+final readonly class AbsenceWriteProcessor implements ProcessorInterface
+{
+    public function __construct(
+        private EntityManagerInterface $entityManager,
+        private AbsenceReadRepositoryInterface $absenceRepository,
+        private WorkHourReadRepositoryInterface $workHourRepository,
+    ) {}
+
+    public function process(mixed $data, Operation $operation, array $uriVariables = [], array $context = []): mixed
+    {
+        if (!$data instanceof Absence) {
+            return $data;
+        }
+
+        $employee = $data->getEmployee();
+        if (null === $employee) {
+            return $data;
+        }
+
+        if ($operation instanceof DeleteOperationInterface) {
+            if ($this->workHourRepository->hasValidatedInRange($employee, $data->getStartDate(), $data->getEndDate())) {
+                throw new ConflictHttpException('Impossible de modifier une absence sur une période validée.');
+            }
+
+            $this->entityManager->remove($data);
+            $this->entityManager->flush();
+
+            return null;
+        }
+
+        $segments = $this->expandAbsenceRange($data);
+        if ([] === $segments) {
+            throw new UnprocessableEntityHttpException('La période de l\'absence est invalide.');
+        }
+
+        $from = DateTimeImmutable::createFromInterface($segments[0]['date']);
+        $to   = DateTimeImmutable::createFromInterface($segments[count($segments) - 1]['date']);
+
+        if ($this->workHourRepository->hasValidatedInRange($employee, $from, $to)) {
+            throw new ConflictHttpException('Impossible de modifier une absence sur une période validée.');
+        }
+
+        $existing = $this->absenceRepository->findByEmployeeAndDateRange($employee, $from, $to);
+        foreach ($existing as $existingAbsence) {
+            if ($existingAbsence->getId() === $data->getId()) {
+                continue;
+            }
+
+            throw new ConflictHttpException('Cette période chevauche déjà une absence existante.');
+        }
+
+        $first = array_shift($segments);
+        if (null === $first) {
+            throw new UnprocessableEntityHttpException('La période de l\'absence est invalide.');
+        }
+
+        $data
+            ->setStartDate($this->toMutableDate($first['date']))
+            ->setEndDate($this->toMutableDate($first['date']))
+            ->setStartHalf($first['startHalf'])
+            ->setEndHalf($first['endHalf'])
+        ;
+        $this->clearWorkHoursForSegment($employee, $first);
+        $this->entityManager->persist($data);
+
+        foreach ($segments as $segment) {
+            $absence = new Absence()
+                ->setEmployee($employee)
+                ->setType($data->getType())
+                ->setComment($data->getComment())
+                ->setStartDate($this->toMutableDate($segment['date']))
+                ->setEndDate($this->toMutableDate($segment['date']))
+                ->setStartHalf($segment['startHalf'])
+                ->setEndHalf($segment['endHalf'])
+            ;
+
+            $this->clearWorkHoursForSegment($employee, $segment);
+            $this->entityManager->persist($absence);
+        }
+
+        $this->entityManager->flush();
+
+        return $data;
+    }
+
+    /**
+     * @return list<array{date: DateTimeImmutable, startHalf: HalfDay, endHalf: HalfDay}>
+     */
+    private function expandAbsenceRange(Absence $absence): array
+    {
+        $start = DateTimeImmutable::createFromInterface($absence->getStartDate());
+        $end   = DateTimeImmutable::createFromInterface($absence->getEndDate());
+
+        if ($start > $end) {
+            throw new UnprocessableEntityHttpException('La date de fin ne peut pas être avant la date de début.');
+        }
+
+        if (
+            $start->format('Y-m-d') === $end->format('Y-m-d')
+            && HalfDay::PM === $absence->getStartHalf()
+            && HalfDay::AM === $absence->getEndHalf()
+        ) {
+            throw new UnprocessableEntityHttpException('La demi-journée de fin ne peut pas être avant la demi-journée de début.');
+        }
+
+        $days = new DatePeriod($start, new DateInterval('P1D'), $end->modify('+1 day'));
+
+        $segments = [];
+        foreach ($days as $day) {
+            $isFirst = $day->format('Y-m-d') === $start->format('Y-m-d');
+            $isLast  = $day->format('Y-m-d') === $end->format('Y-m-d');
+            $isSame  = $isFirst && $isLast;
+
+            if ($isSame) {
+                $segments[] = [
+                    'date'      => $day,
+                    'startHalf' => $absence->getStartHalf(),
+                    'endHalf'   => $absence->getEndHalf(),
+                ];
+
+                continue;
+            }
+
+            if ($isFirst && HalfDay::PM === $absence->getStartHalf()) {
+                $segments[] = [
+                    'date'      => $day,
+                    'startHalf' => HalfDay::PM,
+                    'endHalf'   => HalfDay::PM,
+                ];
+
+                continue;
+            }
+
+            if ($isLast && HalfDay::AM === $absence->getEndHalf()) {
+                $segments[] = [
+                    'date'      => $day,
+                    'startHalf' => HalfDay::AM,
+                    'endHalf'   => HalfDay::AM,
+                ];
+
+                continue;
+            }
+
+            $segments[] = [
+                'date'      => $day,
+                'startHalf' => HalfDay::AM,
+                'endHalf'   => HalfDay::PM,
+            ];
+        }
+
+        return $segments;
+    }
+
+    private function toMutableDate(DateTimeImmutable $date): DateTime
+    {
+        return DateTime::createFromImmutable($date);
+    }
+
+    /**
+     * @param array{date: DateTimeImmutable, startHalf: HalfDay, endHalf: HalfDay} $segment
+     */
+    private function clearWorkHoursForSegment(Employee $employee, array $segment): void
+    {
+        $workHour = $this->workHourRepository->findOneByEmployeeAndDate($employee, $segment['date']);
+        if (null === $workHour) {
+            return;
+        }
+
+        // Demi-journée matin: on efface uniquement la plage du matin.
+        if (HalfDay::AM === $segment['startHalf'] && HalfDay::AM === $segment['endHalf']) {
+            $workHour
+                ->setMorningFrom(null)
+                ->setMorningTo(null)
+            ;
+
+            return;
+        }
+
+        // Demi-journée après-midi: on efface après-midi + soirée.
+        if (HalfDay::PM === $segment['startHalf'] && HalfDay::PM === $segment['endHalf']) {
+            $workHour
+                ->setAfternoonFrom(null)
+                ->setAfternoonTo(null)
+                ->setEveningFrom(null)
+                ->setEveningTo(null)
+            ;
+
+            return;
+        }
+
+        // Journée complète: on efface toutes les plages horaires.
+        $workHour
+            ->setMorningFrom(null)
+            ->setMorningTo(null)
+            ->setAfternoonFrom(null)
+            ->setAfternoonTo(null)
+            ->setEveningFrom(null)
+            ->setEveningTo(null)
+        ;
+    }
+}
diff --git a/src/State/ScopedEmployeeProvider.php b/src/State/ScopedEmployeeProvider.php
new file mode 100644
index 0000000..49626a9
--- /dev/null
+++ b/src/State/ScopedEmployeeProvider.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\Entity\User;
+use App\Repository\EmployeeRepository;
+use Symfony\Bundle\SecurityBundle\Security;
+
+final readonly class ScopedEmployeeProvider implements ProviderInterface
+{
+    public function __construct(
+        private Security $security,
+        private EmployeeRepository $employeeRepository,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): array
+    {
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            return [];
+        }
+
+        return $this->employeeRepository->findScoped($user);
+    }
+}
diff --git a/src/State/WorkHourBulkUpsertProcessor.php b/src/State/WorkHourBulkUpsertProcessor.php
new file mode 100644
index 0000000..e919ea2
--- /dev/null
+++ b/src/State/WorkHourBulkUpsertProcessor.php
@@ -0,0 +1,312 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProcessorInterface;
+use App\ApiResource\WorkHourBulkUpsert;
+use App\ApiResource\WorkHourBulkUpsertResult;
+use App\Entity\User;
+use App\Entity\WorkHour;
+use App\Enum\TrackingMode;
+use App\Repository\EmployeeRepository;
+use App\Repository\WorkHourRepository;
+use DateTimeImmutable;
+use Doctrine\ORM\EntityManagerInterface;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
+use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+final readonly class WorkHourBulkUpsertProcessor implements ProcessorInterface
+{
+    public function __construct(
+        private EntityManagerInterface $entityManager,
+        private Security $security,
+        private EmployeeRepository $employeeRepository,
+        private WorkHourRepository $workHourRepository,
+    ) {}
+
+    public function process(
+        mixed $data,
+        Operation $operation,
+        array $uriVariables = [],
+        array $context = []
+    ): WorkHourBulkUpsertResult {
+        // Endpoint dédié au bulk: on refuse tout autre payload.
+        if (!$data instanceof WorkHourBulkUpsert) {
+            throw new BadRequestHttpException('Invalid payload.');
+        }
+
+        $user = $this->security->getUser();
+        if (!$user instanceof User) {
+            throw new AccessDeniedHttpException('Authentication required.');
+        }
+
+        $workDate = DateTimeImmutable::createFromFormat('Y-m-d', $data->workDate);
+        if (!$workDate || $workDate->format('Y-m-d') !== $data->workDate) {
+            throw new UnprocessableEntityHttpException('workDate must use Y-m-d format.');
+        }
+
+        if ([] === $data->entries) {
+            throw new UnprocessableEntityHttpException('entries must contain at least one employee.');
+        }
+
+        // Vérifie que tous les employés envoyés sont dans le scope de l'utilisateur courant.
+        $employeeIds   = $this->extractEmployeeIds($data->entries);
+        $employeesById = $this->employeeRepository->findAccessibleByIds($employeeIds, $user);
+
+        if (count($employeesById) !== count($employeeIds)) {
+            throw new AccessDeniedHttpException('At least one employee is unknown or outside your scope.');
+        }
+
+        $existingByEmployeeId = $this->workHourRepository
+            ->findByDateAndEmployeesIndexedByEmployeeId($workDate, array_values($employeesById))
+        ;
+
+        $result = new WorkHourBulkUpsertResult();
+
+        foreach ($data->entries as $entry) {
+            $employeeId = (int) $entry['employeeId'];
+            $employee   = $employeesById[$employeeId] ?? null;
+            if (!$employee) {
+                throw new AccessDeniedHttpException(sprintf('Employee %d is outside your scope.', $employeeId));
+            }
+
+            $isPresenceTracking = TrackingMode::PRESENCE->value === $employee->getContract()?->getTrackingMode();
+            $normalized         = $this->normalizeEntry($entry, $employeeId, $isPresenceTracking);
+            $existing           = $existingByEmployeeId[$employeeId] ?? null;
+
+            if ($existing?->isValid()) {
+                if (!$this->isSameAsExisting($existing, $normalized)) {
+                    throw new UnprocessableEntityHttpException(sprintf(
+                        'Employee %d: validated work hour cannot be modified.',
+                        $employeeId
+                    ));
+                }
+
+                ++$result->processed;
+
+                continue;
+            }
+
+            if ($this->isEntryEmpty($normalized)) {
+                // Convention choisie: une ligne vide supprime l'enregistrement existant.
+                if ($existing) {
+                    $this->entityManager->remove($existing);
+                    ++$result->deleted;
+                }
+
+                ++$result->processed;
+
+                continue;
+            }
+
+            if ($existing) {
+                $workHour = $existing;
+                ++$result->updated;
+            } else {
+                // Upsert: création si aucune ligne n'existe pour (employé, date).
+                $workHour = new WorkHour()
+                    ->setEmployee($employee)
+                    ->setWorkDate($workDate)
+                ;
+                $this->entityManager->persist($workHour);
+                ++$result->created;
+            }
+
+            $this->hydrateWorkHour($workHour, $normalized);
+            ++$result->processed;
+        }
+
+        $this->entityManager->flush();
+
+        return $result;
+    }
+
+    /**
+     * @param list<array<string, mixed>> $entries
+     *
+     * @return list<int>
+     */
+    private function extractEmployeeIds(array $entries): array
+    {
+        $ids = [];
+        foreach ($entries as $index => $entry) {
+            if (!is_array($entry) || !array_key_exists('employeeId', $entry)) {
+                throw new UnprocessableEntityHttpException(sprintf('entries[%d].employeeId is required.', $index));
+            }
+
+            $employeeId = (int) $entry['employeeId'];
+            if ($employeeId <= 0) {
+                throw new UnprocessableEntityHttpException(sprintf('entries[%d].employeeId must be a positive integer.', $index));
+            }
+
+            if (isset($ids[$employeeId])) {
+                throw new UnprocessableEntityHttpException(sprintf('Employee %d appears multiple times in the same bulk payload.', $employeeId));
+            }
+
+            $ids[$employeeId] = $employeeId;
+        }
+
+        return array_values($ids);
+    }
+
+    /**
+     * @param array<string, mixed> $entry
+     *
+     * @return array{
+     *     morningFrom:?string,
+     *     morningTo:?string,
+     *     afternoonFrom:?string,
+     *     afternoonTo:?string,
+     *     eveningFrom:?string,
+     *     eveningTo:?string,
+     *     isPresentMorning:bool,
+     *     isPresentAfternoon:bool
+     * }
+     */
+    private function normalizeEntry(array $entry, int $employeeId, bool $isPresenceTracking): array
+    {
+        if ($isPresenceTracking) {
+            return [
+                'morningFrom'        => null,
+                'morningTo'          => null,
+                'afternoonFrom'      => null,
+                'afternoonTo'        => null,
+                'eveningFrom'        => null,
+                'eveningTo'          => null,
+                'isPresentMorning'   => $this->normalizePresence($entry['isPresentMorning'] ?? false, $employeeId, 'isPresentMorning'),
+                'isPresentAfternoon' => $this->normalizePresence($entry['isPresentAfternoon'] ?? false, $employeeId, 'isPresentAfternoon'),
+            ];
+        }
+
+        return [
+            'morningFrom'        => $this->normalizeTime($entry['morningFrom'] ?? null, $employeeId, 'morningFrom'),
+            'morningTo'          => $this->normalizeTime($entry['morningTo'] ?? null, $employeeId, 'morningTo'),
+            'afternoonFrom'      => $this->normalizeTime($entry['afternoonFrom'] ?? null, $employeeId, 'afternoonFrom'),
+            'afternoonTo'        => $this->normalizeTime($entry['afternoonTo'] ?? null, $employeeId, 'afternoonTo'),
+            'eveningFrom'        => $this->normalizeTime($entry['eveningFrom'] ?? null, $employeeId, 'eveningFrom'),
+            'eveningTo'          => $this->normalizeTime($entry['eveningTo'] ?? null, $employeeId, 'eveningTo'),
+            'isPresentMorning'   => false,
+            'isPresentAfternoon' => false,
+        ];
+    }
+
+    private function normalizeTime(mixed $value, int $employeeId, string $field): ?string
+    {
+        if (null === $value || '' === $value) {
+            return null;
+        }
+
+        if (!is_string($value)) {
+            throw new UnprocessableEntityHttpException(sprintf(
+                'Employee %d: %s must be a string in HH:MM format.',
+                $employeeId,
+                $field
+            ));
+        }
+
+        $time = trim($value);
+        if (!preg_match('/^(?:[01]\d|2[0-3]):[0-5]\d$/', $time)) {
+            throw new UnprocessableEntityHttpException(sprintf(
+                'Employee %d: %s must use HH:MM format.',
+                $employeeId,
+                $field
+            ));
+        }
+
+        return $time;
+    }
+
+    private function normalizePresence(mixed $value, int $employeeId, string $field): bool
+    {
+        if (!is_bool($value)) {
+            throw new UnprocessableEntityHttpException(sprintf(
+                'Employee %d: %s must be a boolean.',
+                $employeeId,
+                $field
+            ));
+        }
+
+        return $value;
+    }
+
+    /**
+     * @param array{
+     *     morningFrom:?string,
+     *     morningTo:?string,
+     *     afternoonFrom:?string,
+     *     afternoonTo:?string,
+     *     eveningFrom:?string,
+     *     eveningTo:?string,
+     *     isPresentMorning:bool,
+     *     isPresentAfternoon:bool
+     * } $entry
+     */
+    private function isEntryEmpty(array $entry): bool
+    {
+        return null === $entry['morningFrom']
+            && null === $entry['morningTo']
+            && null === $entry['afternoonFrom']
+            && null === $entry['afternoonTo']
+            && null === $entry['eveningFrom']
+            && null === $entry['eveningTo']
+            && false === $entry['isPresentMorning']
+            && false === $entry['isPresentAfternoon'];
+    }
+
+    /**
+     * @param array{
+     *     morningFrom:?string,
+     *     morningTo:?string,
+     *     afternoonFrom:?string,
+     *     afternoonTo:?string,
+     *     eveningFrom:?string,
+     *     eveningTo:?string,
+     *     isPresentMorning:bool,
+     *     isPresentAfternoon:bool
+     * } $entry
+     */
+    private function hydrateWorkHour(WorkHour $workHour, array $entry): void
+    {
+        $workHour
+            ->setMorningFrom($entry['morningFrom'])
+            ->setMorningTo($entry['morningTo'])
+            ->setAfternoonFrom($entry['afternoonFrom'])
+            ->setAfternoonTo($entry['afternoonTo'])
+            ->setEveningFrom($entry['eveningFrom'])
+            ->setEveningTo($entry['eveningTo'])
+            ->setIsPresentMorning($entry['isPresentMorning'])
+            ->setIsPresentAfternoon($entry['isPresentAfternoon'])
+            // Toute modification utilisateur repasse la ligne en attente de validation RH.
+            ->setIsValid(false)
+        ;
+    }
+
+    /**
+     * @param array{
+     *     morningFrom:?string,
+     *     morningTo:?string,
+     *     afternoonFrom:?string,
+     *     afternoonTo:?string,
+     *     eveningFrom:?string,
+     *     eveningTo:?string,
+     *     isPresentMorning:bool,
+     *     isPresentAfternoon:bool
+     * } $entry
+     */
+    private function isSameAsExisting(WorkHour $workHour, array $entry): bool
+    {
+        return $workHour->getMorningFrom() === $entry['morningFrom']
+            && $workHour->getMorningTo() === $entry['morningTo']
+            && $workHour->getAfternoonFrom() === $entry['afternoonFrom']
+            && $workHour->getAfternoonTo() === $entry['afternoonTo']
+            && $workHour->getEveningFrom() === $entry['eveningFrom']
+            && $workHour->getEveningTo() === $entry['eveningTo']
+            && $workHour->getIsPresentMorning() === $entry['isPresentMorning']
+            && $workHour->getIsPresentAfternoon() === $entry['isPresentAfternoon'];
+    }
+}
diff --git a/src/State/WorkHourDayContextProvider.php b/src/State/WorkHourDayContextProvider.php
new file mode 100644
index 0000000..4a03ac8
--- /dev/null
+++ b/src/State/WorkHourDayContextProvider.php
@@ -0,0 +1,110 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\ApiResource\WorkHourDayContext;
+use App\Dto\WorkHours\DayContextRow;
+use App\Entity\User;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\EmployeeScopedRepositoryInterface;
+use App\Service\WorkHours\AbsenceSegmentsResolver;
+use App\Service\WorkHours\WorkedHoursCreditPolicy;
+use DateTimeImmutable;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpFoundation\RequestStack;
+use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+final readonly class WorkHourDayContextProvider implements ProviderInterface
+{
+    public function __construct(
+        private Security $security,
+        private RequestStack $requestStack,
+        private EmployeeScopedRepositoryInterface $employeeRepository,
+        private AbsenceReadRepositoryInterface $absenceRepository,
+        private AbsenceSegmentsResolver $absenceSegmentsResolver,
+        private WorkedHoursCreditPolicy $workedHoursCreditPolicy,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): WorkHourDayContext
+    {
+        $user = $this->security->getUser();
+        // Endpoint protégé: on exige un utilisateur authentifié.
+        if (!$user instanceof User) {
+            throw new AccessDeniedHttpException('Authentication required.');
+        }
+
+        $workDate  = $this->resolveWorkDate();
+        $employees = $this->employeeRepository->findScoped($user);
+        $absences  = $this->absenceRepository->findByDateAndEmployees($workDate, $employees);
+
+        $rowsByEmployeeId = [];
+        foreach ($employees as $employee) {
+            $employeeId = $employee->getId();
+            if (!$employeeId) {
+                continue;
+            }
+
+            // On initialise toutes les lignes, même sans absence ce jour-là.
+            $rowsByEmployeeId[$employeeId] = new DayContextRow(employeeId: $employeeId);
+        }
+
+        $dateKey = $workDate->format('Y-m-d');
+        foreach ($absences as $absence) {
+            $employeeId = $absence->getEmployee()?->getId();
+            // Ignore les absences orphelines ou hors scope utilisateur.
+            if (!$employeeId || !isset($rowsByEmployeeId[$employeeId])) {
+                continue;
+            }
+
+            [$absentMorning, $absentAfternoon] = $this->absenceSegmentsResolver->resolveForDate($absence, $dateKey);
+            // Pas de segment absent sur ce jour: rien à injecter dans la ligne.
+            if (!$absentMorning && !$absentAfternoon) {
+                continue;
+            }
+
+            // Calcule le crédit d'heures selon la politique métier (type d'absence + contrat).
+            $creditedMinutes       = $this->workedHoursCreditPolicy->computeCreditedMinutes($absence, $dateKey, $absentMorning, $absentAfternoon);
+            $creditedPresenceUnits = $this->workedHoursCreditPolicy->computeCreditedPresenceUnits($absence, $absentMorning, $absentAfternoon);
+            $rowsByEmployeeId[$employeeId]->addAbsence(
+                label: $absence->getType()?->getLabel(),
+                morning: $absentMorning,
+                afternoon: $absentAfternoon,
+                creditedMinutes: $creditedMinutes,
+                creditedPresenceUnits: $creditedPresenceUnits
+            );
+        }
+
+        $response           = new WorkHourDayContext();
+        $response->workDate = $dateKey;
+        $response->rows     = array_map(
+            static fn (DayContextRow $row): array => $row->toArray(),
+            array_values($rowsByEmployeeId)
+        );
+
+        return $response;
+    }
+
+    private function resolveWorkDate(): DateTimeImmutable
+    {
+        $query = $this->requestStack->getCurrentRequest()?->query;
+        $raw   = (string) ($query?->get('workDate') ?? '');
+
+        // Sans paramètre, on cible la date du jour.
+        if ('' === $raw) {
+            return new DateTimeImmutable('today');
+        }
+
+        $date = DateTimeImmutable::createFromFormat('Y-m-d', $raw);
+        // Validation stricte du format pour éviter les ambiguïtés de parsing.
+        if (!$date || $date->format('Y-m-d') !== $raw) {
+            throw new UnprocessableEntityHttpException('workDate must use Y-m-d format.');
+        }
+
+        return $date;
+    }
+}
diff --git a/src/State/WorkHourWeeklySummaryProvider.php b/src/State/WorkHourWeeklySummaryProvider.php
new file mode 100644
index 0000000..dd63345
--- /dev/null
+++ b/src/State/WorkHourWeeklySummaryProvider.php
@@ -0,0 +1,389 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\State;
+
+use ApiPlatform\Metadata\Operation;
+use ApiPlatform\State\ProviderInterface;
+use App\ApiResource\WorkHourWeeklySummary;
+use App\Dto\WorkHours\WeeklyDaySummary;
+use App\Dto\WorkHours\WeeklySummaryRow;
+use App\Dto\WorkHours\WorkMetrics;
+use App\Entity\Absence;
+use App\Entity\Employee;
+use App\Entity\User;
+use App\Entity\WorkHour;
+use App\Enum\ContractType;
+use App\Enum\TrackingMode;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\EmployeeScopedRepositoryInterface;
+use App\Repository\Contract\WorkHourReadRepositoryInterface;
+use App\Service\WorkHours\AbsenceSegmentsResolver;
+use App\Service\WorkHours\WorkedHoursCreditPolicy;
+use DateTimeImmutable;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpFoundation\RequestStack;
+use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+final readonly class WorkHourWeeklySummaryProvider implements ProviderInterface
+{
+    public function __construct(
+        private Security $security,
+        private RequestStack $requestStack,
+        private EmployeeScopedRepositoryInterface $employeeRepository,
+        private WorkHourReadRepositoryInterface $workHourRepository,
+        private AbsenceReadRepositoryInterface $absenceRepository,
+        private AbsenceSegmentsResolver $absenceSegmentsResolver,
+        private WorkedHoursCreditPolicy $workedHoursCreditPolicy,
+    ) {}
+
+    public function provide(Operation $operation, array $uriVariables = [], array $context = []): WorkHourWeeklySummary
+    {
+        $user = $this->security->getUser();
+        // Endpoint protégé: résumé hebdo réservé aux utilisateurs authentifiés.
+        if (!$user instanceof User) {
+            throw new AccessDeniedHttpException('Authentication required.');
+        }
+
+        $anchorDate                   = $this->resolveAnchorDate();
+        [$weekStart, $weekEnd, $days] = $this->resolveWeek($anchorDate);
+
+        $employees = $this->employeeRepository->findScoped($user);
+        $workHours = $this->workHourRepository->findByDateRangeAndEmployees($weekStart, $weekEnd, $employees);
+        $absences  = $this->absenceRepository->findForPrint($weekStart, $weekEnd, $employees);
+
+        $summary            = new WorkHourWeeklySummary();
+        $summary->weekStart = $weekStart->format('Y-m-d');
+        $summary->weekEnd   = $weekEnd->format('Y-m-d');
+        $summary->days      = $days;
+        $summary->rows      = $this->buildRows($employees, $workHours, $absences, $days);
+
+        return $summary;
+    }
+
+    private function resolveAnchorDate(): DateTimeImmutable
+    {
+        $query = $this->requestStack->getCurrentRequest()?->query;
+        $raw   = (string) ($query?->get('weekStart') ?? '');
+
+        // Sans paramètre, on ancre la semaine sur aujourd'hui.
+        if ('' === $raw) {
+            return new DateTimeImmutable('today');
+        }
+
+        $date = DateTimeImmutable::createFromFormat('Y-m-d', $raw);
+        // Validation stricte du format attendu.
+        if (!$date || $date->format('Y-m-d') !== $raw) {
+            throw new UnprocessableEntityHttpException('weekStart must use Y-m-d format.');
+        }
+
+        return $date;
+    }
+
+    /**
+     * @return array{DateTimeImmutable, DateTimeImmutable, list<string>}
+     */
+    private function resolveWeek(DateTimeImmutable $anchorDate): array
+    {
+        // Convention ISO: semaine de lundi (1) à dimanche (7).
+        $dayOfWeek = (int) $anchorDate->format('N');
+        $weekStart = $anchorDate->modify(sprintf('-%d days', $dayOfWeek - 1));
+        $weekEnd   = $weekStart->modify('+6 days');
+
+        $days = [];
+        for ($i = 0; $i < 7; ++$i) {
+            $days[] = $weekStart->modify(sprintf('+%d days', $i))->format('Y-m-d');
+        }
+
+        return [$weekStart, $weekEnd, $days];
+    }
+
+    /**
+     * @param list<Employee> $employees
+     * @param list<WorkHour> $workHours
+     * @param list<Absence>  $absences
+     * @param list<string>   $days
+     *
+     * @return list<WeeklySummaryRow>
+     */
+    private function buildRows(array $employees, array $workHours, array $absences, array $days): array
+    {
+        $metricsByEmployeeDate = [];
+        foreach ($workHours as $workHour) {
+            $employeeId = $workHour->getEmployee()?->getId();
+            if (!$employeeId) {
+                continue;
+            }
+
+            // Pré-calcul des métriques par salarié/date pour simplifier l'agrégation finale.
+            $dateKey                                      = $workHour->getWorkDate()->format('Y-m-d');
+            $metricsByEmployeeDate[$employeeId][$dateKey] = [
+                'metrics'            => $this->computeMetrics($workHour),
+                'isPresentMorning'   => $workHour->getIsPresentMorning(),
+                'isPresentAfternoon' => $workHour->getIsPresentAfternoon(),
+            ];
+        }
+
+        $creditedByEmployeeDate         = [];
+        $creditedPresenceByEmployeeDate = [];
+        $absenceByEmployeeDate          = [];
+        $absenceLabelByEmployeeDate     = [];
+        $absenceColorByEmployeeDate     = [];
+        foreach ($absences as $absence) {
+            $employeeId = $absence->getEmployee()?->getId();
+            if (!$employeeId) {
+                continue;
+            }
+
+            $start = $absence->getStartDate()->format('Y-m-d');
+            $end   = $absence->getEndDate()->format('Y-m-d');
+            foreach ($days as $date) {
+                // On ne crédite que les dates couvertes par l'intervalle d'absence.
+                if ($date < $start || $date > $end) {
+                    continue;
+                }
+
+                [$absentMorning, $absentAfternoon] = $this->absenceSegmentsResolver->resolveForDate($absence, $date);
+                if ($absentMorning || $absentAfternoon) {
+                    $absenceByEmployeeDate[$employeeId][$date] = true;
+                    if (!isset($absenceLabelByEmployeeDate[$employeeId][$date])) {
+                        $absenceLabelByEmployeeDate[$employeeId][$date] = $absence->getType()?->getLabel();
+                    }
+                    if (!isset($absenceColorByEmployeeDate[$employeeId][$date])) {
+                        $absenceColorByEmployeeDate[$employeeId][$date] = $absence->getType()?->getColor();
+                    }
+                }
+                $creditedByEmployeeDate[$employeeId][$date] = ($creditedByEmployeeDate[$employeeId][$date] ?? 0)
+                    + $this->workedHoursCreditPolicy->computeCreditedMinutes($absence, $date, $absentMorning, $absentAfternoon);
+                $creditedPresenceByEmployeeDate[$employeeId][$date] = ($creditedPresenceByEmployeeDate[$employeeId][$date] ?? 0.0)
+                    + $this->workedHoursCreditPolicy->computeCreditedPresenceUnits($absence, $absentMorning, $absentAfternoon);
+            }
+        }
+
+        $rows = [];
+        foreach ($employees as $employee) {
+            $employeeId = $employee->getId();
+            if (!$employeeId) {
+                continue;
+            }
+
+            $weeklyDayMinutes    = 0;
+            $weeklyNightMinutes  = 0;
+            $weeklyTotalMinutes  = 0;
+            $weeklyPresenceCount = 0.0;
+            $daily               = [];
+            // Les contrats au suivi "présence" ne manipulent pas les heures, mais des demi-journées.
+            $isPresenceTracking = TrackingMode::PRESENCE->value === $employee->getContract()?->getTrackingMode();
+
+            foreach ($days as $date) {
+                $entry           = $metricsByEmployeeDate[$employeeId][$date] ?? null;
+                $metrics         = $entry['metrics'] ?? new WorkMetrics();
+                $creditedMinutes = $creditedByEmployeeDate[$employeeId][$date] ?? 0;
+                // Les absences "comptées comme travaillées" alimentent le total du jour.
+                $metrics->addCreditedMinutes($creditedMinutes);
+                $present = null;
+                if ($isPresenceTracking) {
+                    $morning          = ($entry['isPresentMorning'] ?? false) ? 0.5 : 0.0;
+                    $afternoon        = ($entry['isPresentAfternoon'] ?? false) ? 0.5 : 0.0;
+                    $creditedPresence = $creditedPresenceByEmployeeDate[$employeeId][$date] ?? 0.0;
+                    $present          = min(1.0, $morning + $afternoon + $creditedPresence);
+                }
+
+                $weeklyDayMinutes += $metrics->dayMinutes;
+                $weeklyNightMinutes += $metrics->nightMinutes;
+                $weeklyTotalMinutes += $metrics->totalMinutes;
+                if (null !== $present) {
+                    $weeklyPresenceCount += $present;
+                }
+
+                $daily[] = new WeeklyDaySummary(
+                    date: $date,
+                    dayMinutes: $metrics->dayMinutes,
+                    nightMinutes: $metrics->nightMinutes,
+                    totalMinutes: $metrics->totalMinutes,
+                    present: $present,
+                    hasAbsence: $absenceByEmployeeDate[$employeeId][$date] ?? false,
+                    absenceLabel: $absenceLabelByEmployeeDate[$employeeId][$date] ?? null,
+                    absenceColor: $absenceColorByEmployeeDate[$employeeId][$date] ?? null,
+                );
+            }
+
+            $contractWeeklyHours        = $employee->getContract()?->getWeeklyHours();
+            $disableOvertimeBonuses     = $this->hasDisabledOvertimeBonuses($employee);
+            $weeklyOvertimeTotalMinutes = $isPresenceTracking
+                ? 0
+                : $this->computeOvertimeTotalMinutes($weeklyTotalMinutes, $contractWeeklyHours);
+            $weeklyOvertime25Minutes = ($isPresenceTracking || $disableOvertimeBonuses)
+                ? 0
+                : $this->computeOvertime25BonusMinutes($weeklyTotalMinutes, $contractWeeklyHours);
+            $weeklyOvertime50Minutes = ($isPresenceTracking || $disableOvertimeBonuses)
+                ? 0
+                : $this->computeOvertime50BonusMinutes($weeklyTotalMinutes);
+            $weeklyRecoveryMinutes = ($isPresenceTracking || $disableOvertimeBonuses)
+                ? 0
+                : $weeklyOvertimeTotalMinutes + $weeklyOvertime25Minutes + $weeklyOvertime50Minutes;
+
+            $rows[] = new WeeklySummaryRow(
+                employeeId: $employeeId,
+                firstName: $employee->getFirstName(),
+                lastName: $employee->getLastName(),
+                siteName: $employee->getSite()?->getName(),
+                contractName: $employee->getContract()?->getName(),
+                contractType: $employee->getContract()?->getType()->value,
+                trackingMode: $employee->getContract()?->getTrackingMode(),
+                daily: $daily,
+                weeklyDayMinutes: $weeklyDayMinutes,
+                weeklyNightMinutes: $weeklyNightMinutes,
+                weeklyTotalMinutes: $weeklyTotalMinutes,
+                weeklyPresenceCount: $weeklyPresenceCount,
+                weeklyOvertimeTotalMinutes: $weeklyOvertimeTotalMinutes,
+                weeklyOvertime25Minutes: $weeklyOvertime25Minutes,
+                weeklyOvertime50Minutes: $weeklyOvertime50Minutes,
+                weeklyRecoveryMinutes: $weeklyRecoveryMinutes
+            );
+        }
+
+        return $rows;
+    }
+
+    private function computeMetrics(WorkHour $workHour): WorkMetrics
+    {
+        $ranges = [
+            [$workHour->getMorningFrom(), $workHour->getMorningTo()],
+            [$workHour->getAfternoonFrom(), $workHour->getAfternoonTo()],
+            [$workHour->getEveningFrom(), $workHour->getEveningTo()],
+        ];
+
+        $totalMinutes = 0;
+        $nightMinutes = 0;
+
+        foreach ($ranges as [$from, $to]) {
+            $totalMinutes += $this->intervalMinutes($from, $to);
+            $nightMinutes += $this->nightIntervalMinutes($from, $to);
+        }
+
+        $dayMinutes = max(0, $totalMinutes - $nightMinutes);
+
+        return new WorkMetrics(
+            dayMinutes: $dayMinutes,
+            nightMinutes: $nightMinutes,
+            totalMinutes: $totalMinutes,
+        );
+    }
+
+    /**
+     * @return null|array{int, int}
+     */
+    private function resolveInterval(?string $from, ?string $to): ?array
+    {
+        $fromMinutes = $this->toMinutes($from);
+        $toMinutes   = $this->toMinutes($to);
+        if (null === $fromMinutes || null === $toMinutes) {
+            return null;
+        }
+
+        // Si fin <= début, on considère un passage à minuit.
+        $end = $toMinutes <= $fromMinutes ? $toMinutes + 1440 : $toMinutes;
+
+        return [$fromMinutes, $end];
+    }
+
+    private function toMinutes(?string $time): ?int
+    {
+        if (null === $time || '' === $time) {
+            return null;
+        }
+
+        [$hours, $minutes] = array_map('intval', explode(':', $time));
+
+        return ($hours * 60) + $minutes;
+    }
+
+    private function intervalMinutes(?string $from, ?string $to): int
+    {
+        $interval = $this->resolveInterval($from, $to);
+        if (null === $interval) {
+            return 0;
+        }
+
+        [$start, $end] = $interval;
+
+        return max(0, $end - $start);
+    }
+
+    private function nightIntervalMinutes(?string $from, ?string $to): int
+    {
+        $interval = $this->resolveInterval($from, $to);
+        if (null === $interval) {
+            return 0;
+        }
+
+        [$start, $end] = $interval;
+        // Fenêtres de nuit: 00:00-06:00 et 21:00-24:00.
+        $windows = [[0, 360], [1260, 1440]];
+        $total   = 0;
+
+        // On projette aussi sur J+1 pour couvrir les shifts qui traversent minuit.
+        for ($dayOffset = 0; $dayOffset <= 1; ++$dayOffset) {
+            $shift = $dayOffset * 1440;
+            foreach ($windows as [$windowStart, $windowEnd]) {
+                $total += $this->overlap($start, $end, $windowStart + $shift, $windowEnd + $shift);
+            }
+        }
+
+        return $total;
+    }
+
+    private function overlap(int $startA, int $endA, int $startB, int $endB): int
+    {
+        $start = max($startA, $startB);
+        $end   = min($endA, $endB);
+
+        return max(0, $end - $start);
+    }
+
+    private function computeOvertimeTotalMinutes(int $weeklyTotalMinutes, ?int $contractWeeklyHours): int
+    {
+        if (null === $contractWeeklyHours || $contractWeeklyHours <= 0) {
+            return 0;
+        }
+
+        // Règle métier: tout contrat < 35h est traité comme un 35h pour la base supp.
+        $referenceHours = max(35, $contractWeeklyHours);
+
+        return max(0, $weeklyTotalMinutes - ($referenceHours * 60));
+    }
+
+    private function computeOvertime25BonusMinutes(int $weeklyTotalMinutes, ?int $contractWeeklyHours): int
+    {
+        // Règle métier:
+        // - contrats <= 35h: 25% entre 35h et 43h
+        // - contrats >= 39h: 25% entre 39h et 43h
+        $startHours     = (null !== $contractWeeklyHours && $contractWeeklyHours >= 39) ? 39 : 35;
+        $trancheMinutes = max(0, min($weeklyTotalMinutes, 43 * 60) - ($startHours * 60));
+
+        return (int) round($trancheMinutes * 0.25);
+    }
+
+    private function computeOvertime50BonusMinutes(int $weeklyTotalMinutes): int
+    {
+        // Bonus 50% appliqué au-delà de 43h.
+        $trancheMinutes = max(0, $weeklyTotalMinutes - (43 * 60));
+
+        return (int) round($trancheMinutes * 0.5);
+    }
+
+    private function hasDisabledOvertimeBonuses(Employee $employee): bool
+    {
+        $contract = $employee->getContract();
+        $type     = ContractType::resolve(
+            $contract?->getName(),
+            $contract?->getTrackingMode(),
+            $contract?->getWeeklyHours()
+        );
+
+        return ContractType::INTERIM === $type;
+    }
+}
diff --git a/tests/Service/WorkHours/AbsenceSegmentsResolverTest.php b/tests/Service/WorkHours/AbsenceSegmentsResolverTest.php
new file mode 100644
index 0000000..28b2554
--- /dev/null
+++ b/tests/Service/WorkHours/AbsenceSegmentsResolverTest.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\Service\WorkHours;
+
+use App\Entity\Absence;
+use App\Enum\HalfDay;
+use App\Service\WorkHours\AbsenceSegmentsResolver;
+use DateTime;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * @internal
+ */
+final class AbsenceSegmentsResolverTest extends TestCase
+{
+    public function testResolveForSameDayMorningOnly(): void
+    {
+        $absence = new Absence()
+            ->setStartDate(new DateTime('2026-02-16'))
+            ->setEndDate(new DateTime('2026-02-16'))
+            ->setStartHalf(HalfDay::AM)
+            ->setEndHalf(HalfDay::AM)
+        ;
+
+        $resolver = new AbsenceSegmentsResolver();
+
+        self::assertSame([true, false], $resolver->resolveForDate($absence, '2026-02-16'));
+    }
+
+    public function testResolveForSameDayAfternoonOnly(): void
+    {
+        $absence = new Absence()
+            ->setStartDate(new DateTime('2026-02-16'))
+            ->setEndDate(new DateTime('2026-02-16'))
+            ->setStartHalf(HalfDay::PM)
+            ->setEndHalf(HalfDay::PM)
+        ;
+
+        $resolver = new AbsenceSegmentsResolver();
+
+        self::assertSame([false, true], $resolver->resolveForDate($absence, '2026-02-16'));
+    }
+
+    public function testResolveForMultiDayBoundaries(): void
+    {
+        $absence = new Absence()
+            ->setStartDate(new DateTime('2026-02-16'))
+            ->setEndDate(new DateTime('2026-02-18'))
+            ->setStartHalf(HalfDay::PM)
+            ->setEndHalf(HalfDay::AM)
+        ;
+
+        $resolver = new AbsenceSegmentsResolver();
+
+        self::assertSame([false, true], $resolver->resolveForDate($absence, '2026-02-16'));
+        self::assertSame([true, true], $resolver->resolveForDate($absence, '2026-02-17'));
+        self::assertSame([true, false], $resolver->resolveForDate($absence, '2026-02-18'));
+    }
+}
diff --git a/tests/Service/WorkHours/WorkedHoursCreditPolicyTest.php b/tests/Service/WorkHours/WorkedHoursCreditPolicyTest.php
new file mode 100644
index 0000000..4ffd188
--- /dev/null
+++ b/tests/Service/WorkHours/WorkedHoursCreditPolicyTest.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\Service\WorkHours;
+
+use App\Entity\Absence;
+use App\Entity\AbsenceType;
+use App\Entity\Contract;
+use App\Entity\Employee;
+use App\Service\WorkHours\WorkedHoursCreditPolicy;
+use DateTime;
+use PHPUnit\Framework\TestCase;
+
+/**
+ * @internal
+ */
+final class WorkedHoursCreditPolicyTest extends TestCase
+{
+    public function testComputeCreditedMinutesFor35hHalfDay(): void
+    {
+        $policy  = new WorkedHoursCreditPolicy();
+        $absence = $this->buildAbsence(trackMode: Contract::TRACKING_TIME, weeklyHours: 35, countAsWorked: true);
+
+        $minutes = $policy->computeCreditedMinutes($absence, '2026-02-16', true, false);
+
+        self::assertSame(210, $minutes);
+    }
+
+    public function testComputeCreditedMinutesFor4hContractFullDay(): void
+    {
+        $policy  = new WorkedHoursCreditPolicy();
+        $absence = $this->buildAbsence(trackMode: Contract::TRACKING_TIME, weeklyHours: 4, countAsWorked: true);
+
+        $minutes = $policy->computeCreditedMinutes($absence, '2026-02-16', true, true);
+
+        self::assertSame(120, $minutes);
+    }
+
+    public function testComputeCreditedPresenceUnitsForPresenceContract(): void
+    {
+        $policy  = new WorkedHoursCreditPolicy();
+        $absence = $this->buildAbsence(trackMode: Contract::TRACKING_PRESENCE, weeklyHours: null, countAsWorked: true);
+
+        $units = $policy->computeCreditedPresenceUnits($absence, true, false);
+
+        self::assertSame(0.5, $units);
+    }
+
+    public function testNoCreditWhenAbsenceTypeDoesNotCount(): void
+    {
+        $policy  = new WorkedHoursCreditPolicy();
+        $absence = $this->buildAbsence(trackMode: Contract::TRACKING_TIME, weeklyHours: 35, countAsWorked: false);
+
+        self::assertSame(0, $policy->computeCreditedMinutes($absence, '2026-02-16', true, true));
+        self::assertSame(0.0, $policy->computeCreditedPresenceUnits($absence, true, true));
+    }
+
+    private function buildAbsence(string $trackMode, ?int $weeklyHours, bool $countAsWorked): Absence
+    {
+        $contract = new Contract()
+            ->setName('Contrat test')
+            ->setTrackingMode($trackMode)
+            ->setWeeklyHours($weeklyHours)
+        ;
+        $employee = new Employee()
+            ->setFirstName('Alice')
+            ->setLastName('Durand')
+            ->setContract($contract)
+        ;
+        $type = new AbsenceType()
+            ->setCode('CP')
+            ->setLabel('Congés')
+            ->setColor('#000')
+            ->setCountAsWorkedHours($countAsWorked)
+        ;
+
+        return new Absence()
+            ->setEmployee($employee)
+            ->setType($type)
+            ->setStartDate(new DateTime('2026-02-16'))
+            ->setEndDate(new DateTime('2026-02-16'));
+    }
+}
diff --git a/tests/State/AbsenceWriteProcessorTest.php b/tests/State/AbsenceWriteProcessorTest.php
new file mode 100644
index 0000000..7494a81
--- /dev/null
+++ b/tests/State/AbsenceWriteProcessorTest.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\State;
+
+use ApiPlatform\Metadata\Delete;
+use ApiPlatform\Metadata\Post;
+use App\Entity\Absence;
+use App\Entity\AbsenceType;
+use App\Entity\Contract;
+use App\Entity\Employee;
+use App\Enum\HalfDay;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\WorkHourReadRepositoryInterface;
+use App\State\AbsenceWriteProcessor;
+use DateTime;
+use Doctrine\ORM\EntityManagerInterface;
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\HttpKernel\Exception\ConflictHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+/**
+ * @internal
+ */
+final class AbsenceWriteProcessorTest extends TestCase
+{
+    private AbsenceWriteProcessor $processor;
+
+    public function testPostSplitsRangeIntoDailyEntries(): void
+    {
+        $entityManager      = $this->createMock(EntityManagerInterface::class);
+        $absenceRepository  = $this->createMock(AbsenceReadRepositoryInterface::class);
+        $workHourRepository = $this->createMock(WorkHourReadRepositoryInterface::class);
+        $this->processor    = new AbsenceWriteProcessor($entityManager, $absenceRepository, $workHourRepository);
+
+        $absence = $this->buildAbsence('2026-02-16', '2026-02-18', HalfDay::AM, HalfDay::PM);
+
+        $workHourRepository->expects(self::once())
+            ->method('hasValidatedInRange')
+            ->willReturn(false)
+        ;
+        $absenceRepository->expects(self::once())
+            ->method('findByEmployeeAndDateRange')
+            ->willReturn([])
+        ;
+        $entityManager->expects(self::exactly(3))->method('persist');
+        $entityManager->expects(self::once())->method('flush');
+
+        $result = $this->processor->process($absence, new Post());
+
+        self::assertSame($absence, $result);
+        self::assertSame('2026-02-16', $absence->getStartDate()->format('Y-m-d'));
+        self::assertSame('2026-02-16', $absence->getEndDate()->format('Y-m-d'));
+    }
+
+    public function testDeleteThrowsWhenValidated(): void
+    {
+        $entityManager      = $this->createMock(EntityManagerInterface::class);
+        $absenceRepository  = $this->createStub(AbsenceReadRepositoryInterface::class);
+        $workHourRepository = $this->createMock(WorkHourReadRepositoryInterface::class);
+        $this->processor    = new AbsenceWriteProcessor($entityManager, $absenceRepository, $workHourRepository);
+
+        $absence = $this->buildAbsence('2026-02-16', '2026-02-16', HalfDay::AM, HalfDay::PM);
+
+        $workHourRepository->expects(self::once())
+            ->method('hasValidatedInRange')
+            ->willReturn(true)
+        ;
+        $entityManager->expects(self::never())->method('remove');
+        $entityManager->expects(self::never())->method('flush');
+
+        $this->expectException(ConflictHttpException::class);
+        $this->processor->process($absence, new Delete());
+    }
+
+    public function testDeleteRemovesWhenNotValidated(): void
+    {
+        $entityManager      = $this->createMock(EntityManagerInterface::class);
+        $absenceRepository  = $this->createStub(AbsenceReadRepositoryInterface::class);
+        $workHourRepository = $this->createMock(WorkHourReadRepositoryInterface::class);
+        $this->processor    = new AbsenceWriteProcessor($entityManager, $absenceRepository, $workHourRepository);
+
+        $absence = $this->buildAbsence('2026-02-16', '2026-02-16', HalfDay::AM, HalfDay::PM);
+
+        $workHourRepository->expects(self::once())
+            ->method('hasValidatedInRange')
+            ->willReturn(false)
+        ;
+        $entityManager->expects(self::once())->method('remove')->with($absence);
+        $entityManager->expects(self::once())->method('flush');
+
+        $result = $this->processor->process($absence, new Delete());
+
+        self::assertNull($result);
+    }
+
+    public function testPostThrowsOnInvalidHalfDayOrder(): void
+    {
+        $entityManager      = $this->createStub(EntityManagerInterface::class);
+        $absenceRepository  = $this->createStub(AbsenceReadRepositoryInterface::class);
+        $workHourRepository = $this->createStub(WorkHourReadRepositoryInterface::class);
+        $this->processor    = new AbsenceWriteProcessor($entityManager, $absenceRepository, $workHourRepository);
+
+        $absence = $this->buildAbsence('2026-02-16', '2026-02-16', HalfDay::PM, HalfDay::AM);
+
+        $this->expectException(UnprocessableEntityHttpException::class);
+        $this->processor->process($absence, new Post());
+    }
+
+    private function buildAbsence(string $startDate, string $endDate, HalfDay $startHalf, HalfDay $endHalf): Absence
+    {
+        $contract = new Contract()->setName('35h')->setTrackingMode(Contract::TRACKING_TIME)->setWeeklyHours(35);
+        $employee = new Employee()->setFirstName('Test')->setLastName('User')->setContract($contract);
+        $type     = new AbsenceType()->setCode('CP')->setLabel('Congé')->setColor('#000')->setCountAsWorkedHours(true);
+
+        return new Absence()
+            ->setEmployee($employee)
+            ->setType($type)
+            ->setComment('x')
+            ->setStartDate(new DateTime($startDate))
+            ->setEndDate(new DateTime($endDate))
+            ->setStartHalf($startHalf)
+            ->setEndHalf($endHalf);
+    }
+}
diff --git a/tests/State/WorkHourDayContextProviderTest.php b/tests/State/WorkHourDayContextProviderTest.php
new file mode 100644
index 0000000..4353a2c
--- /dev/null
+++ b/tests/State/WorkHourDayContextProviderTest.php
@@ -0,0 +1,154 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\State;
+
+use ApiPlatform\Metadata\Get;
+use App\Entity\Absence;
+use App\Entity\AbsenceType;
+use App\Entity\Contract;
+use App\Entity\Employee;
+use App\Entity\User;
+use App\Enum\HalfDay;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\EmployeeScopedRepositoryInterface;
+use App\Service\WorkHours\AbsenceSegmentsResolver;
+use App\Service\WorkHours\WorkedHoursCreditPolicy;
+use App\State\WorkHourDayContextProvider;
+use DateTime;
+use PHPUnit\Framework\TestCase;
+use ReflectionObject;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\RequestStack;
+use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
+use Symfony\Component\HttpKernel\Exception\UnprocessableEntityHttpException;
+
+/**
+ * @internal
+ */
+final class WorkHourDayContextProviderTest extends TestCase
+{
+    private Security $security;
+    private EmployeeScopedRepositoryInterface $employeeRepository;
+    private AbsenceReadRepositoryInterface $absenceRepository;
+    private RequestStack $requestStack;
+
+    protected function setUp(): void
+    {
+        $this->security           = $this->createStub(Security::class);
+        $this->employeeRepository = $this->createStub(EmployeeScopedRepositoryInterface::class);
+        $this->absenceRepository  = $this->createStub(AbsenceReadRepositoryInterface::class);
+        $this->requestStack       = new RequestStack();
+    }
+
+    public function testThrowsWhenAnonymous(): void
+    {
+        $this->security->method('getUser')->willReturn(null);
+
+        $provider = new WorkHourDayContextProvider(
+            $this->security,
+            $this->requestStack,
+            $this->employeeRepository,
+            $this->absenceRepository,
+            new AbsenceSegmentsResolver(),
+            new WorkedHoursCreditPolicy()
+        );
+
+        $this->expectException(AccessDeniedHttpException::class);
+        $provider->provide(new Get());
+    }
+
+    public function testThrowsWhenDateFormatInvalid(): void
+    {
+        $this->requestStack->push(new Request(query: ['workDate' => '16-02-2026']));
+        $this->security->method('getUser')->willReturn(new User());
+
+        $provider = new WorkHourDayContextProvider(
+            $this->security,
+            $this->requestStack,
+            $this->employeeRepository,
+            $this->absenceRepository,
+            new AbsenceSegmentsResolver(),
+            new WorkedHoursCreditPolicy()
+        );
+
+        $this->expectException(UnprocessableEntityHttpException::class);
+        $provider->provide(new Get());
+    }
+
+    public function testBuildsRowsWithAbsenceCredits(): void
+    {
+        $user     = new User();
+        $employee = $this->buildEmployee(1, Contract::TRACKING_TIME, 35);
+        $absence  = $this->buildAbsence($employee, '2026-02-16', '2026-02-16', true);
+
+        $this->requestStack->push(new Request(query: ['workDate' => '2026-02-16']));
+        $this->security->method('getUser')->willReturn($user);
+        $this->employeeRepository->method('findScoped')->with($user)->willReturn([$employee]);
+        $this->absenceRepository->method('findByDateAndEmployees')->willReturn([$absence]);
+
+        $provider = new WorkHourDayContextProvider(
+            $this->security,
+            $this->requestStack,
+            $this->employeeRepository,
+            $this->absenceRepository,
+            new AbsenceSegmentsResolver(),
+            new WorkedHoursCreditPolicy()
+        );
+
+        $result = $provider->provide(new Get());
+
+        self::assertSame('2026-02-16', $result->workDate);
+        self::assertCount(1, $result->rows);
+        self::assertSame(1, $result->rows[0]['employeeId']);
+        self::assertSame('Maladie', $result->rows[0]['absenceLabel']);
+        self::assertSame('AM', $result->rows[0]['absenceHalf']);
+        self::assertSame(210, $result->rows[0]['creditedMinutes']);
+    }
+
+    private function buildEmployee(int $id, string $trackingMode, ?int $weeklyHours): Employee
+    {
+        $contract = new Contract()
+            ->setName('Contrat')
+            ->setTrackingMode($trackingMode)
+            ->setWeeklyHours($weeklyHours)
+        ;
+        $employee = new Employee()
+            ->setFirstName('Jean')
+            ->setLastName('Test')
+            ->setContract($contract)
+        ;
+        $this->setEntityId($employee, $id);
+
+        return $employee;
+    }
+
+    private function buildAbsence(Employee $employee, string $startDate, string $endDate, bool $countAsWorked): Absence
+    {
+        $type = new AbsenceType()
+            ->setCode('MAL')
+            ->setLabel('Maladie')
+            ->setColor('#f00')
+            ->setCountAsWorkedHours($countAsWorked)
+        ;
+
+        return new Absence()
+            ->setEmployee($employee)
+            ->setType($type)
+            ->setStartDate(new DateTime($startDate))
+            ->setEndDate(new DateTime($endDate))
+            ->setStartHalf(HalfDay::AM)
+            ->setEndHalf(HalfDay::AM)
+        ;
+    }
+
+    private function setEntityId(object $entity, int $id): void
+    {
+        $reflection = new ReflectionObject($entity);
+        $property   = $reflection->getProperty('id');
+        $property->setAccessible(true);
+        $property->setValue($entity, $id);
+    }
+}
diff --git a/tests/State/WorkHourWeeklySummaryProviderTest.php b/tests/State/WorkHourWeeklySummaryProviderTest.php
new file mode 100644
index 0000000..1087d2f
--- /dev/null
+++ b/tests/State/WorkHourWeeklySummaryProviderTest.php
@@ -0,0 +1,170 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Tests\State;
+
+use ApiPlatform\Metadata\Get;
+use App\Entity\Absence;
+use App\Entity\AbsenceType;
+use App\Entity\Contract;
+use App\Entity\Employee;
+use App\Entity\User;
+use App\Entity\WorkHour;
+use App\Enum\HalfDay;
+use App\Repository\Contract\AbsenceReadRepositoryInterface;
+use App\Repository\Contract\EmployeeScopedRepositoryInterface;
+use App\Repository\Contract\WorkHourReadRepositoryInterface;
+use App\Service\WorkHours\AbsenceSegmentsResolver;
+use App\Service\WorkHours\WorkedHoursCreditPolicy;
+use App\State\WorkHourWeeklySummaryProvider;
+use DateTime;
+use DateTimeImmutable;
+use PHPUnit\Framework\TestCase;
+use ReflectionObject;
+use Symfony\Bundle\SecurityBundle\Security;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\RequestStack;
+use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
+
+/**
+ * @internal
+ */
+final class WorkHourWeeklySummaryProviderTest extends TestCase
+{
+    private Security $security;
+    private EmployeeScopedRepositoryInterface $employeeRepository;
+    private WorkHourReadRepositoryInterface $workHourRepository;
+    private AbsenceReadRepositoryInterface $absenceRepository;
+    private RequestStack $requestStack;
+
+    protected function setUp(): void
+    {
+        $this->security           = $this->createStub(Security::class);
+        $this->employeeRepository = $this->createStub(EmployeeScopedRepositoryInterface::class);
+        $this->workHourRepository = $this->createStub(WorkHourReadRepositoryInterface::class);
+        $this->absenceRepository  = $this->createStub(AbsenceReadRepositoryInterface::class);
+        $this->requestStack       = new RequestStack();
+    }
+
+    public function testThrowsWhenAnonymous(): void
+    {
+        $this->security->method('getUser')->willReturn(null);
+
+        $provider = new WorkHourWeeklySummaryProvider(
+            $this->security,
+            $this->requestStack,
+            $this->employeeRepository,
+            $this->workHourRepository,
+            $this->absenceRepository,
+            new AbsenceSegmentsResolver(),
+            new WorkedHoursCreditPolicy()
+        );
+
+        $this->expectException(AccessDeniedHttpException::class);
+        $provider->provide(new Get());
+    }
+
+    public function testBuildsWeeklyRowsWithOvertimeAndPresence(): void
+    {
+        $user             = new User();
+        $timeEmployee     = $this->buildEmployee(1, 'TIME', 35, 'Alice');
+        $presenceEmployee = $this->buildEmployee(2, 'PRESENCE', null, 'Bob');
+        $interimEmployee  = $this->buildEmployee(3, 'TIME', 35, 'Charly', 'Interim');
+        $employees        = [$timeEmployee, $presenceEmployee, $interimEmployee];
+
+        $workHours = [];
+        foreach (['2026-02-16', '2026-02-17', '2026-02-18', '2026-02-19', '2026-02-20'] as $date) {
+            $workHours[] = new WorkHour()
+                ->setEmployee($timeEmployee)
+                ->setWorkDate(new DateTimeImmutable($date))
+                ->setMorningFrom('09:00')
+                ->setMorningTo('19:00')
+            ;
+            $workHours[] = new WorkHour()
+                ->setEmployee($interimEmployee)
+                ->setWorkDate(new DateTimeImmutable($date))
+                ->setMorningFrom('09:00')
+                ->setMorningTo('19:00')
+            ;
+        }
+
+        $absenceType = new AbsenceType()
+            ->setCode('CP')
+            ->setLabel('Congé')
+            ->setColor('#000')
+            ->setCountAsWorkedHours(true)
+        ;
+        $presenceAbsence = new Absence()
+            ->setEmployee($presenceEmployee)
+            ->setType($absenceType)
+            ->setStartDate(new DateTime('2026-02-16'))
+            ->setEndDate(new DateTime('2026-02-16'))
+            ->setStartHalf(HalfDay::AM)
+            ->setEndHalf(HalfDay::PM)
+        ;
+
+        $this->requestStack->push(new Request(query: ['weekStart' => '2026-02-16']));
+        $this->security->method('getUser')->willReturn($user);
+        $this->employeeRepository->method('findScoped')->with($user)->willReturn($employees);
+        $this->workHourRepository->method('findByDateRangeAndEmployees')->willReturn($workHours);
+        $this->absenceRepository->method('findForPrint')->willReturn([$presenceAbsence]);
+
+        $provider = new WorkHourWeeklySummaryProvider(
+            $this->security,
+            $this->requestStack,
+            $this->employeeRepository,
+            $this->workHourRepository,
+            $this->absenceRepository,
+            new AbsenceSegmentsResolver(),
+            new WorkedHoursCreditPolicy()
+        );
+
+        $result = $provider->provide(new Get());
+
+        self::assertSame('2026-02-16', $result->weekStart);
+        self::assertSame('2026-02-22', $result->weekEnd);
+        self::assertCount(3, $result->rows);
+
+        self::assertSame(3000, $result->rows[0]->weeklyTotalMinutes);
+        self::assertSame(900, $result->rows[0]->weeklyOvertimeTotalMinutes);
+        self::assertSame(120, $result->rows[0]->weeklyOvertime25Minutes);
+        self::assertSame(210, $result->rows[0]->weeklyOvertime50Minutes);
+        self::assertSame(1230, $result->rows[0]->weeklyRecoveryMinutes);
+
+        self::assertSame(1.0, $result->rows[1]->weeklyPresenceCount);
+        self::assertTrue($result->rows[1]->daily[0]->hasAbsence);
+        self::assertSame('Congé', $result->rows[1]->daily[0]->absenceLabel);
+        self::assertSame('#000', $result->rows[1]->daily[0]->absenceColor);
+        self::assertSame(0, $result->rows[1]->weeklyOvertimeTotalMinutes);
+        self::assertSame(0, $result->rows[2]->weeklyOvertime25Minutes);
+        self::assertSame(0, $result->rows[2]->weeklyOvertime50Minutes);
+        self::assertSame(0, $result->rows[2]->weeklyRecoveryMinutes);
+        self::assertSame(900, $result->rows[2]->weeklyOvertimeTotalMinutes);
+    }
+
+    private function buildEmployee(int $id, string $trackingMode, ?int $weeklyHours, string $firstName, ?string $contractName = null): Employee
+    {
+        $contract = new Contract()
+            ->setName($contractName ?? $trackingMode)
+            ->setTrackingMode($trackingMode)
+            ->setWeeklyHours($weeklyHours)
+        ;
+        $employee = new Employee()
+            ->setFirstName($firstName)
+            ->setLastName('Test')
+            ->setContract($contract)
+        ;
+        $this->setEntityId($employee, $id);
+
+        return $employee;
+    }
+
+    private function setEntityId(object $entity, int $id): void
+    {
+        $reflection = new ReflectionObject($entity);
+        $property   = $reflection->getProperty('id');
+        $property->setAccessible(true);
+        $property->setValue($entity, $id);
+    }
+}