fix(#168): typage colonne placement garde courant compatible TypeORM.

Co-authored-by: Cursor <cursoragent@cursor.com>

backend/src/entities/parents.entity.ts

@@ -5,6 +5,7 @@ import {
 import { Users } from './users.entity';
 import { ParentsChildren } from './parents_children.entity';
 import { Dossier } from './dossiers.entity';
+import { AmChildren } from './am_children.entity';
 
 @Entity('parents', { schema: 'public' })
 export class Parents {
@@ -25,6 +26,17 @@ export class Parents {
   @Column({ name: 'numero_dossier', length: 20, nullable: true })
   numero_dossier?: string;
 
+  /**
+   * Placement AM↔enfant sélectionné sur le TdB parent (couple actif) — ticket #168.
+   * Null / absent = le front prend le premier couple actif retourné par l’API.
+   */
+  @Column({ name: 'id_placement_garde_courant', type: 'uuid', nullable: true })
+  id_placement_garde_courant?: string;
+
+  @ManyToOne(() => AmChildren, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'id_placement_garde_courant', referencedColumnName: 'id' })
+  placement_garde_courant?: AmChildren;
+
   // Lien vers enfants via la table enfants_parents
   @OneToMany(() => ParentsChildren, pc => pc.parent)
   parentChildren: ParentsChildren[];

backend/src/routes/parents/dto/couples-garde.dto.ts

@@ -0,0 +1,61 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+/** Identité minimale enfant pour le bandeau couple — ticket #168 */
+export class CoupleGardeEnfantDto {
+  @ApiProperty({ format: 'uuid' })
+  id: string;
+
+  @ApiPropertyOptional()
+  prenom?: string | null;
+
+  @ApiPropertyOptional()
+  nom?: string | null;
+
+  @ApiPropertyOptional()
+  photo_url?: string | null;
+}
+
+/** Identité minimale AM pour le bandeau couple — ticket #168 */
+export class CoupleGardeAmDto {
+  @ApiProperty({ format: 'uuid', description: 'UUID utilisateur de l’AM' })
+  id: string;
+
+  @ApiPropertyOptional()
+  prenom?: string | null;
+
+  @ApiPropertyOptional()
+  nom?: string | null;
+
+  @ApiPropertyOptional()
+  photo_url?: string | null;
+}
+
+/** Un couple de garde = placement actif enfant ↔ AM */
+export class CoupleGardeDto {
+  @ApiProperty({
+    format: 'uuid',
+    description: 'Id du placement (enfants_assistantes_maternelles.id)',
+  })
+  id: string;
+
+  @ApiProperty({ type: CoupleGardeEnfantDto })
+  enfant: CoupleGardeEnfantDto;
+
+  @ApiProperty({ type: CoupleGardeAmDto })
+  am: CoupleGardeAmDto;
+
+  @ApiProperty({ description: 'True si c’est le couple actuellement sélectionné' })
+  courant: boolean;
+}
+
+export class CouplesGardeResponseDto {
+  @ApiProperty({ type: [CoupleGardeDto] })
+  couples: CoupleGardeDto[];
+
+  @ApiPropertyOptional({
+    format: 'uuid',
+    nullable: true,
+    description: 'Id du couple courant (null si aucun / premier couple implicite côté client)',
+  })
+  couple_courant_id: string | null;
+}

backend/src/routes/parents/dto/definir-couple-garde-courant.dto.ts

@@ -0,0 +1,13 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsNotEmpty, IsUUID } from 'class-validator';
+
+/** Corps PUT couple de garde courant — ticket #168 */
+export class DefinirCoupleGardeCourantDto {
+  @ApiProperty({
+    format: 'uuid',
+    description: 'Id du placement (enfants_assistantes_maternelles.id) à sélectionner',
+  })
+  @IsUUID()
+  @IsNotEmpty()
+  couple_id: string;
+}

backend/src/routes/parents/parents.controller.spec.ts

@@ -13,7 +13,10 @@ describe('ParentsController', () => {
     createParentDossierStaff: jest.fn(),
     addCoParentStaff: jest.fn(),
   };
-  const parentsServiceMock = {};
+  const parentsServiceMock = {
+    listerCouplesGarde: jest.fn(),
+    definirCoupleGardeCourant: jest.fn(),
+  };
   const userServiceMock = {};
 
   beforeEach(async () => {
@@ -39,6 +42,31 @@ describe('ParentsController', () => {
     expect(controller).toBeDefined();
   });
 
+  it('listerCouplesGarde délègue au service (#168)', async () => {
+    parentsServiceMock.listerCouplesGarde.mockResolvedValue({
+      couples: [],
+      couple_courant_id: null,
+    });
+    const res = await controller.listerCouplesGarde('parent-uuid');
+    expect(parentsServiceMock.listerCouplesGarde).toHaveBeenCalledWith('parent-uuid');
+    expect(res.couples).toEqual([]);
+  });
+
+  it('definirCoupleGardeCourant délègue au service (#168)', async () => {
+    parentsServiceMock.definirCoupleGardeCourant.mockResolvedValue({
+      couples: [{ id: 'pl-1', courant: true }],
+      couple_courant_id: 'pl-1',
+    });
+    const res = await controller.definirCoupleGardeCourant('parent-uuid', {
+      couple_id: 'pl-1',
+    });
+    expect(parentsServiceMock.definirCoupleGardeCourant).toHaveBeenCalledWith(
+      'parent-uuid',
+      'pl-1',
+    );
+    expect(res.couple_courant_id).toBe('pl-1');
+  });
+
   it('createDossier delegates to authService.createParentDossierStaff with CGU accepted', async () => {
     authServiceMock.createParentDossierStaff.mockResolvedValue({
       message: 'Dossier famille créé et validé. Un e-mail de création de mot de passe a été envoyé.',

backend/src/routes/parents/parents.controller.ts

@@ -8,6 +8,7 @@ import {
   Param,
   Patch,
   Post,
+  Put,
   UseGuards,
 } from '@nestjs/common';
 import { ParentsService } from './parents.service';
@@ -39,6 +40,8 @@ import { User } from 'src/common/decorators/user.decorator';
 import { PendingFamilyDto } from './dto/pending-family.dto';
 import { DossierFamilleCompletDto } from './dto/dossier-famille-complet.dto';
 import { mapParentForApi, mapParentsForApi } from './parents.mapper';
+import { CouplesGardeResponseDto } from './dto/couples-garde.dto';
+import { DefinirCoupleGardeCourantDto } from './dto/definir-couple-garde-courant.dto';
 
 @ApiTags('Parents')
 @ApiBearerAuth('access-token')
@@ -51,6 +54,39 @@ export class ParentsController {
     private readonly authService: AuthService,
   ) {}
 
+  @Get('me/couples-garde')
+  @Roles(RoleType.PARENT)
+  @ApiOperation({
+    summary: 'Lister les couples de garde du parent connecté — ticket #168',
+    description:
+      'Retourne les placements actifs enfant↔AM rattachés au parent, ' +
+      'avec indication du couple courant (bandeau TdB quotidien).',
+  })
+  @ApiResponse({ status: 200, type: CouplesGardeResponseDto })
+  @ApiResponse({ status: 403, description: 'Réservé au rôle parent' })
+  @ApiResponse({ status: 404, description: 'Parent introuvable' })
+  listerCouplesGarde(@User('id') userId: string): Promise<CouplesGardeResponseDto> {
+    return this.parentsService.listerCouplesGarde(userId);
+  }
+
+  @Put('me/couples-garde/courant')
+  @Roles(RoleType.PARENT)
+  @ApiOperation({
+    summary: 'Définir le couple de garde courant — ticket #168',
+    description:
+      'Persiste la préférence de couple actif (enfant|nounou) pour contextualiser le TdB.',
+  })
+  @ApiBody({ type: DefinirCoupleGardeCourantDto })
+  @ApiResponse({ status: 200, type: CouplesGardeResponseDto })
+  @ApiResponse({ status: 400, description: 'Couple hors périmètre du parent' })
+  @ApiResponse({ status: 404, description: 'Parent ou couple introuvable' })
+  definirCoupleGardeCourant(
+    @User('id') userId: string,
+    @Body() dto: DefinirCoupleGardeCourantDto,
+  ): Promise<CouplesGardeResponseDto> {
+    return this.parentsService.definirCoupleGardeCourant(userId, dto.couple_id);
+  }
+
   @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR, RoleType.GESTIONNAIRE)
   @Post('dossier')
   @HttpCode(HttpStatus.CREATED)

backend/src/routes/parents/parents.module.ts

@@ -5,6 +5,7 @@ import { JwtModule } from '@nestjs/jwt';
 import { Parents } from 'src/entities/parents.entity';
 import { DossierFamille, DossierFamilleEnfant } from 'src/entities/dossier_famille.entity';
 import { ParentsChildren } from 'src/entities/parents_children.entity';
+import { AmChildren } from 'src/entities/am_children.entity';
 import { ParentsController } from './parents.controller';
 import { ParentsService } from './parents.service';
 import { Users } from 'src/entities/users.entity';
@@ -13,7 +14,14 @@ import { AuthModule } from '../auth/auth.module';
 
 @Module({
     imports: [
-        TypeOrmModule.forFeature([Parents, Users, DossierFamille, DossierFamilleEnfant, ParentsChildren]),
+        TypeOrmModule.forFeature([
+            Parents,
+            Users,
+            DossierFamille,
+            DossierFamilleEnfant,
+            ParentsChildren,
+            AmChildren,
+        ]),
         forwardRef(() => UserModule),
         forwardRef(() => AuthModule),
         JwtModule.registerAsync({

backend/src/routes/parents/parents.service.spec.ts

@@ -1,12 +1,43 @@
+import { BadRequestException, NotFoundException } from '@nestjs/common';
 import { Test, TestingModule } from '@nestjs/testing';
+import { getRepositoryToken } from '@nestjs/typeorm';
 import { ParentsService } from './parents.service';
+import { Parents } from 'src/entities/parents.entity';
+import { Users } from 'src/entities/users.entity';
+import { DossierFamille } from 'src/entities/dossier_famille.entity';
+import { ParentsChildren } from 'src/entities/parents_children.entity';
+import { AmChildren } from 'src/entities/am_children.entity';
 
-describe('ParentsService', () => {
+describe('ParentsService — couples de garde (#168)', () => {
   let service: ParentsService;
 
+  const parentsRepository = {
+    findOne: jest.fn(),
+    update: jest.fn(),
+  };
+  const parentsChildrenRepository = {
+    find: jest.fn(),
+    findOne: jest.fn(),
+  };
+  const amChildrenRepository = {
+    find: jest.fn(),
+    findOne: jest.fn(),
+  };
+
   beforeEach(async () => {
+    jest.clearAllMocks();
     const module: TestingModule = await Test.createTestingModule({
-      providers: [ParentsService],
+      providers: [
+        ParentsService,
+        { provide: getRepositoryToken(Parents), useValue: parentsRepository },
+        { provide: getRepositoryToken(Users), useValue: {} },
+        { provide: getRepositoryToken(DossierFamille), useValue: {} },
+        {
+          provide: getRepositoryToken(ParentsChildren),
+          useValue: parentsChildrenRepository,
+        },
+        { provide: getRepositoryToken(AmChildren), useValue: amChildrenRepository },
+      ],
     }).compile();
 
     service = module.get<ParentsService>(ParentsService);
@@ -15,4 +46,107 @@ describe('ParentsService', () => {
   it('should be defined', () => {
     expect(service).toBeDefined();
   });
+
+  describe('listerCouplesGarde', () => {
+    it('retourne une liste vide si le parent n’a pas d’enfant', async () => {
+      parentsRepository.findOne.mockResolvedValue({
+        user_id: 'p1',
+        id_placement_garde_courant: null,
+      });
+      parentsChildrenRepository.find.mockResolvedValue([]);
+
+      const res = await service.listerCouplesGarde('p1');
+      expect(res).toEqual({ couples: [], couple_courant_id: null });
+      expect(amChildrenRepository.find).not.toHaveBeenCalled();
+    });
+
+    it('mappe les placements actifs en couples et marque le courant', async () => {
+      parentsRepository.findOne.mockResolvedValue({
+        user_id: 'p1',
+        id_placement_garde_courant: 'pl-2',
+      });
+      parentsChildrenRepository.find.mockResolvedValue([
+        { enfantId: 'e1' },
+        { enfantId: 'e2' },
+      ]);
+      amChildrenRepository.find.mockResolvedValue([
+        {
+          id: 'pl-1',
+          amId: 'am-1',
+          child: { id: 'e1', first_name: 'Léo', last_name: 'M', photo_url: null },
+          am: { user: { prenom: 'Marie', nom: 'N', photo_url: '/a.jpg' } },
+        },
+        {
+          id: 'pl-2',
+          amId: 'am-2',
+          child: { id: 'e2', first_name: 'Léa', last_name: 'M', photo_url: null },
+          am: { user: { prenom: 'Sophie', nom: 'P', photo_url: null } },
+        },
+      ]);
+
+      const res = await service.listerCouplesGarde('p1');
+      expect(res.couples).toHaveLength(2);
+      expect(res.couple_courant_id).toBe('pl-2');
+      expect(res.couples[1].courant).toBe(true);
+      expect(res.couples[0].am.prenom).toBe('Marie');
+      expect(res.couples[0].enfant.prenom).toBe('Léo');
+    });
+
+    it('404 si parent inconnu', async () => {
+      parentsRepository.findOne.mockResolvedValue(null);
+      await expect(service.listerCouplesGarde('x')).rejects.toBeInstanceOf(
+        NotFoundException,
+      );
+    });
+  });
+
+  describe('definirCoupleGardeCourant', () => {
+    it('persiste le couple si l’enfant est rattaché au parent', async () => {
+      parentsRepository.findOne.mockResolvedValue({
+        user_id: 'p1',
+        id_placement_garde_courant: null,
+      });
+      amChildrenRepository.findOne.mockResolvedValue({
+        id: 'pl-1',
+        enfantId: 'e1',
+        date_fin: null,
+      });
+      parentsChildrenRepository.findOne.mockResolvedValue({
+        parentId: 'p1',
+        enfantId: 'e1',
+      });
+      parentsRepository.update.mockResolvedValue({ affected: 1 });
+      // second call via listerCouplesGarde
+      parentsChildrenRepository.find.mockResolvedValue([{ enfantId: 'e1' }]);
+      amChildrenRepository.find.mockResolvedValue([
+        {
+          id: 'pl-1',
+          amId: 'am-1',
+          child: { id: 'e1', first_name: 'Léo', last_name: null, photo_url: null },
+          am: { user: { prenom: 'Marie', nom: null, photo_url: null } },
+        },
+      ]);
+
+      const res = await service.definirCoupleGardeCourant('p1', 'pl-1');
+      expect(parentsRepository.update).toHaveBeenCalledWith(
+        { user_id: 'p1' },
+        { id_placement_garde_courant: 'pl-1' },
+      );
+      expect(res.couple_courant_id).toBe('pl-1');
+      expect(res.couples[0].courant).toBe(true);
+    });
+
+    it('400 si le couple n’appartient pas au parent', async () => {
+      parentsRepository.findOne.mockResolvedValue({ user_id: 'p1' });
+      amChildrenRepository.findOne.mockResolvedValue({
+        id: 'pl-1',
+        enfantId: 'e99',
+      });
+      parentsChildrenRepository.findOne.mockResolvedValue(null);
+
+      await expect(
+        service.definirCoupleGardeCourant('p1', 'pl-1'),
+      ).rejects.toBeInstanceOf(BadRequestException);
+    });
+  });
 });

backend/src/routes/parents/parents.service.ts

@@ -5,7 +5,7 @@ import {
   NotFoundException,
 } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
-import { In, Repository } from 'typeorm';
+import { In, IsNull, Repository } from 'typeorm';
 import { Parents } from 'src/entities/parents.entity';
 import { DossierFamille } from 'src/entities/dossier_famille.entity';
 import { RoleType, Users } from 'src/entities/users.entity';
@@ -20,6 +20,8 @@ import {
 import { ParentsChildren } from 'src/entities/parents_children.entity';
 import { Children } from 'src/entities/children.entity';
 import { UpdateParentFicheAdminDto } from './dto/update-parent-fiche-admin.dto';
+import { AmChildren } from 'src/entities/am_children.entity';
+import { CouplesGardeResponseDto } from './dto/couples-garde.dto';
 
 @Injectable()
 export class ParentsService {
@@ -32,6 +34,8 @@ export class ParentsService {
     private readonly dossierFamilleRepository: Repository<DossierFamille>,
     @InjectRepository(ParentsChildren)
     private readonly parentsChildrenRepository: Repository<ParentsChildren>,
+    @InjectRepository(AmChildren)
+    private readonly amChildrenRepository: Repository<AmChildren>,
   ) {}
 
   // Création d’un parent
@@ -505,4 +509,108 @@ export class ParentsService {
     }
     return raw.map((r: { id: string }) => r.id);
   }
+
+  /**
+   * Liste les couples de garde (enfant ↔ AM) du parent connecté — ticket #168.
+   * Un couple = un placement actif dans enfants_assistantes_maternelles pour un enfant du parent.
+   */
+  async listerCouplesGarde(parentUserId: string): Promise<CouplesGardeResponseDto> {
+    const parent = await this.parentsRepository.findOne({
+      where: { user_id: parentUserId },
+    });
+    if (!parent) {
+      throw new NotFoundException('Parent introuvable');
+    }
+
+    const liensEnfants = await this.parentsChildrenRepository.find({
+      where: { parentId: parentUserId },
+      select: ['enfantId'],
+    });
+    const enfantIds = liensEnfants.map((l) => l.enfantId);
+    if (enfantIds.length === 0) {
+      return { couples: [], couple_courant_id: null };
+    }
+
+    const placements = await this.amChildrenRepository.find({
+      where: { enfantId: In(enfantIds), date_fin: IsNull() },
+      relations: ['child', 'am', 'am.user'],
+      order: { date_debut: 'ASC' },
+    });
+
+    let idCourant = parent.id_placement_garde_courant ?? null;
+    const idsValides = new Set(placements.map((p) => p.id));
+    if (idCourant && !idsValides.has(idCourant)) {
+      idCourant = null;
+      await this.parentsRepository.update(
+        { user_id: parentUserId },
+        { id_placement_garde_courant: () => 'NULL' },
+      );
+    }
+    if (!idCourant && placements.length === 1) {
+      idCourant = placements[0].id;
+    }
+
+    const couples = placements.map((p) => {
+      const amUser = p.am?.user;
+      return {
+        id: p.id,
+        enfant: {
+          id: p.child.id,
+          prenom: p.child.first_name ?? null,
+          nom: p.child.last_name ?? null,
+          photo_url: p.child.photo_url ?? null,
+        },
+        am: {
+          id: p.amId,
+          prenom: amUser?.prenom ?? null,
+          nom: amUser?.nom ?? null,
+          photo_url: amUser?.photo_url ?? null,
+        },
+        courant: idCourant != null && p.id === idCourant,
+      };
+    });
+
+    return {
+      couples,
+      couple_courant_id: idCourant,
+    };
+  }
+
+  /**
+   * Persiste le couple de garde actif pour le parent — ticket #168.
+   */
+  async definirCoupleGardeCourant(
+    parentUserId: string,
+    coupleId: string,
+  ): Promise<CouplesGardeResponseDto> {
+    const parent = await this.parentsRepository.findOne({
+      where: { user_id: parentUserId },
+    });
+    if (!parent) {
+      throw new NotFoundException('Parent introuvable');
+    }
+
+    const placement = await this.amChildrenRepository.findOne({
+      where: { id: coupleId, date_fin: IsNull() },
+    });
+    if (!placement) {
+      throw new NotFoundException('Couple de garde introuvable ou inactif');
+    }
+
+    const lien = await this.parentsChildrenRepository.findOne({
+      where: { parentId: parentUserId, enfantId: placement.enfantId },
+    });
+    if (!lien) {
+      throw new BadRequestException(
+        'Ce couple ne concerne pas un enfant rattaché à ce parent',
+      );
+    }
+
+    await this.parentsRepository.update(
+      { user_id: parentUserId },
+      { id_placement_garde_courant: coupleId },
+    );
+
+    return this.listerCouplesGarde(parentUserId);
+  }
 }

database/BDD.sql

@@ -154,7 +154,10 @@ CREATE INDEX idx_assistantes_maternelles_numero_dossier
 CREATE TABLE parents (
     id_utilisateur UUID PRIMARY KEY REFERENCES utilisateurs(id) ON DELETE CASCADE,
     id_co_parent UUID REFERENCES utilisateurs(id),
-    numero_dossier VARCHAR(20)
+    numero_dossier VARCHAR(20),
+    -- Préférence couple de garde actif (TdB quotidien) — ticket #168
+    -- FK ajoutée après création de enfants_assistantes_maternelles (voir ALTER plus bas)
+    id_placement_garde_courant UUID
 );
 
 CREATE INDEX idx_parents_numero_dossier
@@ -206,6 +209,16 @@ CREATE UNIQUE INDEX uq_enfant_garde_active
     ON enfants_assistantes_maternelles (id_enfant)
     WHERE date_fin IS NULL;
 
+-- FK couple courant parent → placement (#168) — après table enfants_assistantes_maternelles
+ALTER TABLE parents
+  ADD CONSTRAINT fk_parents_placement_garde_courant
+  FOREIGN KEY (id_placement_garde_courant)
+  REFERENCES enfants_assistantes_maternelles(id) ON DELETE SET NULL;
+
+CREATE INDEX idx_parents_placement_garde_courant
+  ON parents(id_placement_garde_courant)
+  WHERE id_placement_garde_courant IS NOT NULL;
+
 -- ==========================================================
 -- Table : dossier_famille (inscription parent — ticket #119)
 -- ==========================================================

database/migrations/2026_parent_placement_garde_courant.sql

@@ -0,0 +1,10 @@
+-- Ticket #168 — Couple de garde courant (préférence parent)
+-- Idempotent : safe à rejouer.
+
+ALTER TABLE parents
+  ADD COLUMN IF NOT EXISTS id_placement_garde_courant UUID
+    REFERENCES enfants_assistantes_maternelles(id) ON DELETE SET NULL;
+
+CREATE INDEX IF NOT EXISTS idx_parents_placement_garde_courant
+  ON parents(id_placement_garde_courant)
+  WHERE id_placement_garde_courant IS NOT NULL;

docs/00_INDEX.md

@@ -10,6 +10,8 @@ Index de navigation du dépôt. Dernière révision : **septembre 2026** (CDC V1
 | [12 — SRS gestion utilisateurs](./12_SRS-GESTION-UTILISATEURS.md) | Spécification **technique** du domaine users / dossiers |
 | [05 — Versions & milestones](./05_VERSIONS-ET-MILESTONES.md) | Semver Gitea + bilans |
 | [29 — Bilan version 0.1.0](./29_BILAN-VERSION-0.1.0.md) | Tickets livrés 0.1.0 |
+| [30 — Découpage tickets quotidien](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md) | Brouillon / backlog tickets parent/AM |
+| [31 — Mini-spec quotidien parent/AM](./31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md) | Besoin figé atelier sept. 2026 |
 | [04 — Roadmap générale](./04_ROADMAP-GENERALE.md) | Vision phases long terme |
 | [28 — Évolution famille / responsables](./28_EVOLUTION-FAMILLE-ET-RESPONSABLES.md) | Limites modèle foyer / contournements |
 
@@ -30,7 +32,13 @@ Index de navigation du dépôt. Dernière révision : **septembre 2026** (CDC V1
 |-----|---------|
 | [20 — Workflow création de compte](./20_WORKFLOW-CREATION-COMPTE.md) | Inscription / validation (détail historique) |
 | [juridique/](./juridique/README.md) | CGU / CGC / privacy + [22 technique](./juridique/22_DOCUMENTS-LEGAUX.md) |
+
+## Charte & maquettes
+
+| Doc | Contenu |
+|-----|---------|
 | [CHARTE_GRAPHIQUE.md](./CHARTE_GRAPHIQUE.md) | Charte UI |
+| [maquettes/](./maquettes/README.md) | Maquettes TdB quotidien (réf. v4 + historique) |
 
 ## Projet & outillage
 

docs/05_VERSIONS-ET-MILESTONES.md

@@ -12,12 +12,12 @@ Ce fichier remplace, pour le **semver / milestones**, les anciennes tables figé
 | Milestone | Rôle | Statut |
 |-----------|------|--------|
 | **0.1.0** | MVP opérable (auth, inscription, dashboard dossiers/fiches, suppressions, cleanups) | **Terminée** — [bilan](./29_BILAN-VERSION-0.1.0.md) |
-| **0.2.0** | Suite produit (ex. recherche / échanges — sans contrat) | Ouverte |
+| **0.2.0** | **Quotidien parent / AM** (TdB 3 colonnes, cartes, blog, messagerie) — [#165](https://git.ptits-pas.fr/jmartin/petitspas/issues/165)… | **Ouverte** — [mini-spec](./31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md) · [découpage](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md) |
-| **0.3.0** | Contrat + planning | Ouverte |
+| **0.3.0** | Contrat + planning | Fermée (vide) — à réouvrir au besoin |
-| **0.4.0** | Carnet de liaison | Ouverte |
+| **0.4.0** | Carnet de liaison | Fermée (vide) — à réouvrir au besoin |
-| **0.9.0** | Hors périmètre cleanup 0.1.0 (doublons, upload, tech auth/photos, UX erreurs…) | Ouverte |
+| **0.9.0** | Hors périmètre cleanup 0.1.0 | Fermée (vide) |
-| **1.0.0** | Release majeure Phase 1 (critères PO) | Réserve |
+| **1.0.0** | Release majeure (critères PO) | Fermée (réserve) |
-| **Backlog transverse** | Doc étendue, CI/tests, RGPD avancé, monitoring — hors semver dédié | Ouverte |
+| **Backlog transverse** | Doc / CI / RGPD / monitoring | Fermée (vide) |
 
 Liens Gitea : [milestones](https://git.ptits-pas.fr/jmartin/petitspas/milestones).
 
@@ -35,6 +35,8 @@ Liens Gitea : [milestones](https://git.ptits-pas.fr/jmartin/petitspas/milestones
 |-----|------|
 | [01_CAHIER-DES-CHARGES.md](./01_CAHIER-DES-CHARGES.md) | CDC **complet** V1.4 (users mis à jour ; reste = cible) |
 | [12_SRS-GESTION-UTILISATEURS.md](./12_SRS-GESTION-UTILISATEURS.md) | SRS technique domaine utilisateurs |
+| [31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md](./31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md) | Besoin quotidien parent/AM (0.2.0) |
+| [30_DECOUPAGE-TICKETS-QUOTIDIEN.md](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md) | Mapping tickets #165–#189 |
 | Archive CDC V1.3 | [archive/obsolete/01_CAHIER-DES-CHARGES-v1.3.md](./archive/obsolete/01_CAHIER-DES-CHARGES-v1.3.md) |
 
 ---

docs/23_SUIVI-TICKETS.md

@@ -8,5 +8,7 @@ Ne plus maintenir de catalogue exhaustif des tickets dans le dépôt : l’état
 
 Pour une **version livrée**, lire le bilan correspondant (ex. [29_BILAN-VERSION-0.1.0.md](./29_BILAN-VERSION-0.1.0.md)).
 
+**Backlog en cours `0.2.0` (quotidien)** : epic [#165](https://git.ptits-pas.fr/jmartin/petitspas/issues/165) · [découpage #166–#189](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md) · [mini-spec](./31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md).
+
 Archive historique (liste Phase 1 figée, avril 2026) :  
 [archive/obsolete/23_LISTE-TICKETS.md](./archive/obsolete/23_LISTE-TICKETS.md).

docs/30_DECOUPAGE-TICKETS-QUOTIDIEN.md

@@ -0,0 +1,201 @@
+# Découpage tickets — Quotidien parent / AM
+
+> **Statut :** backlog Gitea créé (**milestone `0.2.0`**, **#165–#189**) — *création anticipée avant validation PO* ; **descriptions enrichies** ensuite à partir de la mini-spec / découpage.  
+> **Réf. visuelle :** [maquettes/courantes/maquette-dashboard-parent-quotidien-v4.png](./maquettes/courantes/maquette-dashboard-parent-quotidien-v4.png)  
+> **Mini-spec :** [31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md](./31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md)  
+> **Règle :** tickets **front** / **back** séparés · widgets partagés parent↔AM · **pas d’implé code** tant que le PO n’a pas validé le backlog.
+
+## Intention produit (rappel)
+
+- TdB PC en **3 colonnes** : **cartes** | **blog** (défaut) | **messagerie**
+- Contexte actif = **couple** enfant–nounou (parent) / enfant–parent(s) (AM)
+- Blog **indispensable** (AM + RPE) ; messagerie type WhatsApp (BABA, 2 parents = même fil AM)
+- Look **papier / pastel / lignée inscription** (pas le dashboard staff)
+- **Widgets partagés** parent ↔ AM (blog, messagerie, cartes, coquille, couple paramétré) — pas de double implémentation
+- « Effet démo » = logiciel peuplé + sync live multi-écrans — **pas** un sous-MVP jetable
+- **Hors ce découpage** (jalons suivants) : page Contrat riche (Pajemploi, CP), notifs CDC fourre-tout, masquage messages, posts blog parent, Agenda « riche » (entrée bandeau possible en stub)
+
+## Contrainte technique front (dictée 23/09)
+
+Les panneaux parent et AM étant **quasiment identiques**, le découpage impose des **briques réutilisables** :
+
+| Widget / module | Tickets concernés |
+|-----------------|-------------------|
+| Coquille TdB 3 colonnes + bandeau | A1, B1 — B1 **réutilise** la coquille d’A1 |
+| Sélecteur couple (mode parent vs AM) | A2, B2 — **un** composant, 2 modes |
+| Flux de cartes | C2, C3 — **un** widget + config rôles |
+| Blog (fil + composeur) | D2, D3, D4 — même brique |
+| Messagerie (chat + onglets) | E4, E5, E6 — même brique |
+
+Les tickets **[Front] AM** (B1, B2, C3, D3, E5) = **intégration / mode rôle**, pas une 2ᵉ copie du code.
+
+
+## Proposition de milestone
+
+| Champ | Valeur |
+|-------|--------|
+| Titre | **`0.2.0`** (rouvert) |
+| Description | Quotidien parent / AM — TdB 3 colonnes, cartes, blog, messagerie |
+| Label | `v0.2.0` |
+
+## Mapping Gitea
+
+| Id | Issue | Titre |
+|----|-------|-------|
+| Epic | [#165](https://git.ptits-pas.fr/jmartin/petitspas/issues/165) | Epic quotidien |
+| A1 | [#166](https://git.ptits-pas.fr/jmartin/petitspas/issues/166) | [Front] Coquille TdB parent |
+| A2 | [#167](https://git.ptits-pas.fr/jmartin/petitspas/issues/167) | [Front] Couple enfant–nounou |
+| A3 | [#168](https://git.ptits-pas.fr/jmartin/petitspas/issues/168) | [Backend] API couples parent |
+| B1 | [#169](https://git.ptits-pas.fr/jmartin/petitspas/issues/169) | [Front] Coquille TdB AM |
+| B2 | [#170](https://git.ptits-pas.fr/jmartin/petitspas/issues/170) | [Front] Couple enfant–parent(s) |
+| B3 | [#171](https://git.ptits-pas.fr/jmartin/petitspas/issues/171) | [Backend] API enfants AM |
+| C1 | [#172](https://git.ptits-pas.fr/jmartin/petitspas/issues/172) | [Backend] API cartes |
+| C2 | [#173](https://git.ptits-pas.fr/jmartin/petitspas/issues/173) | [Front] Cartes parent |
+| C3 | [#174](https://git.ptits-pas.fr/jmartin/petitspas/issues/174) | [Front] Cartes AM |
+| C4 | [#175](https://git.ptits-pas.fr/jmartin/petitspas/issues/175) | [Front] Déclarer absence |
+| C5 | [#176](https://git.ptits-pas.fr/jmartin/petitspas/issues/176) | [Front] Formulaires AM cartes |
+| D1 | [#177](https://git.ptits-pas.fr/jmartin/petitspas/issues/177) | [Backend] API blog |
+| D2 | [#178](https://git.ptits-pas.fr/jmartin/petitspas/issues/178) | [Front] Blog parent |
+| D3 | [#179](https://git.ptits-pas.fr/jmartin/petitspas/issues/179) | [Front] Blog AM |
+| D4 | [#180](https://git.ptits-pas.fr/jmartin/petitspas/issues/180) | [Front] Blog gestionnaire |
+| E1 | [#181](https://git.ptits-pas.fr/jmartin/petitspas/issues/181) | [Backend] Socle messagerie |
+| E2 | [#182](https://git.ptits-pas.fr/jmartin/petitspas/issues/182) | [Backend] Mess. AM |
+| E3 | [#183](https://git.ptits-pas.fr/jmartin/petitspas/issues/183) | [Backend] Mess. RPE |
+| E4 | [#184](https://git.ptits-pas.fr/jmartin/petitspas/issues/184) | [Front] Messagerie parent |
+| E5 | [#185](https://git.ptits-pas.fr/jmartin/petitspas/issues/185) | [Front] Messagerie AM |
+| E6 | [#186](https://git.ptits-pas.fr/jmartin/petitspas/issues/186) | [Front] Mess. RPE gestionnaire |
+| F1 | [#187](https://git.ptits-pas.fr/jmartin/petitspas/issues/187) | [Front] Stubs Agenda / Contrat |
+| F2 | [#188](https://git.ptits-pas.fr/jmartin/petitspas/issues/188) | [Front] Swipe mobile |
+| G1 | [#189](https://git.ptits-pas.fr/jmartin/petitspas/issues/189) | [Backend] Seeds quotidien |
+
+---
+
+## Epic A — Coquille TdB parent
+
+### A1 — [Front] Coquille TdB parent 3 colonnes + bandeau → [#166](https://git.ptits-pas.fr/jmartin/petitspas/issues/166)
+Bandeau TdB / Agenda / Contrat + menu user ; corps en 3 colonnes (cartes | blog | messagerie) ; fond papier / pastel. **Livrer la coquille comme widget/layout réutilisable** (l’AM B1 s’en branche). Remplace / refactor `ParentDashboardScreen` + `dashbord_parent/`.
+
+### A2 — [Front] Sélecteur couple enfant–nounou → [#167](https://git.ptits-pas.fr/jmartin/petitspas/issues/167)
+Composant **paramétrable** (mode parent : enfant|nounou). Dropdown si plusieurs gardes ; informatif si une seule. B2 = même widget en mode AM.
+
+### A3 — [Back] API contexte de garde actif (couples parent)
+Endpoint(s) listant les couples enfant–AM du parent connecté + couple « courant » (persistance session / préférence). Données mini : ids, noms, photos.
+
+---
+
+## Epic B — Coquille TdB AM (miroir)
+
+### B1 — [Front] Coquille TdB AM 3 colonnes + bandeau → [#169](https://git.ptits-pas.fr/jmartin/petitspas/issues/169)
+**Réutilise** la coquille d’A1/#166 ; point de départ `am_dashboard_screen.dart`.
+
+### B2 — [Front] Sélecteur couple enfant–parent(s) → [#170](https://git.ptits-pas.fr/jmartin/petitspas/issues/170)
+**Même widget** qu’A2 en mode AM : gauche photo enfant ; droite parent1+parent2 empilés ou un parent centré.
+
+### B3 — [Back] API contexte enfants accueillis (AM)
+Liste des enfants / foyers pour l’AM + contexte courant (symétrique A3).
+
+---
+
+## Epic C — Cartes (file du quotidien)
+
+### C1 — [Back] Modèle + API cartes / événements de garde
+Types V1 : absence enfant, congé AM, maladie AM (« arrêt »), sortie à valider. CRUD / transitions de statut ; liaison couple / agenda (hook minimal). Règles : absence enfant sans veto AM ; congé AM accepter/refuser (**1 parent suffit**) ; maladie AM accusé parent ; sortie **1 parent suffit**. Aucun doc médical stocké.
+
+### C2 — [Front] Flux de cartes colonne gauche (parent)
+Liste scroll pastel (palette `assets/cards/` — 7 couleurs) ; ouverture détail ; actions valider / refuser / accusé selon type. Bouton **Déclarer une absence** (+ autres actions TBD plus tard).
+
+### C3 — [Front] Flux de cartes colonne gauche (AM)
+Miroir : création congé / maladie / sortie ; lecture absences enfants du jour / à venir.
+
+### C4 — [Front] Formulaire déclarer une absence (parent)
+Saisie période (+ motif léger si besoin) → crée une carte côté AM.
+
+### C5 — [Front] Formulaires AM congé / maladie / sortie
+Création des cartes correspondantes + ciblage enfants si sortie.
+
+---
+
+## Epic D — Blog
+
+### D1 — [Back] Modèle + API blog (posts + médias)
+Posts par auteur AM ou gestionnaire (RPE) ; texte + photos ; ciblage enfants (AM) / audience (RPE) ; fil visible parents (et AM selon règles). Sync temps réel ou polling acceptable V1.
+
+### D2 — [Front] Colonne Blog parent (défaut)
+Fil de posts ; auteur **distinct** AM vs RPE ; miniatures ; pas de bouton « Écrire un post » parent en V1 (reporté).
+
+### D3 — [Front] Colonne Blog AM — lecture + écrire un post
+Composer texte + photos + sélection enfants concernés ; publication.
+
+### D4 — [Front] Publication blog gestionnaire (point d’entrée staff)
+UI minimale côté dashboard gestionnaire (ou réutilisation) pour publier une annonce RPE visible sur les TdB parent/AM.
+
+---
+
+## Epic E — Messagerie
+
+### E1 — [Back] Socle messagerie (choix lib / protocole) + API
+Évaluer brique existante (style chat WhatsApp : texte, emoji, images). Conversations, participants, pièces jointes images. Temps réel (WS ou équivalent) souhaité pour l’effet multi-écrans.
+
+### E2 — [Back] Mess. AM — conversation foyer ↔ AM
+Une conversation par couple/foyer ; **les deux parents** voient le **même** fil. Pas de masquage V1.
+
+### E3 — [Back] Mess. RPE — privée + ajout de participants
+Fil 1↔1 par défaut (parent↔RPE ou AM↔RPE) ; possibilité d’**ajouter** 2ᵉ parent / AM / parent pour médiation.
+
+### E4 — [Front] Colonne messagerie parent (onglets Mess. AM | Mess. RPE)
+UI chat + saisie + PJ ; défaut = Mess. AM.
+
+### E5 — [Front] Colonne messagerie AM (onglets équivalents)
+Miroir parent ; Mess. AM = foyer courant ; Mess. RPE = canal relais.
+
+### E6 — [Front] Mess. RPE côté gestionnaire (entrée minimale)
+Liste / réponse aux fils RPE + ajout de participants pour médiation.
+
+---
+
+## Epic F — Navigation & mobile (socle)
+
+### F1 — [Front] Navigation Agenda / Contrat (stubs ou routes)
+Entrées bandeau : pages **placeholder** ou squelette (Agenda / Contrat pleine page) pour ne pas bloquer le TdB — contenu métier = jalons suivants.
+
+### F2 — [Front] Adaptation mobile — swipe 3 panneaux
+Sur téléphone : swipe Blog ↔ Cartes ↔ Messagerie ; navigation TdB/Agenda/Contrat hors swipe. Contrat peut rester limité (« mieux sur PC ») en V1 si besoin.
+
+---
+
+## Epic G — Données de démo / peuplement
+
+### G1 — [Back/Outillage] Jeu de données peuplé quotidien
+Scripts / seeds : foyer 2 parents, AM, enfant(s), quelques cartes, posts blog, fils messagerie — pour enchaîner une démo multi-écrans sans saisie manuelle lourde.
+
+---
+
+## Hors découpage (volontairement)
+
+| Sujet | Motif |
+|-------|--------|
+| Page Contrat (Pajemploi, CP, avenants) | Module valué — jalon dédié |
+| Agenda calendrier riche | Entrée bandeau OK en stub ; métier plus tard |
+| Notifs CDC (contrat/paiement/dossier) | Plus tard |
+| Masquage messages / privé parent↔AM | Plus tard |
+| Parent auteur de posts blog | Hypothétique / plus tard |
+| Photo parent à l’inscription | Non ; éventuel menu profil plus tard |
+
+---
+
+## Ordre de réalisation suggéré
+
+1. **A1 → A2 → A3** (coquille + contexte parent)  
+2. **C1 → C2 / C4** (premières cartes utiles)  
+3. **D1 → D2 / D3** (blog central)  
+4. **E1 → E2 → E4** (messagerie AM)  
+5. **B1 → B2 → B3** + miroirs C3/C5/D3/E5 (AM)  
+6. **E3 / E5 / E6 / D4** (RPE)  
+7. **F1 → F2** + **G1** (nav, mobile, seeds)
+
+---
+
+## Validation
+
+Backlog créé sur Gitea (**#165–#189**, milestone `0.2.0`).  
+**Implémentation code** : seulement après relecture PO / ajustements éventuels sur le découpage.

docs/31_MINI-SPEC-QUOTIDIEN-PARENT-AM.md

@@ -0,0 +1,104 @@
+# Mini-spec — Quotidien parent / AM
+
+> **Statut :** figée pour backlog (sept. 2026)  
+> **Réf. visuelle :** [maquettes/courantes/maquette-dashboard-parent-quotidien-v4.png](./maquettes/courantes/maquette-dashboard-parent-quotidien-v4.png)  
+> **Découpage tickets :** [30_DECOUPAGE-TICKETS-QUOTIDIEN.md](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md)  
+> **CDC :** vision d’origine conservée ; priorités UX évoluées (blog central, couple enfant–nounou)
+
+## 1. Objectif
+
+Construire les **espaces parent et AM du quotidien** : tableau de bord 3 colonnes, file de cartes (absences / congés / sorties), **blog** (cœur du jour), **messagerie** AM et RPE. Logiciel réel peuplé de données ; une démo = sync live multi-écrans (parent / AM / gestionnaire).
+
+## 2. UI — contrainte non négociable
+
+- Look **papier / pastel**, lignée **login / inscription** (`paper2.png`), pas le dashboard staff violet Material
+- PC paysage : **3 colonnes** égales
+- Mobile : **swipe** entre les 3 panneaux ; TdB / Agenda / Contrat via nav dédiée
+
+### Architecture front — maximiser les widgets partagés
+
+Parent et AM sont **quasi identiques** : **ne pas dupliquer** les colonnes métier.
+
+| Brique | Usage |
+|--------|--------|
+| Widget **Blog** | Colonne milieu parent **et** AM (+ entrée publication gestionnaire qui réutilise le composeur) |
+| Widget **Messagerie** | Colonne droite parent **et** AM (+ vue gestionnaire RPE) |
+| Widget **flux de cartes** | Colonne gauche parent **et** AM (actions / droits selon rôle) |
+| Widget **bandeau couple** | Variante *enfant\|nounou* (parent) vs *enfant\|parent(s)* (AM) — même composant paramétré |
+| Coquille TdB 3 colonnes | Layout / bandeau navig commun ; le rôle injecte le couple + droits |
+
+Principe : **briques correctement encapsulées** (API claire props / callbacks), branchées sur le même back ; seules les **différences de rôle** (qui crée quoi, libellés d’action) restent hors du widget partagé.
+
+
+## 3. Layout TdB
+
+| Colonne | Contenu |
+|---------|---------|
+| **Gauche** | Couple actif · flux de **cartes** · actions (ex. Déclarer une absence) |
+| **Milieu** | **Blog** — affichage **par défaut** à l’arrivée |
+| **Droite** | **Messagerie** seule — onglets Mess. AM (défaut) \| Mess. RPE |
+
+Bandeau : **TdB** · **Agenda** · **Contrat** · menu user (recherche AM, paramètres…).
+
+### Parent — couple
+
+- Un bandeau **enfant | nounou** (photos + noms)
+- Plusieurs gardes → dropdown unique (bascule de couple)
+- Une seule garde → affichage informatif (pas de chevron)
+
+### AM — couple (miroir)
+
+- Bandeau **enfant | parent(s)**
+- 2 parents : noms empilés à droite ; 1 parent : nom centré
+- Pas de photo parent obligatoire (option profil plus tard)
+
+## 4. Canaux (ne pas mélanger)
+
+| Canal | Rôle |
+|-------|------|
+| **Cartes** | Décisions / futur proche : absences, congés, maladie AM, sorties à valider |
+| **Blog** | Mémoire / actus du quotidien (texte + photos) — **indispensable**, plus un module optionnel CDC §9 |
+| **Mess. AM** | Chat foyer ↔ AM (style WhatsApp : texte, emoji, images) |
+| **Mess. RPE** | Privée par défaut ; ajout de participants pour médiation / conflit |
+
+## 5. Règles métier V1
+
+| Type | Qui initie | Validation |
+|------|------------|------------|
+| Absence enfant | Parent | Pas de veto AM |
+| Congé AM | AM | **1 parent** accepte ou refuse |
+| Maladie AM | AM | Parent accuse réception (pas de doc médical in-app) |
+| Sortie | AM / RPE | **1 parent** suffit (présence / absence) ; explication aussi via blog |
+
+- Mess. AM : les **2 parents** voient le **même** fil — **pas** de masquage V1
+- Blog auteurs V1 : **AM** + **gestionnaire (RPE)** — parent auteur = plus tard
+- Couple actif filtre cartes + messagerie + blog (hypothèse produit : **oui**)
+
+## 6. Hors périmètre de ce jalon
+
+- Page **Contrat** riche (Pajemploi, CP…) — stub bandeau OK
+- **Agenda** calendrier riche — stub bandeau OK
+- Notifications CDC fourre-tout (paiement, dossier…)
+- Masquage messages ; posts blog parent
+- Carnet repas/sieste (roadmap Phase 4)
+
+## 7. Critères « effet démo » (acceptation)
+
+Avec données peuplées, sur au moins 2 supports :
+
+1. Parent et AM voient le **même contexte de garde** (couple / enfant)
+2. Parent déclare une **absence** → carte visible côté AM
+3. AM publie un **post blog** (texte + photo) → visible colonne blog parent
+4. Gestionnaire publie une **annonce RPE** → visible sur les TdB concernés
+5. Message **Mess. AM** d’un côté → apparaît de l’autre (près temps réel)
+6. Look conforme charte papier / pastel
+
+## 8. Point de départ code
+
+- Parent : `frontend/lib/screens/home/parent_screen/ParentDashboardScreen.dart` + `dashbord_parent/`
+- AM : `frontend/lib/screens/am/am_dashboard_screen.dart` (placeholder)
+- Cartes couleurs : `frontend/assets/cards/` (7 teintes max)
+
+## 9. Ordre de build suggéré
+
+Voir [30_DECOUPAGE-TICKETS-QUOTIDIEN.md](./30_DECOUPAGE-TICKETS-QUOTIDIEN.md) § ordre — A (coquille parent) → C (cartes) → D (blog) → E (messagerie) → B (miroir AM) → RPE → F/G (mobile + seeds).

docs/maquettes/README.md

@@ -0,0 +1,29 @@
+# Maquettes — espaces parent / AM (quotidien)
+
+Références visuelles issues de l’atelier de cadrage (sept. 2026).
+
+## Organisation
+
+| Dossier | Contenu |
+|---------|---------|
+| [`courantes/`](./courantes/) | **Référence active** — à utiliser pour tickets / implémentation |
+| [`historique/`](./historique/) | Itérations précédentes + croquis manuscrit (conservées pour traçabilité) |
+
+## Référence active
+
+| Fichier | Description |
+|---------|-------------|
+| [`courantes/maquette-dashboard-parent-quotidien-v4.png`](./courantes/maquette-dashboard-parent-quotidien-v4.png) | TdB parent PC — **3 colonnes** : cartes + couple · blog (défaut) · messagerie (AM / RPE) |
+
+## Historique
+
+| Fichier | Note |
+|---------|------|
+| [`historique/croquis-dashboard-parent-2026-09-23.jpg`](./historique/croquis-dashboard-parent-2026-09-23.jpg) | Wireframe manuscrit (WhatsApp) — point de départ layout |
+| `…-v1.png` | Première génération IA (~50/50) |
+| `…-v2.png` | Recadrage 1/3 + 2/3 (onglets Mess/Blog à droite) |
+| `…-v3.png` | Couple enfant–nounou (encore 2 colonnes) |
+
+## Suite éventuelle
+
+- Maquette **TdB AM** (miroir : bandeau enfant \| parent(s)) — pas encore générée.

frontend/lib/models/couple_garde.dart

@@ -0,0 +1,113 @@
+/// Modèles du couple de garde (enfant ↔ AM) — ticket #167.
+/// Contrat backend #168 : GET /parents/me/couples-garde.
+
+/// Identité minimale d'une personne du couple (enfant, AM ou parent).
+class CoupleMembre {
+  final String id;
+  final String? prenom;
+  final String? nom;
+  final String? photoUrl;
+
+  const CoupleMembre({
+    required this.id,
+    this.prenom,
+    this.nom,
+    this.photoUrl,
+  });
+
+  /// Nom d'affichage : prénom seul si dispo, sinon « Prénom Nom », sinon repli.
+  String displayName({String fallback = ''}) {
+    final p = (prenom ?? '').trim();
+    final n = (nom ?? '').trim();
+    if (p.isNotEmpty && n.isNotEmpty) return '$p $n';
+    if (p.isNotEmpty) return p;
+    if (n.isNotEmpty) return n;
+    return fallback;
+  }
+
+  factory CoupleMembre.fromJson(Map<String, dynamic> json) {
+    return CoupleMembre(
+      id: (json['id'] ?? '').toString(),
+      prenom: json['prenom']?.toString(),
+      nom: json['nom']?.toString(),
+      photoUrl: json['photo_url']?.toString(),
+    );
+  }
+}
+
+/// Un couple de garde = placement actif enfant ↔ AM.
+class CoupleGarde {
+  final String id;
+  final CoupleMembre enfant;
+  final CoupleMembre am;
+  final bool courant;
+
+  const CoupleGarde({
+    required this.id,
+    required this.enfant,
+    required this.am,
+    this.courant = false,
+  });
+
+  factory CoupleGarde.fromJson(Map<String, dynamic> json) {
+    return CoupleGarde(
+      id: (json['id'] ?? '').toString(),
+      enfant: CoupleMembre.fromJson(
+        Map<String, dynamic>.from(json['enfant'] ?? const {}),
+      ),
+      am: CoupleMembre.fromJson(
+        Map<String, dynamic>.from(json['am'] ?? const {}),
+      ),
+      courant: json['courant'] == true,
+    );
+  }
+
+  CoupleGarde copyWith({bool? courant}) {
+    return CoupleGarde(
+      id: id,
+      enfant: enfant,
+      am: am,
+      courant: courant ?? this.courant,
+    );
+  }
+}
+
+/// Réponse de l'API couples de garde (liste + id du couple courant).
+class CouplesGardeResponse {
+  final List<CoupleGarde> couples;
+  final String? coupleCourantId;
+
+  const CouplesGardeResponse({
+    required this.couples,
+    this.coupleCourantId,
+  });
+
+  bool get isEmpty => couples.isEmpty;
+  bool get isUnique => couples.length == 1;
+
+  /// Couple courant : celui marqué `courant`, sinon celui de [coupleCourantId],
+  /// sinon le premier (repli implicite côté client, prévu par le back).
+  CoupleGarde? get coupleCourant {
+    if (couples.isEmpty) return null;
+    for (final c in couples) {
+      if (c.courant) return c;
+    }
+    if (coupleCourantId != null) {
+      for (final c in couples) {
+        if (c.id == coupleCourantId) return c;
+      }
+    }
+    return couples.first;
+  }
+
+  factory CouplesGardeResponse.fromJson(Map<String, dynamic> json) {
+    final list = (json['couples'] as List?) ?? const [];
+    return CouplesGardeResponse(
+      couples: list
+          .whereType<Map>()
+          .map((e) => CoupleGarde.fromJson(Map<String, dynamic>.from(e)))
+          .toList(),
+      coupleCourantId: json['couple_courant_id']?.toString(),
+    );
+  }
+}

frontend/lib/screens/home/parent_screen/ParentDashboardScreen.dart

@@ -1,41 +1,36 @@
 import 'package:flutter/material.dart';
-import 'package:p_tits_pas/controllers/parent_dashboard_controller.dart';
+import 'package:p_tits_pas/models/couple_garde.dart';
 import 'package:p_tits_pas/models/user.dart';
 import 'package:p_tits_pas/services/auth_service.dart';
-import 'package:p_tits_pas/services/dashboardService.dart';
+import 'package:p_tits_pas/services/couple_garde_service.dart';
-import 'package:p_tits_pas/widgets/app_footer.dart';
+import 'package:p_tits_pas/widgets/quotidien/couple_selector_bandeau.dart';
-import 'package:p_tits_pas/widgets/dashbord_parent/children_sidebar.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_shell.dart';
-import 'package:p_tits_pas/widgets/dashbord_parent/wid_dashbord.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
-import 'package:p_tits_pas/widgets/dashboard/dashboard_bandeau.dart';
-import 'package:p_tits_pas/widgets/main_content_area.dart';
-import 'package:p_tits_pas/widgets/messaging_sidebar.dart';
-import 'package:provider/provider.dart';
 
+/// Tableau de bord parent — coquille 3 colonnes quotidien (#166).
+/// Colonne gauche : sélecteur de couple enfant–nounou (#167).
+/// Métier cartes / blog / messagerie : tickets C/D/E.
 class ParentDashboardScreen extends StatefulWidget {
-  const ParentDashboardScreen({Key? key}) : super(key: key);
+  const ParentDashboardScreen({super.key});
 
   @override
   State<ParentDashboardScreen> createState() => _ParentDashboardScreenState();
 }
 
 class _ParentDashboardScreenState extends State<ParentDashboardScreen> {
-  int selectedIndex = 0;
+  QuotidienNavSection _section = QuotidienNavSection.liaison;
   AppUser? _user;
 
-  void onTabChange(int index) {
+  List<CoupleGarde> _couples = const [];
-    setState(() {
+  String? _selectedCoupleId;
-      selectedIndex = index;
+  bool _couplesLoading = true;
-    });
+  String? _couplesError;
-  }
 
   @override
   void initState() {
     super.initState();
     _loadUser();
-    // Initialiser les données du dashboard
+    _loadCouples();
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      context.read<ParentDashboardController>().initDashboard();
-    });
   }
 
   Future<void> _loadUser() async {
@@ -43,218 +38,148 @@ class _ParentDashboardScreenState extends State<ParentDashboardScreen> {
     if (mounted) setState(() => _user = user);
   }
 
-  Widget _getBody() {
+  Future<void> _loadCouples() async {
-    switch (selectedIndex) {
+    setState(() {
-      case 0:
+      _couplesLoading = true;
-        return Dashbord_body();
+      _couplesError = null;
-      case 1:
+    });
-        return const Center(child: Text("🔍 Trouver une nounou"));
+    try {
-      case 2:
+      final res = await CoupleGardeService.getCouplesGarde();
-        return const Center(child: Text("⚙️ Paramètres"));
+      if (!mounted) return;
-      default:
+      setState(() {
-        return const Center(child: Text("Page non trouvée"));
+        _couples = res.couples;
+        _selectedCoupleId = res.coupleCourant?.id;
+        _couplesLoading = false;
+      });
+    } catch (e) {
+      if (!mounted) return;
+      setState(() {
+        _couplesError = e.toString().replaceFirst('Exception: ', '');
+        _couplesLoading = false;
+      });
     }
   }
 
+  Future<void> _selectCouple(CoupleGarde couple) async {
+    if (couple.id == _selectedCoupleId) return;
+    // Optimiste : on bascule tout de suite, l'API persiste ensuite.
+    setState(() => _selectedCoupleId = couple.id);
+    try {
+      final res = await CoupleGardeService.definirCoupleCourant(couple.id);
+      if (!mounted) return;
+      setState(() {
+        _couples = res.couples;
+        _selectedCoupleId = res.coupleCourant?.id ?? couple.id;
+      });
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            'Impossible de changer de garde : '
+            '${e.toString().replaceFirst('Exception: ', '')}',
+          ),
+        ),
+      );
+    }
+  }
+
+  String get _displayName {
+    final n = _user?.fullName.trim() ?? '';
+    if (n.isNotEmpty) return n;
+    final email = _user?.email.trim() ?? '';
+    if (email.isNotEmpty) return email.split('@').first;
+    return 'Parent';
+  }
+
+  void _soon(String label) {
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('$label — à venir')),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
-    return ChangeNotifierProvider(
+    return QuotidienShell(
-      create: (context) => ParentDashboardController(DashboardService())..initDashboard(),
+      selectedSection: _section,
-      child: Scaffold(
+      onSectionSelected: (s) => setState(() => _section = s),
-        appBar: PreferredSize(
+      userDisplayName: _displayName,
-          preferredSize: const Size.fromHeight(60.0),
+      userEmail: _user?.email,
-          child: DashboardBandeau(
+      onProfileTap: () => _soon('Profil'),
-            tabItems: const [
+      onSearchAmTap: () => _soon('Recherche AM'),
-              DashboardTabItem(label: 'Mon tableau de bord'),
+      onSettingsTap: () => _soon('Paramètres'),
-              DashboardTabItem(label: 'Trouver une nounou'),
+      leftColumn: _LeftColumn(
-              DashboardTabItem(label: 'Paramètres'),
+        couples: _couples,
-            ],
+        selectedCoupleId: _selectedCoupleId,
-            selectedTabIndex: selectedIndex,
+        loading: _couplesLoading,
-            onTabSelected: onTabChange,
+        error: _couplesError,
-            userDisplayName: _user?.fullName.isNotEmpty == true
+        onRetry: _loadCouples,
-                ? _user!.fullName
+        onCoupleSelected: _selectCouple,
-                : 'Parent',
+      ),
-            userEmail: _user?.email,
+      centerColumn: const QuotidienColumnPlaceholder(
-            userRole: _user?.role,
+        title: 'Blog',
-            onProfileTap: () {
+        subtitle:
-              ScaffoldMessenger.of(context).showSnackBar(
+            'Fil du quotidien (affichage par défaut)\n(à brancher — ticket #178).',
-                const SnackBar(
+        icon: Icons.auto_stories_outlined,
-                    content: Text('Modification du profil – à venir')),
+      ),
-              );
+      rightColumn: const QuotidienColumnPlaceholder(
-            },
+        title: 'Messagerie',
-            onSettingsTap: () {
+        subtitle:
-              ScaffoldMessenger.of(context).showSnackBar(
+            'Mess. AM · Mess. RPE\n(à brancher — ticket #184).',
-                const SnackBar(content: Text('Paramètres – à venir')),
+        icon: Icons.chat_bubble_outline,
-              );
+      ),
-            },
+      agendaBody: const QuotidienStubPage(
-            onLogout: () {},
+        title: 'Agenda',
-            showLogoutConfirmation: true,
+        message: 'Agenda — contenu à venir (stub #187).',
-          ),
+      ),
-        ),
+      contratBody: const QuotidienStubPage(
-      body: Column(
+        title: 'Contrat',
-        children: [
+        message: 'Contrat — contenu à venir (stub #187).',
-          Expanded(child: _getBody()),
-          const AppFooter(),
-        ],
       ),
-    ),
     );
   }
+}
 
-  Widget _buildResponsiveBody(BuildContext context, ParentDashboardController controller) {
+/// Colonne gauche : bandeau couple (#167) puis flux de cartes (#173 à venir).
-    return LayoutBuilder(
+class _LeftColumn extends StatelessWidget {
-      builder: (context, constraints) {
+  final List<CoupleGarde> couples;
-        if (constraints.maxWidth < 768) {
+  final String? selectedCoupleId;
-          // Layout mobile : colonnes empilées
+  final bool loading;
-          return _buildMobileLayout(controller);
+  final String? error;
-        } else if (constraints.maxWidth < 1024) {
+  final VoidCallback onRetry;
-          // Layout tablette : 2 colonnes
+  final ValueChanged<CoupleGarde> onCoupleSelected;
-          return _buildTabletLayout(controller);
-        } else {
-          // Layout desktop : 3 colonnes
-          return _buildDesktopLayout(controller);
-        }
-      },
-    );
-  }
 
-  Widget _buildDesktopLayout(ParentDashboardController controller) {
+  const _LeftColumn({
-    return Row(
+    required this.couples,
-      crossAxisAlignment: CrossAxisAlignment.start,
+    required this.selectedCoupleId,
-      children: [
+    required this.loading,
-        // Sidebar gauche - Enfants
+    required this.error,
-        SizedBox(
+    required this.onRetry,
-          width: 280,
+    required this.onCoupleSelected,
-          child: ChildrenSidebar(
+  });
-            children: controller.children,
-            selectedChildId: controller.selectedChildId,
-            onChildSelected: controller.selectChild,
-            onAddChild: controller.showAddChildModal,
-          ),
-        ),
 
-        // Contenu central
+  @override
-        Expanded(
+  Widget build(BuildContext context) {
-          flex: 2,
+    return Padding(
-          child: MainContentArea(
+      padding: const EdgeInsets.all(14),
-            selectedChild: controller.selectedChild,
-            selectedAssistant: controller.selectedAssistant,
-            events: controller.upcomingEvents,
-            contracts: controller.contracts,
-          ),
-        ),
-        
-        // Sidebar droite - Messagerie
-        SizedBox(
-          width: 320,
-          child: MessagingSidebar(
-            conversations: controller.conversations,
-            notifications: controller.notifications,
-          ),
-        ),
-      ],
-    );
-  }
-
-  Widget _buildTabletLayout(ParentDashboardController controller) {
-    return Row(
-      children: [
-        // Sidebar enfants plus étroite
-        SizedBox(
-          width: 240,
-          child: ChildrenSidebar(
-            children: controller.children,
-            selectedChildId: controller.selectedChildId,
-            onChildSelected: controller.selectChild,
-            onAddChild: controller.showAddChildModal,
-            isCompact: true,
-          ),
-        ),
-        
-        // Contenu principal avec messagerie intégrée
-        Expanded(
-          child: Column(
-            children: [
-              Expanded(
-                flex: 2,
-                child: MainContentArea(
-                  selectedChild: controller.selectedChild,
-                  selectedAssistant: controller.selectedAssistant,
-                  events: controller.upcomingEvents,
-                  contracts: controller.contracts,
-                ),
-              ),
-              SizedBox(
-                height: 200,
-                child: MessagingSidebar(
-                  conversations: controller.conversations,
-                  notifications: controller.notifications,
-                  isCompact: true,
-                ),
-              ),
-            ],
-          ),
-        ),
-      ],
-    );
-  }
-
-  Widget _buildMobileLayout(ParentDashboardController controller) {
-    return DefaultTabController(
-      length: 4,
       child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
-          // Navigation par onglets sur mobile
+          CoupleSelectorBandeau(
-          Container(
+            couples: couples,
-            color: Theme.of(context).primaryColor.withOpacity(0.1),
+            selectedCoupleId: selectedCoupleId,
-            child: const TabBar(
+            loading: loading,
-              isScrollable: true,
+            errorMessage: error,
-              tabs: [
+            onRetry: onRetry,
-                Tab(text: 'Enfants', icon: Icon(Icons.child_care)),
+            onCoupleSelected: onCoupleSelected,
-                Tab(text: 'Planning', icon: Icon(Icons.calendar_month)),
-                Tab(text: 'Contrats', icon: Icon(Icons.description)),
-                Tab(text: 'Messages', icon: Icon(Icons.message)),
-              ],
-            ),
           ),
-          
+          const SizedBox(height: 14),
-          Expanded(
+          const Expanded(
-            child: TabBarView(
+            child: QuotidienColumnPlaceholder(
-              children: [
+              title: 'Cartes',
-                // Onglet Enfants
+              subtitle:
-                ChildrenSidebar(
+                  'Absences, congés AM, sorties à valider\n(à brancher — ticket #173).',
-                  children: controller.children,
+              icon: Icons.style_outlined,
-                  selectedChildId: controller.selectedChildId,
-                  onChildSelected: controller.selectChild,
-                  onAddChild: controller.showAddChildModal,
-                  isMobile: true,
-                ),
-                
-                // Onglet Planning
-                MainContentArea(
-                  selectedChild: controller.selectedChild,
-                  selectedAssistant: controller.selectedAssistant,
-                  events: controller.upcomingEvents,
-                  contracts: controller.contracts,
-                  showOnlyCalendar: true,
-                ),
-                
-                // Onglet Contrats
-                MainContentArea(
-                  selectedChild: controller.selectedChild,
-                  selectedAssistant: controller.selectedAssistant,
-                  events: controller.upcomingEvents,
-                  contracts: controller.contracts,
-                  showOnlyContracts: true,
-                ),
-                
-                // Onglet Messages
-                MessagingSidebar(
-                  conversations: controller.conversations,
-                  notifications: controller.notifications,
-                  isMobile: true,
-                ),
-              ],
             ),
           ),
         ],

frontend/lib/services/api/api_config.dart

@@ -62,6 +62,10 @@ class ApiConfig {
   static const String parents = '/parents';
   /// Création dossier famille actif par le staff (#129) — body type register parent.
   static const String parentsDossier = '/parents/dossier';
+  /// Couples de garde du parent connecté (#167 / #168).
+  static const String parentsCouplesGarde = '/parents/me/couples-garde';
+  static const String parentsCoupleGardeCourant =
+      '/parents/me/couples-garde/courant';
   static const String assistantesMaternelles = '/assistantes-maternelles';
   /// Création dossier AM actif par le staff (#156) — body type register AM.
   static const String assistantesMaternellesDossier =

frontend/lib/services/couple_garde_service.dart

@@ -0,0 +1,76 @@
+import 'dart:convert';
+
+import 'package:http/http.dart' as http;
+import 'package:p_tits_pas/models/couple_garde.dart';
+import 'package:p_tits_pas/services/api/api_config.dart';
+import 'package:p_tits_pas/services/api/tokenService.dart';
+
+/// Accès API aux couples de garde du parent connecté — tickets #167 / #168.
+/// - GET  /parents/me/couples-garde
+/// - PUT  /parents/me/couples-garde/courant  { couple_id }
+class CoupleGardeService {
+  static Future<Map<String, String>> _headers() async {
+    final token = await TokenService.getToken();
+    return token != null
+        ? ApiConfig.authHeaders(token)
+        : Map<String, String>.from(ApiConfig.headers);
+  }
+
+  static String _extractError(String body, String fallback) {
+    try {
+      final decoded = jsonDecode(body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is String && message.trim().isNotEmpty) {
+          return message;
+        }
+        if (message is Map && message['message'] is String) {
+          return message['message'] as String;
+        }
+      }
+    } catch (_) {}
+    return fallback;
+  }
+
+  /// Liste les couples de garde et le couple courant du parent connecté.
+  static Future<CouplesGardeResponse> getCouplesGarde() async {
+    final response = await http.get(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.parentsCouplesGarde}'),
+      headers: await _headers(),
+    );
+
+    if (response.statusCode != 200) {
+      throw Exception(
+        _extractError(response.body, 'Erreur chargement des couples de garde'),
+      );
+    }
+
+    final decoded = jsonDecode(response.body);
+    return CouplesGardeResponse.fromJson(
+      Map<String, dynamic>.from(decoded as Map),
+    );
+  }
+
+  /// Persiste le couple courant (préférence utilisateur) et renvoie la liste
+  /// à jour.
+  static Future<CouplesGardeResponse> definirCoupleCourant(
+    String coupleId,
+  ) async {
+    final response = await http.put(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.parentsCoupleGardeCourant}'),
+      headers: await _headers(),
+      body: jsonEncode({'couple_id': coupleId}),
+    );
+
+    if (response.statusCode != 200) {
+      throw Exception(
+        _extractError(response.body, 'Erreur sélection du couple de garde'),
+      );
+    }
+
+    final decoded = jsonDecode(response.body);
+    return CouplesGardeResponse.fromJson(
+      Map<String, dynamic>.from(decoded as Map),
+    );
+  }
+}

frontend/lib/widgets/app_footer.dart

@@ -5,7 +5,11 @@ import 'package:p_tits_pas/models/m_dashbord/child_model.dart';
 import 'package:p_tits_pas/services/bug_report_service.dart';
 
 class AppFooter extends StatelessWidget {
-  const AppFooter({Key? key}) : super(key: key);
+  /// Ligne grise droite au-dessus du footer. À désactiver quand l'écran
+  /// fournit déjà son propre séparateur (ex. trait crayon du quotidien).
+  final bool showTopBorder;
+
+  const AppFooter({Key? key, this.showTopBorder = true}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -13,9 +17,9 @@ class AppFooter extends StatelessWidget {
       padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
       decoration: BoxDecoration(
         // color: Colors.white,
-        border: Border(
+        border: showTopBorder
-          top: BorderSide(color: Colors.grey.shade300),
+            ? Border(top: BorderSide(color: Colors.grey.shade300))
-        ),
+            : null,
       ),
       child: LayoutBuilder(
         builder: (context, constraints) {

frontend/lib/widgets/dashbord_parent/ChildrenSidebarwidget.dart

@@ -1,58 +0,0 @@
-import 'package:flutter/material.dart';
-
-class Childrensidebarwidget extends StatelessWidget{
-  final void Function(String childId) onChildSelected;
-
-  const Childrensidebarwidget({
-    Key? key,
-    required this.onChildSelected,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    final children = [
-      {'id': '1', 'name': 'Léna', 'photo': null, 'status': 'Actif'},
-      {'id': '2', 'name': 'Noé', 'photo': null, 'status': 'Inactif'},
-    ];
-
-    return Container(
-      color: const Color(0xFFF7F7F7),
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        children: [
-          // Avatar parent + bouton
-          Row(
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
-              const CircleAvatar(radius: 24, child: Icon(Icons.person)),
-              IconButton(
-                icon: const Icon(Icons.add),
-                onPressed: () {
-                  // Naviguer vers ajout d'enfant
-                },
-              )
-            ],
-          ),
-          const SizedBox(height: 16),
-          const Text("Mes enfants", style: TextStyle(fontWeight: FontWeight.bold)),
-
-          const SizedBox(height: 16),
-          // Liste des enfants
-          ...children.map((child) {
-            return GestureDetector(
-              onTap: () => onChildSelected(child['id']!),
-              child: Card(
-                color: child['status'] == 'Actif' ? Colors.teal.shade50 : Colors.white,
-                child: ListTile(
-                  leading: const CircleAvatar(child: Icon(Icons.child_care)),
-                  title: Text(child['name']!),
-                  subtitle: Text(child['status']!),
-                ),
-              ),
-            );
-          }).toList()
-        ],
-      ),
-    );
-  }
-}

frontend/lib/widgets/dashbord_parent/app_layout.dart

@@ -1,28 +0,0 @@
-import 'package:flutter/material.dart';
-
-class AppLayout extends StatelessWidget {
-  final PreferredSizeWidget appBar;
-  final Widget body;
-  final Widget? footer;
-
-  const AppLayout({
-    Key? key,
-    required this.appBar,
-    required this.body,
-    this.footer,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: const Color(0xFFF5F7FA),
-      appBar: appBar,
-      body: Column(
-        children: [
-          Expanded(child: body),
-          if (footer != null) footer!,
-        ],
-      ),
-    );
-  }
-}

frontend/lib/widgets/dashbord_parent/children_sidebar.dart

@@ -1,203 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:p_tits_pas/models/m_dashbord/child_model.dart';
-
-class ChildrenSidebar extends StatelessWidget {
-  final List<ChildModel> children;
-  final String? selectedChildId;
-  final Function(String) onChildSelected;
-  final VoidCallback onAddChild;
-  final bool isCompact;
-  final bool isMobile;
-
-  const ChildrenSidebar({
-    Key? key,
-    required this.children,
-    this.selectedChildId,
-    required this.onChildSelected,
-    required this.onAddChild,
-    this.isCompact = false,
-    this.isMobile = false,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.all(isMobile ? 16 : 24),
-      color: Colors.white,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          _buildHeader(context),
-          const SizedBox(height: 20),
-          _buildAddChildButton(context),
-          const SizedBox(height: 16),
-          Expanded(child: _buildChildrenList()),
-        ],
-      ),
-    );
-  }
-
-  Widget _buildHeader(BuildContext context) {
-    return Row(
-      children: [
-        // UserAvatar(
-        //   size: isCompact ? 40 : 60,
-        //   name: 'Emma Dupont', // TODO: Récupérer depuis le contexte utilisateur
-        // ),
-        if (!isCompact) ...[
-          const SizedBox(width: 12),
-          Expanded(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: const [
-                Text(
-                  'Emma Dupont',
-                  style: TextStyle(
-                    fontSize: 16,
-                    fontWeight: FontWeight.w600,
-                  ),
-                ),
-                Icon(Icons.keyboard_arrow_down),
-              ],
-            ),
-          ),
-        ],
-      ],
-    );
-  }
-
-  Widget _buildAddChildButton(BuildContext context) {
-    return SizedBox(
-      width: double.infinity,
-      child: OutlinedButton.icon(
-        onPressed: onAddChild,
-        icon: const Icon(Icons.add),
-        label: Text(isCompact ? 'Ajouter' : 'Ajouter un enfant'),
-        style: OutlinedButton.styleFrom(
-          padding: EdgeInsets.symmetric(
-            horizontal: 16,
-            vertical: isCompact ? 8 : 12,
-          ),
-          shape: RoundedRectangleBorder(
-            borderRadius: BorderRadius.circular(8),
-          ),
-        ),
-      ),
-    );
-  }
-
-  Widget _buildChildrenList() {
-    if (children.isEmpty) {
-      return const Center(
-        child: Text(
-          'Aucun enfant ajouté',
-          style: TextStyle(
-            color: Colors.grey,
-            fontSize: 14,
-          ),
-        ),
-      );
-    }
-
-    return ListView.separated(
-      itemCount: children.length,
-      separatorBuilder: (context, index) => const SizedBox(height: 12),
-      itemBuilder: (context, index) {
-        final child = children[index];
-        final isSelected = child.id == selectedChildId;
-        
-        return _buildChildCard(context, child, isSelected);
-      },
-    );
-  }
-
-  Widget _buildChildCard(BuildContext context, ChildModel child, bool isSelected) {
-    return InkWell(
-      onTap: () => onChildSelected(child.id),
-      borderRadius: BorderRadius.circular(12),
-      child: Container(
-        padding: const EdgeInsets.all(16),
-        decoration: BoxDecoration(
-          color: isSelected ? const Color(0xFF9CC5C0).withOpacity(0.1) : Colors.transparent,
-          borderRadius: BorderRadius.circular(12),
-          border: Border.all(
-            color: isSelected ? const Color(0xFF9CC5C0) : Colors.grey.shade300,
-            width: isSelected ? 2 : 1,
-          ),
-        ),
-        child: Row(
-          children: [
-            // UserAvatar(
-            // //   size: isCompact ? 32 : 40,
-            // //   name: child.fullName,
-            // //   imageUrl: child.photoUrl,
-            // ),
-            if (!isCompact) ...[
-              const SizedBox(width: 12),
-              Expanded(
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    Text(
-                      child.firstName,
-                      style: TextStyle(
-                        fontSize: 14,
-                        fontWeight: isSelected ? FontWeight.w600 : FontWeight.w500,
-                      ),
-                    ),
-                    const SizedBox(height: 4),
-                    _buildChildStatus(child.status),
-                  ],
-                ),
-              ),
-            ],
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _buildChildStatus(ChildStatus status) {
-    String label;
-    Color color;
-
-    switch (status) {
-      case ChildStatus.withAssistant:
-        label = 'En garde';
-        color = Colors.green;
-        break;
-      case ChildStatus.available:
-        label = 'Disponible';
-        color = Colors.blue;
-        break;
-      case ChildStatus.onHoliday:
-        label = 'En vacances';
-        color = Colors.orange;
-        break;
-      case ChildStatus.sick:
-        label = 'Malade';
-        color = Colors.red;
-        break;
-      case ChildStatus.searching:
-        label = 'Recherche AM';
-        color = Colors.purple;
-        break;
-    }
-
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-      decoration: BoxDecoration(
-        color: color.withOpacity(0.1),
-        borderRadius: BorderRadius.circular(12),
-      ),
-      child: Text(
-        label,
-        style: TextStyle(
-          fontSize: 11,
-          color: color,
-          fontWeight: FontWeight.w500,
-        ),
-      ),
-    );
-  }
-}

frontend/lib/widgets/dashbord_parent/wid_dashbord.dart

@@ -1,31 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:p_tits_pas/widgets/dashbord_parent/ChildrenSidebarwidget.dart';
-import 'package:p_tits_pas/widgets/dashbord_parent/children_sidebar.dart';
-import 'package:p_tits_pas/widgets/dashbord_parent/wid_mainContentArea.dart';
-import 'package:p_tits_pas/widgets/messaging_sidebar.dart';
-
-Widget Dashbord_body() {
-  return Row(
-    crossAxisAlignment: CrossAxisAlignment.stretch,
-    children: [
-      // 1️⃣ Colonne de gauche : enfants
-      SizedBox(
-        width: 250,
-        child: Childrensidebarwidget(
-          onChildSelected: (childId) {
-            // Met à jour l'enfant sélectionné
-            // Tu peux stocker cet ID dans un state `selectedChildId`
-          },
-        ),
-      ),
-
-      Expanded(
-        flex: 2,
-        child: WMainContentArea(
-          // Passe l’enfant sélectionné si besoin
-        ),
-      ),
-
-    ],
-  );
-}

frontend/lib/widgets/dashbord_parent/wid_mainContentArea.dart

@@ -1,94 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:p_tits_pas/widgets/messaging_sidebar.dart';
-
-class WMainContentArea extends StatelessWidget {
-  const WMainContentArea({Key? key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: const EdgeInsets.all(16),
-      color: Colors.white,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.stretch,
-        children: [
-          // 🔷 Informations assistante maternelle (ligne complète)
-          Card(
-            margin: const EdgeInsets.only(bottom: 16),
-            child: Padding(
-              padding: const EdgeInsets.all(16),
-              child: Row(
-                children: [
-                  const CircleAvatar(
-                    radius: 30,
-                    backgroundImage: AssetImage("assets/images/am_photo.jpg"), // à adapter
-                  ),
-                  const SizedBox(width: 16),
-                  Expanded(
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: const [
-                        Text("Julie Dupont", style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
-                        SizedBox(height: 4),
-                        Text("Taux horaire : 10€/h"),
-                        Text("Frais journaliers : 5€"),
-                      ],
-                    ),
-                  ),
-                  ElevatedButton(
-                    onPressed: () {
-                      // Ouvrir le contrat
-                    },
-                    child: const Text("Voir le contrat"),
-                  )
-                ],
-              ),
-            ),
-          ),
-
-          // 🔷 Deux colonnes : planning + messagerie
-          Expanded(
-            child: Row(
-              children: [
-                // 📆 Planning de garde
-                Expanded(
-                  flex: 2,
-                  child: Card(
-                    child: Padding(
-                      padding: const EdgeInsets.all(16),
-                      child: Column(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: const [
-                          Text("Planning de garde", style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
-                          SizedBox(height: 12),
-                          Expanded(
-                            child: Center(
-                              child: Text("Composant calendrier à intégrer ici"),
-                            ),
-                          )
-                        ],
-                      ),
-                    ),
-                  ),
-                ),
-
-                const SizedBox(width: 16),
-
-                // 💬 Messagerie
-                Expanded(
-                  flex: 1,
-                  child: MessagingSidebar(
-                    conversations: [],
-                    notifications: [],
-                    isCompact: false,
-                    isMobile: false,
-                  ),
-                ),
-              ],
-            ),
-          )
-        ],
-      ),
-    );
-  }
-}

frontend/lib/widgets/image_button.dart

@@ -10,6 +10,14 @@ class ImageButton extends StatelessWidget {
   final VoidCallback onPressed;
   final double fontSize; // Ajout pour la flexibilité
 
+  /// Forme utilisée pour le focus / hover / splash. Les fonds « dessinés »
+  /// sont des pastilles : le stadium suit leur contour au lieu d'un rectangle.
+  final OutlinedBorder shape;
+
+  /// Opacité du fond seul (le texte reste net) : permet un état « inactif »
+  /// plus clair sans changer d'asset.
+  final double bgOpacity;
+
   const ImageButton({
     super.key,
     required this.bg,
@@ -19,6 +27,8 @@ class ImageButton extends StatelessWidget {
     required this.textColor,
     required this.onPressed,
     this.fontSize = 16, // Valeur par défaut
+    this.shape = const StadiumBorder(),
+    this.bgOpacity = 1.0,
   });
 
   @override
@@ -36,14 +46,16 @@ class ImageButton extends StatelessWidget {
             style: TextButton.styleFrom(
               padding: EdgeInsets.zero,
               tapTargetSize: MaterialTapTargetSize.shrinkWrap,
-              shape:
+              shape: shape,
-                  const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
             ),
             child: Ink(
+              // Pas de découpe du PNG : le trait « dessiné » déborde un peu du
+              // stadium, on ne rogne que le focus / hover / splash.
               decoration: BoxDecoration(
                 image: DecorationImage(
                   image: AssetImage(bg),
                   fit: BoxFit.fill,
+                  opacity: bgOpacity,
                 ),
               ),
               child: Center(

frontend/lib/widgets/quotidien/couple_selector_bandeau.dart

@@ -0,0 +1,380 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:p_tits_pas/models/couple_garde.dart';
+import 'package:p_tits_pas/services/api/api_config.dart';
+import 'package:p_tits_pas/widgets/common/auth_network_image.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
+
+/// Rôle qui consulte le bandeau : côté parent (enfant | nounou) ou côté AM
+/// (enfant | parent(s)). Le composant est le même, seule la lecture change.
+/// Ticket #167 (parent) ; #170 réutilise en mode AM.
+enum CoupleBandeauMode { parent, assistanteMaternelle }
+
+/// Bandeau « couple de garde » en haut de la colonne gauche du TdB.
+///
+/// - Plusieurs couples → contrôle unique avec chevron (dropdown de bascule).
+/// - Un seul couple → affichage informatif (pas de chevron, pas de menu).
+/// - Aucun couple → état vide discret.
+class CoupleSelectorBandeau extends StatelessWidget {
+  final CoupleBandeauMode mode;
+  final List<CoupleGarde> couples;
+  final String? selectedCoupleId;
+  final ValueChanged<CoupleGarde>? onCoupleSelected;
+  final bool loading;
+  final String? errorMessage;
+  final VoidCallback? onRetry;
+
+  const CoupleSelectorBandeau({
+    super.key,
+    this.mode = CoupleBandeauMode.parent,
+    required this.couples,
+    this.selectedCoupleId,
+    this.onCoupleSelected,
+    this.loading = false,
+    this.errorMessage,
+    this.onRetry,
+  });
+
+  CoupleGarde? get _selected {
+    if (couples.isEmpty) return null;
+    if (selectedCoupleId != null) {
+      for (final c in couples) {
+        if (c.id == selectedCoupleId) return c;
+      }
+    }
+    for (final c in couples) {
+      if (c.courant) return c;
+    }
+    return couples.first;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(builder: (context, constraints) {
+      if (loading) return const _CoupleBandeauSkeleton();
+      if (errorMessage != null) {
+        return _CoupleBandeauError(message: errorMessage!, onRetry: onRetry);
+      }
+      if (couples.isEmpty) return const _CoupleBandeauEmpty();
+
+      final selected = _selected!;
+      final multi = couples.length > 1;
+
+      final card = _CoupleCard(
+        mode: mode,
+        couple: selected,
+        showChevron: multi,
+        colorIndex: couples.indexOf(selected),
+      );
+
+      if (!multi) return card;
+
+      return Theme(
+        data: Theme.of(context).copyWith(
+          hoverColor: Colors.transparent,
+          splashColor: Colors.transparent,
+          highlightColor: Colors.transparent,
+          focusColor: Colors.transparent,
+        ),
+        child: PopupMenuButton<String>(
+          tooltip: 'Changer de garde',
+          // L'offset doit être suffisant pour descendre sous la carte (qui fait 90px).
+          offset: const Offset(0, 95), 
+          color: Colors.transparent, // Le fond devient invisible
+          elevation: 0, // Pas d'ombre carrée
+          constraints: BoxConstraints.tightFor(width: constraints.maxWidth),
+          padding: EdgeInsets.zero,
+          onSelected: (id) {
+            final chosen = couples.firstWhere((c) => c.id == id);
+            onCoupleSelected?.call(chosen);
+          },
+          itemBuilder: (context) => [
+            for (final c in couples)
+              if (c.id != selected.id)
+                PopupMenuItem<String>(
+                  value: c.id,
+                  padding: EdgeInsets.zero,
+                  height: 100, // Hauteur de la carte (90) + un peu de marge (10)
+                  child: Padding(
+                    padding: const EdgeInsets.only(bottom: 10),
+                    child: _CoupleCard(
+                      mode: mode,
+                      couple: c,
+                      showChevron: false,
+                      selected: false,
+                      isMenuItem: true,
+                      colorIndex: couples.indexOf(c),
+                    ),
+                  ),
+                ),
+          ],
+          child: card,
+        ),
+      );
+    });
+  }
+}
+
+/// Carte principale : enfant à gauche, séparateur, AM/parents à droite.
+class _CoupleCard extends StatelessWidget {
+  final CoupleBandeauMode mode;
+  final CoupleGarde couple;
+  final bool showChevron;
+  final bool selected;
+  final bool isMenuItem;
+  final int colorIndex;
+
+  const _CoupleCard({
+    required this.mode,
+    required this.couple,
+    required this.showChevron,
+    this.selected = true,
+    this.isMenuItem = false,
+    required this.colorIndex,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 90,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage(QuotidienTheme.bandeauColors[colorIndex % QuotidienTheme.bandeauColors.length]), 
+          fit: BoxFit.fill,
+        ),
+      ),
+      padding: const EdgeInsets.symmetric(horizontal: 24),
+      child: Row(
+        children: [
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.only(right: 12),
+              child: _MembreTile(
+                photoUrl: couple.enfant.photoUrl,
+                name: (couple.enfant.prenom != null && couple.enfant.prenom!.isNotEmpty)
+                    ? couple.enfant.prenom!
+                    : couple.enfant.displayName(fallback: 'Enfant'),
+                fallbackIcon: Icons.child_care,
+              ),
+            ),
+          ),
+          Container(
+            width: 8,
+            height: 44,
+            decoration: const BoxDecoration(
+              image: DecorationImage(
+                image: AssetImage(QuotidienTheme.pencilLineVerticalAsset),
+                fit: BoxFit.contain,
+              ),
+            ),
+          ),
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.only(left: 12),
+              child: _MembreTile(
+                photoUrl: couple.am.photoUrl,
+                name: (couple.am.prenom != null && couple.am.prenom!.isNotEmpty)
+                    ? couple.am.prenom!
+                    : couple.am.displayName(
+                        fallback: mode == CoupleBandeauMode.parent
+                            ? 'Nounou'
+                            : 'Parent',
+                      ),
+                fallbackIcon: mode == CoupleBandeauMode.parent
+                    ? Icons.volunteer_activism
+                    : Icons.person_outline,
+              ),
+            ),
+          ),
+          SizedBox(
+            width: 28,
+            child: showChevron 
+              ? const Icon(
+                  Icons.keyboard_arrow_down,
+                  color: QuotidienTheme.ink,
+                )
+              : null,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+/// Photo ronde + nom (une moitié du couple).
+class _MembreTile extends StatelessWidget {
+  final String? photoUrl;
+  final String name;
+  final IconData fallbackIcon;
+
+  const _MembreTile({
+    required this.photoUrl,
+    required this.name,
+    required this.fallbackIcon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        _Avatar(photoUrl: photoUrl, fallbackIcon: fallbackIcon, size: 64),
+        const SizedBox(width: 12),
+        Expanded(
+          child: Text(
+            name,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+            style: GoogleFonts.merienda(
+              fontSize: 22,
+              fontWeight: FontWeight.bold,
+              color: QuotidienTheme.ink,
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _Avatar extends StatelessWidget {
+  final String? photoUrl;
+  final IconData fallbackIcon;
+  final double size;
+
+  const _Avatar({
+    required this.photoUrl,
+    required this.fallbackIcon,
+    required this.size,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final url = ApiConfig.absoluteMediaUrl(photoUrl);
+    final placeholder = Container(
+      width: size,
+      height: size,
+      color: QuotidienTheme.lavender.withValues(alpha: 0.35),
+      child: Icon(fallbackIcon, size: size * 0.5, color: QuotidienTheme.ink),
+    );
+    return ClipOval(
+      child: SizedBox(
+        width: size,
+        height: size,
+        child: url.isEmpty
+            ? placeholder
+            : AuthNetworkImage(
+                url: url,
+                width: size,
+                height: size,
+                fit: BoxFit.cover,
+                errorBuilder: (_, __, ___) => placeholder,
+              ),
+      ),
+    );
+  }
+}
+
+class _CoupleBandeauSkeleton extends StatelessWidget {
+  const _CoupleBandeauSkeleton();
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 90,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: const AssetImage(QuotidienTheme.bandeauLime), // Un asset existant
+          fit: BoxFit.fill,
+          colorFilter: ColorFilter.mode(
+            Colors.white.withValues(alpha: 0.5),
+            BlendMode.lighten,
+          ),
+        ),
+      ),
+      alignment: Alignment.center,
+      child: const SizedBox(
+        width: 26,
+        height: 26,
+        child: CircularProgressIndicator(strokeWidth: 2),
+      ),
+    );
+  }
+}
+
+class _CoupleBandeauEmpty extends StatelessWidget {
+  const _CoupleBandeauEmpty();
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 90,
+      decoration: const BoxDecoration(
+        image: DecorationImage(
+          image: AssetImage(QuotidienTheme.bandeauLime), // Un asset existant par défaut
+          fit: BoxFit.fill,
+        ),
+      ),
+      padding: const EdgeInsets.symmetric(horizontal: 24),
+      child: Row(
+        children: [
+          const Icon(Icons.info_outline, color: QuotidienTheme.muted),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Text(
+              'Aucune garde active pour le moment.',
+              style: GoogleFonts.merriweather(
+                fontSize: 14,
+                color: QuotidienTheme.muted,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _CoupleBandeauError extends StatelessWidget {
+  final String message;
+  final VoidCallback? onRetry;
+
+  const _CoupleBandeauError({required this.message, this.onRetry});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 90,
+      decoration: BoxDecoration(
+        image: DecorationImage(
+          image: const AssetImage(QuotidienTheme.bandeauLime), // Un asset existant
+          fit: BoxFit.fill,
+          colorFilter: ColorFilter.mode(
+            QuotidienTheme.coral.withValues(alpha: 0.3),
+            BlendMode.srcATop,
+          ),
+        ),
+      ),
+      padding: const EdgeInsets.symmetric(horizontal: 24),
+      child: Row(
+        children: [
+          const Icon(Icons.error_outline, color: QuotidienTheme.ink),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Text(
+              message,
+              style: GoogleFonts.merriweather(
+                fontSize: 13,
+                color: QuotidienTheme.ink,
+              ),
+            ),
+          ),
+          if (onRetry != null)
+            TextButton(
+              onPressed: onRetry,
+              child: const Text('Réessayer'),
+            ),
+        ],
+      ),
+    );
+  }
+}

frontend/lib/widgets/quotidien/quotidien_bandeau.dart

@@ -0,0 +1,282 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:p_tits_pas/services/auth_service.dart';
+import 'package:p_tits_pas/widgets/image_button.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
+
+/// Bandeau quotidien pastel : logo · pastilles Cahier de liaison / Agenda /
+/// Contrat · menu user.
+/// Réutilisable parent (#166) et AM (#169).
+class QuotidienBandeau extends StatelessWidget {
+  final QuotidienNavSection selectedSection;
+  final ValueChanged<QuotidienNavSection> onSectionSelected;
+  final String userDisplayName;
+  final String? userEmail;
+  final VoidCallback? onProfileTap;
+  final VoidCallback? onSearchAmTap;
+  final VoidCallback? onSettingsTap;
+  final VoidCallback? onLogout;
+
+  const QuotidienBandeau({
+    super.key,
+    required this.selectedSection,
+    required this.onSectionSelected,
+    required this.userDisplayName,
+    this.userEmail,
+    this.onProfileTap,
+    this.onSearchAmTap,
+    this.onSettingsTap,
+    this.onLogout,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(16, 12, 16, 8),
+      child: Row(
+        children: [
+          Image.asset(
+            QuotidienTheme.logoAsset,
+            height: 44,
+            fit: BoxFit.contain,
+          ),
+          const Spacer(),
+          _NavPills(
+            selected: selectedSection,
+            onSelected: onSectionSelected,
+          ),
+          const Spacer(),
+          _UserMenu(
+            displayName: userDisplayName,
+            email: userEmail,
+            onProfileTap: onProfileTap,
+            onSearchAmTap: onSearchAmTap,
+            onSettingsTap: onSettingsTap,
+            onLogout: onLogout,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _NavPills extends StatelessWidget {
+  final QuotidienNavSection selected;
+  final ValueChanged<QuotidienNavSection> onSelected;
+
+  const _NavPills({
+    required this.selected,
+    required this.onSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        _pill(
+          label: 'Cahier de liaison',
+          section: QuotidienNavSection.liaison,
+        ),
+        const SizedBox(width: 10),
+        _pill(
+          label: 'Agenda',
+          section: QuotidienNavSection.agenda,
+        ),
+        const SizedBox(width: 10),
+        _pill(
+          label: 'Contrat',
+          section: QuotidienNavSection.contrat,
+        ),
+      ],
+    );
+  }
+
+  Widget _pill({
+    required String label,
+    required QuotidienNavSection section,
+  }) {
+    final active = selected == section;
+    // Même famille que l’inscription : fonds « dessinés » (pas Material).
+    // Les deux pastilles ont la même silhouette (ratio ~4:1) : la largeur
+    // est dérivée de la hauteur pour ne jamais déformer le PNG.
+    // Chaque section garde sa couleur ; l'inactive est juste plus claire.
+    return ImageButton(
+      bg: QuotidienTheme.pillAssetFor(section),
+      bgOpacity: active ? 1.0 : QuotidienTheme.pillInactiveOpacity,
+      width: _pillHeight * QuotidienTheme.pillAspectRatio,
+      height: _pillHeight,
+      text: label,
+      textColor: QuotidienTheme.ink,
+      fontSize: 14,
+      onPressed: () => onSelected(section),
+    );
+  }
+
+  static const double _pillHeight = 46;
+}
+
+class _UserMenu extends StatelessWidget {
+  final String displayName;
+  final String? email;
+  final VoidCallback? onProfileTap;
+  final VoidCallback? onSearchAmTap;
+  final VoidCallback? onSettingsTap;
+  final VoidCallback? onLogout;
+
+  const _UserMenu({
+    required this.displayName,
+    this.email,
+    this.onProfileTap,
+    this.onSearchAmTap,
+    this.onSettingsTap,
+    this.onLogout,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final shortName = displayName.trim().isEmpty ? 'Compte' : displayName.trim();
+    const double pillHeight = 46;
+    const double pillWidth = pillHeight * QuotidienTheme.pillAspectRatio;
+    return PopupMenuButton<String>(
+      tooltip: 'Menu utilisateur',
+      offset: const Offset(0, pillHeight + 4),
+      color: QuotidienTheme.ivory,
+      elevation: 3,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(16),
+        side: BorderSide(color: QuotidienTheme.lavender.withOpacity(0.6)),
+      ),
+      onSelected: (value) async {
+        switch (value) {
+          case 'profile':
+            onProfileTap?.call();
+            break;
+          case 'search_am':
+            onSearchAmTap?.call();
+            break;
+          case 'settings':
+            onSettingsTap?.call();
+            break;
+          case 'logout':
+            await _confirmLogout(context);
+            break;
+        }
+      },
+      itemBuilder: (context) => [
+        if (email != null && email!.trim().isNotEmpty)
+          PopupMenuItem(
+            enabled: false,
+            child: Text(
+              email!,
+              style: TextStyle(color: QuotidienTheme.muted, fontSize: 12),
+            ),
+          ),
+        const PopupMenuDivider(),
+        const PopupMenuItem(
+          value: 'profile',
+          child: ListTile(
+            dense: true,
+            contentPadding: EdgeInsets.zero,
+            leading: Icon(Icons.person_outline, size: 20),
+            title: Text('Profil'),
+          ),
+        ),
+        const PopupMenuItem(
+          value: 'search_am',
+          child: ListTile(
+            dense: true,
+            contentPadding: EdgeInsets.zero,
+            leading: Icon(Icons.search, size: 20),
+            title: Text('Recherche AM'),
+          ),
+        ),
+        const PopupMenuItem(
+          value: 'settings',
+          child: ListTile(
+            dense: true,
+            contentPadding: EdgeInsets.zero,
+            leading: Icon(Icons.settings_outlined, size: 20),
+            title: Text('Paramètres'),
+          ),
+        ),
+        const PopupMenuDivider(),
+        const PopupMenuItem(
+          value: 'logout',
+          child: ListTile(
+            dense: true,
+            contentPadding: EdgeInsets.zero,
+            leading: Icon(Icons.logout, size: 20),
+            title: Text('Déconnexion'),
+          ),
+        ),
+      ],
+      // Même pastille « dessinée » que la nav, teinte violet pastel charte.
+      child: Container(
+        width: pillWidth,
+        height: pillHeight,
+        padding: const EdgeInsets.symmetric(horizontal: 14),
+        decoration: const BoxDecoration(
+          image: DecorationImage(
+            image: AssetImage(QuotidienTheme.pillLavenderAsset),
+            fit: BoxFit.fill,
+          ),
+        ),
+        child: Row(
+          children: [
+            const Icon(
+              Icons.person_outline,
+              size: 20,
+              color: QuotidienTheme.ink,
+            ),
+            const SizedBox(width: 6),
+            Expanded(
+              child: Text(
+                shortName,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: GoogleFonts.merienda(
+                  fontSize: 13,
+                  fontWeight: FontWeight.bold,
+                  color: QuotidienTheme.ink,
+                ),
+              ),
+            ),
+            const Icon(
+              Icons.keyboard_arrow_down,
+              size: 18,
+              color: QuotidienTheme.ink,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Future<void> _confirmLogout(BuildContext context) async {
+    final ok = await showDialog<bool>(
+      context: context,
+      builder: (ctx) => AlertDialog(
+        title: const Text('Déconnexion'),
+        content: const Text('Voulez-vous vraiment vous déconnecter ?'),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.of(ctx).pop(false),
+            child: const Text('Annuler'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.of(ctx).pop(true),
+            child: const Text('Déconnexion'),
+          ),
+        ],
+      ),
+    );
+    if (ok != true) return;
+    onLogout?.call();
+    await AuthService.logout();
+    if (context.mounted) {
+      context.go('/login');
+    }
+  }
+}

frontend/lib/widgets/quotidien/quotidien_shell.dart

@@ -0,0 +1,320 @@
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:p_tits_pas/widgets/app_footer.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_bandeau.dart';
+import 'package:p_tits_pas/widgets/quotidien/quotidien_theme.dart';
+
+/// Coquille « Cahier de liaison » quotidien 3 colonnes + bandeau (#166).
+/// L’AM (#169) réutilise ce widget en injectant ses slots.
+class QuotidienShell extends StatelessWidget {
+  final QuotidienNavSection selectedSection;
+  final ValueChanged<QuotidienNavSection> onSectionSelected;
+  final String userDisplayName;
+  final String? userEmail;
+  final VoidCallback? onProfileTap;
+  final VoidCallback? onSearchAmTap;
+  final VoidCallback? onSettingsTap;
+  final VoidCallback? onLogout;
+
+  /// Colonne gauche (couple + cartes + actions).
+  final Widget leftColumn;
+
+  /// Colonne milieu (blog).
+  final Widget centerColumn;
+
+  /// Colonne droite (messagerie).
+  final Widget rightColumn;
+
+  /// Corps affiché hors Cahier de liaison (Agenda / Contrat stubs).
+  final Widget? agendaBody;
+  final Widget? contratBody;
+
+  const QuotidienShell({
+    super.key,
+    required this.selectedSection,
+    required this.onSectionSelected,
+    required this.userDisplayName,
+    required this.leftColumn,
+    required this.centerColumn,
+    required this.rightColumn,
+    this.userEmail,
+    this.onProfileTap,
+    this.onSearchAmTap,
+    this.onSettingsTap,
+    this.onLogout,
+    this.agendaBody,
+    this.contratBody,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: QuotidienTheme.ivory,
+      body: Container(
+        decoration: QuotidienTheme.paperBackground(),
+        child: Column(
+          children: [
+            QuotidienBandeau(
+              selectedSection: selectedSection,
+              onSectionSelected: onSectionSelected,
+              userDisplayName: userDisplayName,
+              userEmail: userEmail,
+              onProfileTap: onProfileTap,
+              onSearchAmTap: onSearchAmTap,
+              onSettingsTap: onSettingsTap,
+              onLogout: onLogout,
+            ),
+            const QuotidienPencilDivider(),
+            Expanded(child: _bodyForSection(context)),
+            const QuotidienPencilDivider(),
+            const AppFooter(showTopBorder: false),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _bodyForSection(BuildContext context) {
+    switch (selectedSection) {
+      case QuotidienNavSection.liaison:
+        return _ThreeColumns(
+          left: leftColumn,
+          center: centerColumn,
+          right: rightColumn,
+        );
+      case QuotidienNavSection.agenda:
+        return agendaBody ??
+            const QuotidienStubPage(
+              title: 'Agenda',
+              message: 'Page Agenda — à venir.',
+            );
+      case QuotidienNavSection.contrat:
+        return contratBody ??
+            const QuotidienStubPage(
+              title: 'Contrat',
+              message: 'Page Contrat — à venir.',
+            );
+    }
+  }
+}
+
+/// Trait « crayon gris » dessiné à la main : sépare bandeau / corps / footer
+/// (horizontal) et les 3 colonnes (vertical). Le PNG (2400×28) est étiré dans
+/// le sens du trait seulement : sur un trait, c'est invisible.
+class QuotidienPencilDivider extends StatelessWidget {
+  final Axis axis;
+
+  /// Épaisseur de la zone du trait (hauteur si horizontal, largeur sinon).
+  final double thickness;
+  final EdgeInsets padding;
+
+  const QuotidienPencilDivider({
+    super.key,
+    this.axis = Axis.horizontal,
+    this.thickness = 14,
+    this.padding = const EdgeInsets.symmetric(horizontal: 24),
+  });
+
+  const QuotidienPencilDivider.vertical({
+    super.key,
+    this.thickness = 14,
+    this.padding = const EdgeInsets.symmetric(vertical: 16),
+  }) : axis = Axis.vertical;
+
+  @override
+  Widget build(BuildContext context) {
+    final horizontal = axis == Axis.horizontal;
+    return Padding(
+      padding: padding,
+      child: SizedBox(
+        width: horizontal ? double.infinity : thickness,
+        height: horizontal ? thickness : double.infinity,
+        child: Image.asset(
+          horizontal
+              ? QuotidienTheme.pencilLineAsset
+              : QuotidienTheme.pencilLineVerticalAsset,
+          fit: BoxFit.fill,
+          filterQuality: FilterQuality.medium,
+        ),
+      ),
+    );
+  }
+}
+
+class _ThreeColumns extends StatelessWidget {
+  final Widget left;
+  final Widget center;
+  final Widget right;
+
+  const _ThreeColumns({
+    required this.left,
+    required this.center,
+    required this.right,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        final wide = constraints.maxWidth >= 900;
+        if (!wide) {
+          // Socle mobile temporaire (#188 = swipe dédié) : pile verticale.
+          return ListView(
+            padding: const EdgeInsets.fromLTRB(12, 4, 12, 12),
+            children: [
+              _ColumnPanel(child: left),
+              const QuotidienPencilDivider(
+                padding: EdgeInsets.symmetric(horizontal: 32, vertical: 4),
+              ),
+              _ColumnPanel(child: center),
+              const QuotidienPencilDivider(
+                padding: EdgeInsets.symmetric(horizontal: 32, vertical: 4),
+              ),
+              _ColumnPanel(child: right),
+            ],
+          );
+        }
+        return Padding(
+          padding: const EdgeInsets.fromLTRB(16, 4, 16, 12),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Expanded(child: _ColumnPanel(child: left)),
+              const QuotidienPencilDivider.vertical(),
+              Expanded(child: _ColumnPanel(child: center)),
+              const QuotidienPencilDivider.vertical(),
+              Expanded(child: _ColumnPanel(child: right)),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
+
+/// Panneau colonne (carte pastel semi-transparente).
+class _ColumnPanel extends StatelessWidget {
+  final Widget child;
+
+  const _ColumnPanel({required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      // Pas de bordure Material : la séparation est assurée par les traits
+      // crayon, on garde juste un léger fond.
+      decoration: BoxDecoration(
+        color: QuotidienTheme.columnCardFill.withOpacity(0.82),
+        borderRadius: BorderRadius.circular(16),
+      ),
+      clipBehavior: Clip.antiAlias,
+      child: child,
+    );
+  }
+}
+
+/// Placeholder de colonne métier (branchable par tickets C/D/E).
+class QuotidienColumnPlaceholder extends StatelessWidget {
+  final String title;
+  final String subtitle;
+  final IconData icon;
+
+  const QuotidienColumnPlaceholder({
+    super.key,
+    required this.title,
+    required this.subtitle,
+    required this.icon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(20),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Row(
+            children: [
+              Icon(icon, color: QuotidienTheme.lavender, size: 22),
+              const SizedBox(width: 8),
+              Text(
+                title,
+                style: GoogleFonts.merienda(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w600,
+                  color: QuotidienTheme.ink,
+                ),
+              ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          Expanded(
+            child: Center(
+              child: Text(
+                subtitle,
+                textAlign: TextAlign.center,
+                style: GoogleFonts.merriweather(
+                  fontSize: 13,
+                  color: QuotidienTheme.muted,
+                  height: 1.4,
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+/// Stub pleine page (Agenda / Contrat) — contenu riche hors #166.
+class QuotidienStubPage extends StatelessWidget {
+  final String title;
+  final String message;
+
+  const QuotidienStubPage({
+    super.key,
+    required this.title,
+    required this.message,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: 420),
+        child: Container(
+          margin: const EdgeInsets.all(24),
+          padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 32),
+          decoration: BoxDecoration(
+            color: Colors.white.withOpacity(0.85),
+            borderRadius: BorderRadius.circular(16),
+            border: Border.all(color: Colors.grey.shade300),
+          ),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Text(
+                title,
+                style: GoogleFonts.merienda(
+                  fontSize: 22,
+                  fontWeight: FontWeight.w600,
+                  color: QuotidienTheme.ink,
+                ),
+              ),
+              const SizedBox(height: 12),
+              Text(
+                message,
+                textAlign: TextAlign.center,
+                style: GoogleFonts.merriweather(
+                  fontSize: 14,
+                  color: QuotidienTheme.muted,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

frontend/lib/widgets/quotidien/quotidien_theme.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+/// Couleurs / tokens du quotidien parent–AM (#166) — lignée papier / pastel.
+/// Pas le violet Material du dashboard staff.
+abstract final class QuotidienTheme {
+  static const Color ink = Color(0xFF2F2F2F);
+  static const Color ivory = Color(0xFFFFFEF9);
+  static const Color turquoise = Color(0xFF8AD0C8);
+  static const Color lavender = Color(0xFFC6A3D8);
+  static const Color coral = Color(0xFFF4A28C);
+  static const Color softGreenPill = Color(0xFFB8D9A8);
+  static const Color columnCardFill = Color(0xFFF7F3EA);
+  static const Color muted = Color(0xFF6B6B6B);
+
+  static const String paperAsset = 'assets/images/paper2.png';
+  static const String logoAsset = 'assets/images/logo.png';
+
+  /// Pastilles « dessinées » du bandeau : même silhouette (1190×299), une
+  /// couleur charte par section ; l'inactive est la même, plus transparente.
+  static const double pillInactiveOpacity = 0.45;
+  static const String pillIvoryAsset = 'assets/images/bg_ivoire_pill.png';
+  static const String pillBlueAsset = 'assets/images/bg_blue_pill.png';
+  
+  // Bandeaux pour les couples (ratio 10:1, dessinés au crayon, couleur dynamique)
+  static const String bandeauLime = 'assets/images/bandeau_lime.png';
+  static const String bandeauBlue = 'assets/images/bandeau_blue.png';
+  static const String bandeauPeach = 'assets/images/bandeau_peach.png';
+  static const String bandeauYellow = 'assets/images/bandeau_yellow.png';
+  static const String bandeauLavender = 'assets/images/bandeau_lavender.png';
+
+  static const List<String> bandeauColors = [
+    bandeauLime,
+    bandeauBlue,
+    bandeauPeach,
+    bandeauYellow,
+    bandeauLavender,
+  ];
+
+  /// Retourne un asset bandeau fixe pour un couple donné (basé sur son ID)
+  static String bandeauAssetForCouple(String coupleId) {
+    if (coupleId.isEmpty) return bandeauLime;
+    final hash = coupleId.hashCode.abs();
+    return bandeauColors[hash % bandeauColors.length];
+  }
+  static const String pillYellowAsset = 'assets/images/bg_yellow_pill.png';
+  static const String pillPeachAsset = 'assets/images/bg_peach_pill.png';
+  static const String pillTurquoiseAsset =
+      'assets/images/bg_turquoise_pill.png';
+  static const String pillLavenderAsset =
+      'assets/images/bg_lavender_pill.png';
+
+  /// Trait crayon gris (2400×28, transparent) : séparateurs bandeau / corps /
+  /// footer. Version verticale (28×2400) entre les colonnes.
+  static const String pencilLineAsset = 'assets/images/pencil_line_grey.png';
+  static const String pencilLineVerticalAsset =
+      'assets/images/pencil_line_grey_v.png';
+
+  static String pillAssetFor(QuotidienNavSection section) {
+    switch (section) {
+      case QuotidienNavSection.liaison:
+        return pillYellowAsset;
+      case QuotidienNavSection.agenda:
+        return pillPeachAsset;
+      case QuotidienNavSection.contrat:
+        return pillTurquoiseAsset;
+    }
+  }
+
+  /// Largeur / hauteur des PNG de pastille, à respecter pour ne pas déformer.
+  static const double pillAspectRatio = 1190 / 298;
+
+  static BoxDecoration paperBackground() {
+    return const BoxDecoration(
+      image: DecorationImage(
+        image: AssetImage(paperAsset),
+        fit: BoxFit.cover,
+        repeat: ImageRepeat.repeat,
+      ),
+    );
+  }
+
+}
+
+/// Sections du bandeau quotidien (Cahier de liaison / Agenda / Contrat).
+/// `liaison` = le hub « Cahier de liaison » (cartes · blog · messagerie).
+enum QuotidienNavSection {
+  liaison,
+  agenda,
+  contrat,
+}