diff --git a/loko/contracts/admin.py b/loko/contracts/admin.py
index 34c8f98..9e881d1 100644
--- a/loko/contracts/admin.py
+++ b/loko/contracts/admin.py
@@ -15,6 +15,7 @@ from .models import (
     CompanyTeam,
     CompanyMember,
     CompanyMemberHistory,
+    CompanyMemberAbsence,
     ContractOrderQuote,
     ContractOrderQuoteItem,
     ContractOrderProgressState,
@@ -383,6 +384,14 @@ class CompanyMemberHistoryAdmin(admin.ModelAdmin):
         return False
 
 
+@admin.register(CompanyMemberAbsence)
+class CompanyMemberAbsenceAdmin(admin.ModelAdmin):
+    list_display = ('member', 'date', 'reason', 'created_by', 'created_at')
+    list_filter = ('reason', 'date')
+    search_fields = ('member__name', 'comment')
+    date_hierarchy = 'date'
+
+
 # ---------------------------------------------------------------------------
 # Commandes directes
 # ---------------------------------------------------------------------------
diff --git a/loko/contracts/migrations/0005_companymemberabsence.py b/loko/contracts/migrations/0005_companymemberabsence.py
new file mode 100644
index 0000000..c492262
--- /dev/null
+++ b/loko/contracts/migrations/0005_companymemberabsence.py
@@ -0,0 +1,34 @@
+# Generated by Django 6.0.7 on 2026-09-02 08:57
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('contracts', '0004_contract_blocked_at_contract_blocked_reason_and_more'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='CompanyMemberAbsence',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('date', models.DateField(verbose_name="Date d'absence")),
+                ('reason', models.CharField(blank=True, choices=[('conge', 'Congé / RTT'), ('maladie', 'Maladie / Arrêt'), ('formation', 'Formation'), ('autre', 'Autre')], default='conge', max_length=50, verbose_name="Motif d'absence")),
+                ('comment', models.TextField(blank=True, verbose_name='Commentaire')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Créé le')),
+                ('created_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='member_absences_recorded', to=settings.AUTH_USER_MODEL, verbose_name='Enregistré par')),
+                ('member', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='absences', to='contracts.companymember', verbose_name='Membre')),
+            ],
+            options={
+                'verbose_name': "Absence d'un membre",
+                'verbose_name_plural': 'Absences des membres',
+                'ordering': ['-date', 'member'],
+                'unique_together': {('member', 'date')},
+            },
+        ),
+    ]
diff --git a/loko/contracts/models.py b/loko/contracts/models.py
index fd1cd3d..6dbf168 100644
--- a/loko/contracts/models.py
+++ b/loko/contracts/models.py
@@ -207,6 +207,50 @@ class CompanyMemberHistory(models.Model):
         ordering = ['member', '-join_date']
 
 
+class CompanyMemberAbsence(models.Model):
+    """Enregistrement d'une absence journalière pour un membre d'équipe."""
+    ABSENCE_REASON_CHOICES = [
+        ('conge', _('Congé / RTT')),
+        ('maladie', _('Maladie / Arrêt')),
+        ('formation', _('Formation')),
+        ('autre', _('Autre')),
+    ]
+
+    member = models.ForeignKey(
+        CompanyMember,
+        on_delete=models.CASCADE,
+        related_name='absences',
+        verbose_name=_("Membre"),
+    )
+    date = models.DateField(verbose_name=_("Date d'absence"))
+    reason = models.CharField(
+        max_length=50,
+        choices=ABSENCE_REASON_CHOICES,
+        default='conge',
+        blank=True,
+        verbose_name=_("Motif d'absence"),
+    )
+    comment = models.TextField(blank=True, verbose_name=_("Commentaire"))
+    created_by = models.ForeignKey(
+        settings.AUTH_USER_MODEL,
+        on_delete=models.SET_NULL,
+        null=True,
+        blank=True,
+        related_name='member_absences_recorded',
+        verbose_name=_("Enregistré par"),
+    )
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name=_("Créé le"))
+
+    def __str__(self):
+        return f"{self.member.name} - {self.get_reason_display()} ({self.date.strftime('%d/%m/%Y')})"
+
+    class Meta:
+        verbose_name = _("Absence d'un membre")
+        verbose_name_plural = _("Absences des membres")
+        unique_together = ('member', 'date')
+        ordering = ['-date', 'member']
+
+
 class UserCompanyTeamAccess(models.Model):
     """Permissions d'accès d'un utilisateur à une équipe de société/organisme."""
     user_config = models.ForeignKey(
diff --git a/loko/contracts/services_teams.py b/loko/contracts/services_teams.py
new file mode 100644
index 0000000..c52e2c1
--- /dev/null
+++ b/loko/contracts/services_teams.py
@@ -0,0 +1,357 @@
+"""
+Service de gestion temporelle et de planification des équipes.
+Gère les appartenances continues, l'historique d'équipe, les absences journalières et la duplication.
+"""
+from collections import defaultdict
+from datetime import timedelta, date
+from typing import Optional, List, Dict, Set, Any
+
+from django.db import transaction
+from django.db.models import Q
+from django.utils import timezone
+
+from contracts.models import (
+    CompanyMember,
+    CompanyTeam,
+    CompanyMemberHistory,
+    CompanyMemberAbsence,
+)
+
+
+def get_member_team_for_date(member: CompanyMember, target_date: date) -> Optional[CompanyTeam]:
+    """
+    Retourne l'équipe à laquelle appartient le membre à la date donnée (selon CompanyMemberHistory).
+    Retourne None si le membre n'est dans aucune équipe ce jour-là.
+    """
+    histories = list(
+        CompanyMemberHistory.objects
+        .filter(member=member, join_date__lte=target_date)
+        .filter(Q(leave_date__isnull=True) | Q(leave_date__gte=target_date))
+        .select_related('team')
+        .order_by('-join_date', '-id')
+    )
+    if not histories:
+        return None
+    # Si un historique est ouvert (leave_date IS NULL) ou se termine strictement après target_date,
+    # on le préfère à un historique se terminant exactement à target_date (transfert en cours de journée)
+    continuing = [h for h in histories if h.leave_date is None or h.leave_date > target_date]
+    if continuing:
+        return continuing[0].team
+    return histories[0].team
+
+
+@transaction.atomic
+def set_member_team_schedule(
+    member: CompanyMember,
+    team_id: Optional[int],
+    target_date: date,
+    changed_by=None,
+    sync_current: bool = True,
+) -> Optional[CompanyMemberHistory]:
+    """
+    Planifie l'appartenance d'un membre à une équipe à partir de `target_date`.
+    Règle de persistance : le membre reste dans cette équipe à partir de `target_date`
+    jusqu'à une éventuelle réassignation future.
+
+    Si team_id est None, le membre devient non assigné à partir de target_date.
+    """
+    today = timezone.now().date()
+    
+    # 1. Récupérer les enregistrements d'historique actifs ou futurs
+    active_histories = list(
+        CompanyMemberHistory.objects
+        .filter(member=member)
+        .filter(
+            Q(leave_date__isnull=True) | Q(leave_date__gte=target_date)
+        )
+        .order_by('join_date')
+    )
+
+    # Trouver l'historique actif à la date target_date
+    current_at_target = None
+    for h in active_histories:
+        if h.join_date <= target_date and (h.leave_date is None or h.leave_date >= target_date):
+            current_at_target = h
+            break
+
+    # Si le membre est déjà dans la même équipe à cette date exacte, rien à faire
+    if current_at_target and current_at_target.team_id == team_id:
+        return current_at_target
+    if not current_at_target and team_id is None:
+        return None
+
+    # Trouver le prochain historique qui commence STRICTEMENT après target_date (s'il y en a)
+    next_hist = None
+    for h in active_histories:
+        if h.join_date > target_date:
+            if next_hist is None or h.join_date < next_hist.join_date:
+                next_hist = h
+
+    next_leave_bound = (next_hist.join_date - timedelta(days=1)) if next_hist else None
+
+    # 2. Clôturer ou ajuster l'historique courant (actif à target_date)
+    if current_at_target:
+        if current_at_target.join_date == target_date:
+            current_at_target.leave_date = target_date
+            current_at_target.save(update_fields=['leave_date'])
+        else:
+            # L'historique commençait avant target_date : on le clôture la veille
+            prev_leave = target_date - timedelta(days=1)
+            current_at_target.leave_date = prev_leave
+            current_at_target.save(update_fields=['leave_date'])
+    else:
+        # Aucun historique actif à target_date (membre non assigné)
+        pass
+
+    # 3. Créer le nouvel enregistrement s'il y a une nouvelle équipe
+    new_history = None
+    if team_id is not None:
+        new_history = CompanyMemberHistory.objects.create(
+            member=member,
+            team_id=team_id,
+            join_date=target_date,
+            leave_date=next_leave_bound,
+            changed_by=changed_by,
+        )
+
+    _sync_teams_if_needed(member, target_date, today, sync_current)
+    return new_history
+
+
+def _sync_teams_if_needed(member: CompanyMember, target_date: date, today: date, sync_current: bool):
+    """Synchronise member.teams si la date modifiée impacte la date d'aujourd'hui."""
+    if sync_current and target_date <= today:
+        sync_member_current_teams(member, today)
+
+
+def sync_member_current_teams(member: CompanyMember, for_date: Optional[date] = None):
+    """
+    Synchronise le champ ManyToMany member.teams avec l'équipe active
+    dans CompanyMemberHistory pour la date spécifiée (par défaut aujourd'hui).
+    """
+    if for_date is None:
+        for_date = timezone.now().date()
+
+    active_team = get_member_team_for_date(member, for_date)
+    current_team_ids = set(member.teams.values_list('id', flat=True))
+    target_team_ids = {active_team.id} if active_team else set()
+
+    if current_team_ids != target_team_ids:
+        # Utiliser .set() pour synchroniser
+        member.teams.set(list(target_team_ids))
+
+
+def get_teams_composition_for_period(
+    team_ids: Set[int],
+    start_date: date,
+    end_date: date,
+) -> Dict[tuple, List[Dict[str, Any]]]:
+    """
+    Calcule la composition journalière de chaque équipe sur une période donnée [start_date, end_date].
+    Retourne un dict: (team_id, date) -> [{'id': member_id, 'name': member_name, 'user_id': user_id, 'role': role}]
+    """
+    histories = (
+        CompanyMemberHistory.objects
+        .filter(
+            team_id__in=team_ids,
+            join_date__lte=end_date,
+        )
+        .filter(
+            Q(leave_date__isnull=True) | Q(leave_date__gte=start_date)
+        )
+        .select_related('member', 'member__user')
+    )
+
+    # Récupérer les rôles et informations utiles
+    member_histories = defaultdict(lambda: {'member': None, 'histories': []})
+    for h in histories:
+        member_histories[h.member_id]['member'] = h.member
+        member_histories[h.member_id]['histories'].append({
+            'team_id': h.team_id,
+            'join_date': h.join_date,
+            'leave_date': h.leave_date,
+        })
+
+    num_days = (end_date - start_date).days + 1
+    team_compositions_sets = defaultdict(set)
+
+    for i in range(num_days):
+        d = start_date + timedelta(days=i)
+        for m_id, m_data in member_histories.items():
+            member = m_data['member']
+            # Trouver les historiques actifs à la date d
+            active = []
+            for h in m_data['histories']:
+                if h['join_date'] <= d and (h['leave_date'] is None or h['leave_date'] >= d):
+                    active.append(h)
+
+            if not active:
+                continue
+
+            # En cas de multiplicité, privilégier celui ayant join_date le plus récent
+            if len(active) > 1:
+                active.sort(key=lambda x: x['join_date'], reverse=True)
+                active = [active[0]]
+
+            for h in active:
+                team_compositions_sets[(h['team_id'], d)].add(
+                    (member.id, member.name, getattr(member.user, 'id', None))
+                )
+
+    result = defaultdict(list)
+    for (t_id, d), m_set in team_compositions_sets.items():
+        sorted_members = sorted(list(m_set), key=lambda x: x[1])
+        result[(t_id, d)] = [
+            {'id': mid, 'name': mname, 'user_id': uid}
+            for mid, mname, uid in sorted_members
+        ]
+    return result
+
+
+def get_member_absences_for_period(
+    member_ids: Optional[Set[int]],
+    start_date: date,
+    end_date: date,
+) -> Dict[tuple, Dict[str, Any]]:
+    """
+    Récupère toutes les absences sur la période [start_date, end_date].
+    Retourne un dict: (member_id, date) -> {'reason': str, 'reason_display': str, 'comment': str}
+    """
+    qs = CompanyMemberAbsence.objects.filter(
+        date__range=(start_date, end_date)
+    )
+    if member_ids is not None:
+        qs = qs.filter(member_id__in=member_ids)
+
+    absences = {}
+    for a in qs:
+        absences[(a.member_id, a.date)] = {
+            'id': a.id,
+            'reason': a.reason,
+            'reason_display': a.get_reason_display(),
+            'comment': a.comment,
+        }
+    return absences
+
+
+@transaction.atomic
+def toggle_member_absence(
+    member: CompanyMember,
+    target_date: date,
+    is_absent: bool = True,
+    reason: str = 'conge',
+    comment: str = '',
+    created_by=None,
+) -> Optional[CompanyMemberAbsence]:
+    """Active ou désactive l'absence d'un membre pour une date donnée."""
+    if is_absent:
+        obj, _ = CompanyMemberAbsence.objects.update_or_create(
+            member=member,
+            date=target_date,
+            defaults={
+                'reason': reason or 'conge',
+                'comment': comment or '',
+                'created_by': created_by,
+            }
+        )
+        return obj
+    else:
+        CompanyMemberAbsence.objects.filter(member=member, date=target_date).delete()
+        return None
+
+
+@transaction.atomic
+def duplicate_day_schedule(
+    source_date: date,
+    target_date: date,
+    allowed_team_ids: Optional[Set[int]] = None,
+    copy_absences: bool = False,
+    changed_by=None,
+) -> Dict[str, int]:
+    """
+    Duplique l'affectation des équipes d'une journée source vers une journée cible.
+    Si allowed_team_ids est fourni, seules les équipes autorisées sont dupliquées.
+    """
+    # 1. Trouver tous les membres et leur équipe sur source_date
+    all_members = CompanyMember.objects.all()
+    if allowed_team_ids is not None:
+        # Membres qui étaient dans les équipes autorisées ou non assignés
+        pass
+
+    assigned_count = 0
+    absences_count = 0
+
+    for member in all_members:
+        team = get_member_team_for_date(member, source_date)
+        if team:
+            if allowed_team_ids is not None and team.id not in allowed_team_ids:
+                continue
+            set_member_team_schedule(
+                member=member,
+                team_id=team.id,
+                target_date=target_date,
+                changed_by=changed_by,
+                sync_current=False,
+            )
+            assigned_count += 1
+        else:
+            # Membre non assigné le jour source : le désassigner aussi sur le jour cible s'il était dans une équipe autorisée
+            target_team = get_member_team_for_date(member, target_date)
+            if target_team and (allowed_team_ids is None or target_team.id in allowed_team_ids):
+                set_member_team_schedule(
+                    member=member,
+                    team_id=None,
+                    target_date=target_date,
+                    changed_by=changed_by,
+                    sync_current=False,
+                )
+
+    if copy_absences:
+        source_absences = CompanyMemberAbsence.objects.filter(date=source_date)
+        for a in source_absences:
+            CompanyMemberAbsence.objects.update_or_create(
+                member=a.member,
+                date=target_date,
+                defaults={
+                    'reason': a.reason,
+                    'comment': a.comment,
+                    'created_by': changed_by,
+                }
+            )
+            absences_count += 1
+
+    # Synchronisation globale pour aujourd'hui
+    today = timezone.now().date()
+    if target_date <= today:
+        for m in all_members:
+            sync_member_current_teams(m, today)
+
+    return {'assigned_count': assigned_count, 'absences_count': absences_count}
+
+
+@transaction.atomic
+def duplicate_week_schedule(
+    source_monday: date,
+    target_monday: date,
+    allowed_team_ids: Optional[Set[int]] = None,
+    copy_absences: bool = False,
+    changed_by=None,
+) -> Dict[str, int]:
+    """Duplique une semaine complète (7 jours) vers une autre semaine."""
+    total_assigned = 0
+    total_absences = 0
+
+    for i in range(7):
+        s_day = source_monday + timedelta(days=i)
+        t_day = target_monday + timedelta(days=i)
+        res = duplicate_day_schedule(
+            source_date=s_day,
+            target_date=t_day,
+            allowed_team_ids=allowed_team_ids,
+            copy_absences=copy_absences,
+            changed_by=changed_by,
+        )
+        total_assigned += res['assigned_count']
+        total_absences += res['absences_count']
+
+    return {'assigned_count': total_assigned, 'absences_count': total_absences}
diff --git a/loko/contracts/templates/contracts/teams_index.html b/loko/contracts/templates/contracts/teams_index.html
index a4d83a0..0bcba2c 100644
--- a/loko/contracts/templates/contracts/teams_index.html
+++ b/loko/contracts/templates/contracts/teams_index.html
@@ -5,7 +5,25 @@
 
 {% block head %}
 <link rel="stylesheet" href="{% static 'common/jquery-ui.min.css' %}">
+<link rel="stylesheet" href="{% static 'common/flatpickr.min.css' %}">
+<link rel="stylesheet" href="{% static 'common/flatpickr-material_blue.css' %}">
+
 <style>
+    /* --- Styles Généraux & Onglets --- */
+    .teams-nav-tabs .nav-link {
+        font-weight: 500;
+        color: #495057;
+        border-radius: 8px;
+        padding: 8px 16px;
+        transition: all 0.2s ease;
+    }
+    .teams-nav-tabs .nav-link.active {
+        background-color: #0d6efd;
+        color: #fff;
+        box-shadow: 0 2px 6px rgba(13, 110, 253, 0.35);
+    }
+
+    /* --- Onglet 1 : Kanban État actuel --- */
     #teams-board {
         overflow-x: auto;
         flex-wrap: nowrap;
@@ -118,168 +136,543 @@
         pointer-events: none;
         user-select: none;
     }
+
+    /* --- Onglet 2 : Planification / Calendrier des équipes --- */
+    .planning-toolbar {
+        background: #ffffff;
+        border: 1px solid #e9ecef;
+        border-radius: 8px;
+        padding: 10px 14px;
+        margin-bottom: 16px;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+    }
+
+    .planning-layout {
+        display: flex;
+        gap: 16px;
+        align-items: flex-start;
+    }
+
+    .planning-matrix-wrapper {
+        flex: 1 1 auto;
+        min-width: 0;
+        background: #ffffff;
+        border: 1px solid #e9ecef;
+        border-radius: 8px;
+        overflow-x: auto;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+    }
+
+    .planning-sidebar-wrapper {
+        width: 300px;
+        flex: 0 0 300px;
+        background: #ffffff;
+        border: 1px solid #e9ecef;
+        border-radius: 8px;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+        position: sticky;
+        top: 20px;
+        max-height: calc(100vh - 140px);
+        display: flex;
+        flex-direction: column;
+    }
+
+    .planning-sidebar-header {
+        padding: 12px 14px;
+        border-bottom: 1px solid #f0f0f0;
+        background: #fdfdfd;
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+    }
+
+    .planning-sidebar-body {
+        padding: 10px 14px;
+        overflow-y: auto;
+        flex: 1 1 auto;
+    }
+
+    /* Table planning */
+    .planning-table {
+        margin-bottom: 0;
+        width: 100%;
+        border-collapse: separate;
+        border-spacing: 0;
+    }
+
+    .planning-table th,
+    .planning-table td {
+        border-right: 1px solid #e9ecef;
+        border-bottom: 1px solid #e9ecef;
+        vertical-align: top;
+    }
+
+    .planning-table thead th {
+        background: #f8f9fa;
+        position: sticky;
+        top: 0;
+        z-index: 10;
+        padding: 10px 8px;
+        text-align: center;
+        font-weight: 600;
+        min-width: 150px;
+    }
+
+    .planning-table thead th.sticky-team-col {
+        left: 0;
+        z-index: 20;
+        min-width: 200px;
+        max-width: 240px;
+        text-align: left;
+        background: #f1f3f5;
+    }
+
+    .planning-table tbody td.sticky-team-col {
+        position: sticky;
+        left: 0;
+        z-index: 5;
+        background: #fdfdfd;
+        padding: 12px 10px;
+        box-shadow: 2px 0 4px rgba(0,0,0,0.02);
+    }
+
+    .planning-table th.is-today-header {
+        background: linear-gradient(180deg, #e7f1ff 0%, #d0e2ff 100%);
+        color: #0b5ed7;
+        border-bottom: 2px solid #0d6efd;
+    }
+
+    .planning-table td.is-today-cell {
+        background-color: #f8fbff;
+    }
+
+    .planning-table th.is-weekend-header {
+        background: #fafafa;
+        color: #8c98a4;
+    }
+
+    .planning-table td.is-weekend-cell {
+        background: #fcfcfc;
+    }
+
+    /* Cellules de dépôt */
+    .planning-drop-cell {
+        min-height: 90px;
+        padding: 6px;
+        transition: background-color 0.15s, border-color 0.15s;
+    }
+
+    .planning-drop-cell.drag-over {
+        background-color: #e8f0fe !important;
+        outline: 2px dashed #0d6efd;
+        outline-offset: -2px;
+    }
+
+    /* Cartes de membres dans le planning */
+    .planning-member-card {
+        background: #ffffff;
+        border: 1px solid #dee2e6;
+        border-left: 3px solid #0d6efd;
+        border-radius: 6px;
+        padding: 5px 8px;
+        margin-bottom: 5px;
+        font-size: 0.82rem;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 6px;
+        cursor: grab;
+        box-shadow: 0 1px 2px rgba(0,0,0,0.04);
+        transition: transform 0.1s, box-shadow 0.1s, border-color 0.1s;
+    }
+
+    .planning-member-card:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 3px 6px rgba(0,0,0,0.08);
+    }
+
+    .planning-member-card:active {
+        cursor: grabbing;
+    }
+
+    .planning-member-card.is-absent {
+        border-left-color: #dc3545;
+        background: #fff8f8;
+        border-style: dashed;
+    }
+
+    .planning-member-card.is-absent .member-name-text {
+        text-decoration: line-through;
+        color: #842029;
+    }
+
+    .planning-member-info {
+        flex: 1 1 auto;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .planning-card-actions {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        flex-shrink: 0;
+    }
+
+    .btn-absence-toggle {
+        padding: 1px 4px;
+        font-size: 0.72rem;
+        border-radius: 4px;
+    }
+
+    /* Sidebar cards */
+    .sidebar-member-item {
+        background: #ffffff;
+        border: 1px solid #e9ecef;
+        border-radius: 6px;
+        padding: 8px 10px;
+        margin-bottom: 6px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 8px;
+        cursor: grab;
+        transition: all 0.15s ease;
+    }
+
+    .sidebar-member-item:hover {
+        background: #f8f9fa;
+        border-color: #0d6efd;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.06);
+    }
+
+    .sidebar-member-item:active {
+        cursor: grabbing;
+    }
+
+    .member-avatar-pill {
+        width: 28px;
+        height: 28px;
+        border-radius: 50%;
+        background: #e7f1ff;
+        color: #0d6efd;
+        font-weight: 600;
+        font-size: 0.75rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+    }
 </style>
 {% endblock %}
 
 {% block content %}
 <div class="container-fluid py-3">
 
-    <!-- En-tête -->
-    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
-        <h4 class="mb-0">
-            <i class="bi bi-people-fill me-2 text-primary"></i>{% trans "Gestion des équipes" %}
-        </h4>
+    <!-- En-tête avec titre & onglets -->
+    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
+        <div>
+            <h4 class="mb-0">
+                <i class="bi bi-people-fill me-2 text-primary"></i>{% trans "Gestion des équipes" %}
+            </h4>
+            <small class="text-muted">{% trans "Affectation des membres, suivi des présences et planification calendaire." %}</small>
+        </div>
 
+        <!-- Onglets Navigation -->
+        <ul class="nav nav-pills teams-nav-tabs" id="teamsNavTabs" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" id="tab-current-state-btn" data-bs-toggle="pill" data-bs-target="#tab-current-state" type="button" role="tab">
+                    <i class="bi bi-kanban me-2"></i>{% trans "État actuel" %}
+                </button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="tab-planning-btn" data-bs-toggle="pill" data-bs-target="#tab-planning" type="button" role="tab">
+                    <i class="bi bi-calendar3-range me-2"></i>{% trans "Planification des équipes" %}
+                </button>
+            </li>
+        </ul>
     </div>
 
-    {% if not teams %}
-    <div class="alert alert-info">
-        <i class="bi bi-info-circle me-2"></i>{% trans "Aucune équipe accessible." %}
-    </div>
-    {% else %}
+    <!-- Contenu des onglets -->
+    <div class="tab-content" id="teamsTabContent">
 
-    <!-- Tableau Kanban des équipes -->
-    <div class="d-flex gap-3 pb-3" id="teams-board">
+        <!-- ============================================================
+             ONGLET 1 : ÉTAT ACTUEL (KANBAN)
+             ============================================================ -->
+        <div class="tab-pane fade show active" id="tab-current-state" role="tabpanel">
 
-        <!-- Colonne : membres non assignés -->
-        <div class="team-col unassigned-col" id="team-col-unassigned">
-            <div class="card team-card">
-                <div class="card-header d-flex justify-content-between align-items-start py-2">
-                    <div class="overflow-hidden me-2">
-                        <div class="fw-semibold text-truncate">
-                            <i class="bi bi-person-dash me-1"></i>{% trans "Non assignés" %}
+            {% if not teams %}
+            <div class="alert alert-info">
+                <i class="bi bi-info-circle me-2"></i>{% trans "Aucune équipe accessible." %}
+            </div>
+            {% else %}
+
+            <!-- Tableau Kanban des équipes -->
+            <div class="d-flex gap-3 pb-3" id="teams-board">
+
+                <!-- Colonne : membres non assignés -->
+                <div class="team-col unassigned-col" id="team-col-unassigned">
+                    <div class="card team-card">
+                        <div class="card-header d-flex justify-content-between align-items-start py-2">
+                            <div class="overflow-hidden me-2">
+                                <div class="fw-semibold text-truncate">
+                                    <i class="bi bi-person-dash me-1"></i>{% trans "Non assignés" %}
+                                </div>
+                                <small class="text-muted">{% trans "Aucune équipe" %}</small>
+                            </div>
+                            {% if can_edit %}
+                            <button class="btn btn-sm btn-outline-warning border-0"
+                                    title="{% trans 'Ajouter un membre non assigné' %}"
+                                    onclick="openAddMemberModal(null, '{% trans "Non assignés" %}', {% if user_company %}{{ user_company.id }}{% else %}null{% endif %})">  
+                                <i class="bi bi-person-plus"></i>
+                            </button>
+                            {% endif %}
+                        </div>
+                        <div class="card-body p-2">
+                            <ul class="sortable-members list-unstyled mb-0"
+                                data-team-id=""
+                                id="members-unassigned">
+                                {% for member in unassigned_members %}
+                                <li class="member-card mb-2" data-member-id="{{ member.id }}" data-member-name="{{ member.name|escapejs }}"{% if member.user %} data-user-id="{{ member.user.id }}"{% endif %}>
+                                    {% if can_edit %}
+                                    <i class="bi bi-grip-vertical drag-handle fs-5"></i>
+                                    {% endif %}
+                                    <div class="member-info">
+                                        <strong>{{ member.name }}</strong>
+                                        {% if member.user %}
+                                        <small>{{ member.user.get_full_name|default:member.user.username }}</small>
+                                        {% endif %}
+                                    </div>
+                                    {% if can_edit %}
+                                    <div class="member-actions">
+                                        <button class="btn btn-sm btn-outline-secondary"
+                                                title="{% trans 'Assigner à une équipe' %}"
+                                                onclick="openMoveMemberModal({{ member.id }}, '{{ member.name|escapejs }}', null)">
+                                            <i class="bi bi-arrow-left-right"></i>
+                                        </button>
+                                        <button class="btn btn-sm btn-outline-danger"
+                                                title="{% trans 'Supprimer ce membre' %}"
+                                                onclick="deleteMember({{ member.id }}, '{{ member.name|escapejs }}')">
+                                            <i class="bi bi-trash"></i>
+                                        </button>
+                                    </div>
+                                    {% endif %}
+                                </li>
+                                {% empty %}
+                                <li class="empty-placeholder" id="empty-unassigned">
+                                    <i class="bi bi-inbox d-block mb-1" style="font-size:1.2rem;"></i>
+                                    {% trans "Aucun membre" %}
+                                </li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                        <div class="card-footer text-muted small py-1 px-2">
+                            <span id="count-unassigned">{{ unassigned_members.count }}</span>
+                            {% trans "membre(s)" %}
                         </div>
-                        <small class="text-muted">{% trans "Aucune équipe" %}</small>
                     </div>
+                </div>
+
+                <!-- Colonnes des équipes -->
+                {% for team in teams %}
+                <div class="team-col" id="team-col-{{ team.id }}">
+                    <div class="card team-card">
+                        <div class="card-header d-flex justify-content-between align-items-start py-2">
+                            <div class="overflow-hidden me-2">
+                                <div class="fw-semibold text-truncate">{{ team.name }}</div>
+                                <small class="text-muted">{{ team.company.name }}</small>
+                            </div>
+                            <div class="d-flex flex-shrink-0">
+                                {% if team.active_interventions_count > 0 %}
+                                <button class="btn btn-sm btn-outline-info border-0"
+                                        title="{% trans 'Voir les interventions assignées' %} ({{ team.active_interventions_count }})"
+                                        onclick="openTeamInterventionsModal({{ team.id }}, '{{ team.name|escapejs }}')">
+                                    <i class="bi bi-list-task"></i>
+                                </button>
+                                {% endif %}
+                                {% if can_edit %}
+                                <button class="btn btn-sm btn-outline-secondary border-0"
+                                        title="{% trans 'Ajouter un membre' %}"
+                                        onclick="openAddMemberModal({{ team.id }}, '{{ team.name|escapejs }}', {{ team.company.id }})">
+                                    <i class="bi bi-person-plus"></i>
+                                </button>
+                                {% endif %}
+                            </div>
+                        </div>
+
+                        <div class="card-body p-2">
+                            <ul class="sortable-members list-unstyled mb-0"
+                                data-team-id="{{ team.id }}"
+                                id="members-{{ team.id }}">
+                                {% for member in team.members.all %}
+                                <li class="member-card mb-2" data-member-id="{{ member.id }}" data-member-name="{{ member.name|escapejs }}"{% if member.user %} data-user-id="{{ member.user.id }}"{% endif %}>
+                                    {% if can_edit %}
+                                    <i class="bi bi-grip-vertical drag-handle fs-5"></i>
+                                    {% endif %}
+                                    <div class="member-info">
+                                        <strong>{{ member.name }}</strong>
+                                        {% if member.user %}
+                                        <small>{{ member.user.get_full_name|default:member.user.username }}</small>
+                                        {% endif %}
+                                    </div>
+                                    {% if can_edit %}
+                                    <div class="member-actions">
+                                        <button class="btn btn-sm btn-outline-secondary"
+                                                title="{% trans 'Déplacer vers une autre équipe' %}"
+                                                onclick="openMoveMemberModal({{ member.id }}, '{{ member.name|escapejs }}', {{ team.id }})">
+                                            <i class="bi bi-arrow-left-right"></i>
+                                        </button>
+                                        <button class="btn btn-sm btn-outline-danger"
+                                                title="{% trans 'Supprimer ce membre' %}"
+                                                onclick="deleteMember({{ member.id }}, '{{ member.name|escapejs }}')">
+                                            <i class="bi bi-trash"></i>
+                                        </button>
+                                    </div>
+                                    {% endif %}
+                                </li>
+                                {% empty %}
+                                <li class="empty-placeholder" id="empty-{{ team.id }}">
+                                    <i class="bi bi-inbox d-block mb-1" style="font-size:1.2rem;"></i>
+                                    {% trans "Aucun membre" %}
+                                </li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+
+                        <div class="card-footer text-muted small py-1 px-2">
+                            <span id="count-{{ team.id }}">{{ team.members.count }}</span>
+                            {% trans "membre(s)" %}
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% endif %}
+
+        </div>
+
+        <!-- ============================================================
+             ONGLET 2 : PLANIFICATION DES ÉQUIPES (CALENDRIER)
+             ============================================================ -->
+        <div class="tab-pane fade" id="tab-planning" role="tabpanel">
+
+            <!-- Toolbar de planification -->
+            <div class="planning-toolbar d-flex justify-content-between align-items-center flex-wrap gap-2">
+                <div class="d-flex align-items-center gap-2 flex-wrap">
+                    <div class="btn-group btn-group-sm" role="group">
+                        <button type="button" class="btn btn-outline-secondary" id="btn-planning-prev" title="{% trans 'Période précédente' %}">
+                            <i class="bi bi-chevron-left"></i>
+                        </button>
+                        <button type="button" class="btn btn-outline-secondary" id="btn-planning-today">
+                            <i class="bi bi-calendar-event me-1"></i>{% trans "Aujourd'hui" %}
+                        </button>
+                        <button type="button" class="btn btn-outline-secondary" id="btn-planning-next" title="{% trans 'Période suivante' %}">
+                            <i class="bi bi-chevron-right"></i>
+                        </button>
+                    </div>
+
+                    <!-- Date picker Flatpickr -->
+                    <div class="input-group input-group-sm" style="width: 140px;">
+                        <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
+                        <input type="text" id="planning-datepicker" class="form-control" placeholder="YYYY-MM-DD">
+                    </div>
+
+                    <!-- Sélecteur de mode de vue -->
+                    <div class="btn-group btn-group-sm" role="group" id="planning-viewmode-group">
+                        <button type="button" class="btn btn-outline-primary" data-mode="work_week">{% trans "5j (Ouvré)" %}</button>
+                        <button type="button" class="btn btn-primary" data-mode="week">{% trans "1 Semaine (7j)" %}</button>
+                        <button type="button" class="btn btn-outline-primary" data-mode="two_weeks">{% trans "2 Semaines" %}</button>
+                    </div>
+                </div>
+
+                <div class="d-flex align-items-center gap-2 flex-wrap">
+                    <!-- Filtre par Société -->
+                    <div id="planning-company-filter-container" style="min-width: 180px;">
+                        <select class="form-select form-select-sm" id="planning-company-filter">
+                            <option value="">{% trans "Toutes les sociétés" %}</option>
+                        </select>
+                    </div>
+
                     {% if can_edit %}
-                    <button class="btn btn-sm btn-outline-warning border-0"
-                            title="{% trans 'Ajouter un membre non assigné' %}"
-                            onclick="openAddMemberModal(null, '{% trans "Non assignés" %}', {% if user_company %}{{ user_company.id }}{% else %}null{% endif %})">  
-                        <i class="bi bi-person-plus"></i>
+                    <!-- Bouton Dupliquer -->
+                    <button type="button" class="btn btn-sm btn-outline-primary" id="btn-open-duplicate-modal" title="{% trans 'Dupliquer une journée ou une semaine' %}">
+                        <i class="bi bi-copy me-1"></i>{% trans "Dupliquer..." %}
                     </button>
                     {% endif %}
-                </div>
-                <div class="card-body p-2">
-                    <ul class="sortable-members list-unstyled mb-0"
-                        data-team-id=""
-                        id="members-unassigned">
-                        {% for member in unassigned_members %}
-                        <li class="member-card mb-2" data-member-id="{{ member.id }}"{% if member.user %} data-user-id="{{ member.user.id }}"{% endif %}>
-                            {% if can_edit %}
-                            <i class="bi bi-grip-vertical drag-handle fs-5"></i>
-                            {% endif %}
-                            <div class="member-info">
-                                <strong>{{ member.name }}</strong>
-                                {% if member.user %}
-                                <small>{{ member.user.get_full_name|default:member.user.username }}</small>
-                                {% endif %}
-                            </div>
-                            {% if can_edit %}
-                            <div class="member-actions">
-                                <button class="btn btn-sm btn-outline-secondary"
-                                        title="{% trans 'Assigner à une équipe' %}"
-                                        onclick="openMoveMemberModal({{ member.id }}, '{{ member.name|escapejs }}', null)">
-                                    <i class="bi bi-arrow-left-right"></i>
-                                </button>
-                                <button class="btn btn-sm btn-outline-danger"
-                                        title="{% trans 'Supprimer ce membre' %}"
-                                        onclick="deleteMember({{ member.id }}, '{{ member.name|escapejs }}')">
-                                    <i class="bi bi-trash"></i>
-                                </button>
-                            </div>
-                            {% endif %}
-                        </li>
-                        {% empty %}
-                        <li class="empty-placeholder" id="empty-unassigned">
-                            <i class="bi bi-inbox d-block mb-1" style="font-size:1.2rem;"></i>
-                            {% trans "Aucun membre" %}
-                        </li>
-                        {% endfor %}
-                    </ul>
-                </div>
-                <div class="card-footer text-muted small py-1 px-2">
-                    <span id="count-unassigned">{{ unassigned_members.count }}</span>
-                    {% trans "membre(s)" %}
+
+                    <!-- Bouton Actualiser -->
+                    <button type="button" class="btn btn-sm btn-outline-secondary" id="btn-refresh-planning" title="{% trans 'Actualiser' %}">
+                        <i class="bi bi-arrow-clockwise"></i>
+                    </button>
                 </div>
             </div>
-        </div>
 
-        <!-- Colonnes des équipes -->
-        {% for team in teams %}
-        <div class="team-col" id="team-col-{{ team.id }}">
-            <div class="card team-card">
-                <div class="card-header d-flex justify-content-between align-items-start py-2">
-                    <div class="overflow-hidden me-2">
-                        <div class="fw-semibold text-truncate">{{ team.name }}</div>
-                        <small class="text-muted">{{ team.company.name }}</small>
+            <!-- Grille de planification + Volet latéral -->
+            <div class="planning-layout">
+
+                <!-- Grille principale -->
+                <div class="planning-matrix-wrapper">
+                    <div id="planning-loading-spinner" class="text-center py-5 d-none">
+                        <div class="spinner-border text-primary" role="status">
+                            <span class="visually-hidden">{% trans "Chargement du planning..." %}</span>
+                        </div>
                     </div>
-                    <div class="d-flex flex-shrink-0">
-                        {% if team.active_interventions_count > 0 %}
-                        <button class="btn btn-sm btn-outline-info border-0"
-                                title="{% trans 'Voir les interventions assignées' %} ({{ team.active_interventions_count }})"
-                                onclick="openTeamInterventionsModal({{ team.id }}, '{{ team.name|escapejs }}')">
-                            <i class="bi bi-list-task"></i>
-                            <!-- <span class="badge bg-info text-dark ms-1" style="font-size:0.7rem;">{{ team.active_interventions_count }}</span> -->
-                        </button>
-                        {% endif %}
-                        {% if can_edit %}
-                        <button class="btn btn-sm btn-outline-secondary border-0"
-                                title="{% trans 'Ajouter un membre' %}"
-                                onclick="openAddMemberModal({{ team.id }}, '{{ team.name|escapejs }}', {{ team.company.id }})">
-                            <i class="bi bi-person-plus"></i>
-                        </button>
-                        {% endif %}
+
+                    <table class="planning-table table table-sm" id="planning-matrix-table">
+                        <thead>
+                            <tr id="planning-table-header-row">
+                                <th class="sticky-team-col">{% trans "Équipes" %}</th>
+                                <!-- Les colonnes de jours seront injectées en JS -->
+                            </tr>
+                        </thead>
+                        <tbody id="planning-table-body">
+                            <!-- Les lignes d'équipes seront injectées en JS -->
+                        </tbody>
+                    </table>
+                </div>
+
+                <!-- Volet latéral : Membres & Filtres -->
+                <div class="planning-sidebar-wrapper">
+                    <div class="planning-sidebar-header">
+                        <div class="d-flex justify-content-between align-items-center mb-2">
+                            <span class="fw-semibold text-dark">
+                                <i class="bi bi-person-lines-fill me-1 text-primary"></i>{% trans "Membres" %}
+                            </span>
+                            <span class="badge bg-secondary rounded-pill" id="planning-sidebar-count">0</span>
+                        </div>
+
+                        <!-- Recherche -->
+                        <div class="mb-2">
+                            <input type="search" class="form-control form-control-sm" id="planning-member-search" placeholder="{% trans 'Rechercher un membre…' %}">
+                        </div>
+
+                        <!-- Filtres Profil / Rôle -->
+                        <div class="row g-1">
+                            <div class="col-6">
+                                <select class="form-select form-select-sm" id="planning-role-filter">
+                                    <option value="">{% trans "Tous les rôles" %}</option>
+                                </select>
+                            </div>
+                            <div class="col-6">
+                                <select class="form-select form-select-sm" id="planning-presence-filter">
+                                    <option value="all">{% trans "Tous" %}</option>
+                                    <option value="present">{% trans "Présents" %}</option>
+                                    <option value="absent">{% trans "Absents" %}</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="planning-sidebar-body" id="planning-sidebar-members">
+                        <!-- Liste des membres injectée en JS -->
                     </div>
                 </div>
 
-                <div class="card-body p-2">
-                    <ul class="sortable-members list-unstyled mb-0"
-                        data-team-id="{{ team.id }}"
-                        id="members-{{ team.id }}">
-                        {% for member in team.members.all %}
-                        <li class="member-card mb-2" data-member-id="{{ member.id }}"{% if member.user %} data-user-id="{{ member.user.id }}"{% endif %}>
-                            {% if can_edit %}
-                            <i class="bi bi-grip-vertical drag-handle fs-5"></i>
-                            {% endif %}
-                            <div class="member-info">
-                                <strong>{{ member.name }}</strong>
-                                {% if member.user %}
-                                <small>{{ member.user.get_full_name|default:member.user.username }}</small>
-                                {% endif %}
-                            </div>
-                            {% if can_edit %}
-                            <div class="member-actions">
-                                <button class="btn btn-sm btn-outline-secondary"
-                                        title="{% trans 'Déplacer vers une autre équipe' %}"
-                                        onclick="openMoveMemberModal({{ member.id }}, '{{ member.name|escapejs }}', {{ team.id }})">
-                                    <i class="bi bi-arrow-left-right"></i>
-                                </button>
-                                <button class="btn btn-sm btn-outline-danger"
-                                        title="{% trans 'Supprimer ce membre' %}"
-                                        onclick="deleteMember({{ member.id }}, '{{ member.name|escapejs }}')">
-                                    <i class="bi bi-trash"></i>
-                                </button>
-                            </div>
-                            {% endif %}
-                        </li>
-                        {% empty %}
-                        <li class="empty-placeholder" id="empty-{{ team.id }}">
-                            <i class="bi bi-inbox d-block mb-1" style="font-size:1.2rem;"></i>
-                            {% trans "Aucun membre" %}
-                        </li>
-                        {% endfor %}
-                    </ul>
-                </div>
-
-                <div class="card-footer text-muted small py-1 px-2">
-                    <span id="count-{{ team.id }}">{{ team.members.count }}</span>
-                    {% trans "membre(s)" %}
-                </div>
             </div>
+
         </div>
-        {% endfor %}
+
     </div>
-    {% endif %}
 
 </div>
 
@@ -288,8 +681,160 @@
      ============================================================ -->
 {% if can_edit %}
 
+<!-- Modale 1 : Avertissement de déplacement immédiat (Onglet 1) -->
+<div class="modal fade" id="confirmImmediateMoveModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header border-bottom-0 pb-0">
+                <h5 class="modal-title text-warning">
+                    <i class="bi bi-exclamation-triangle-fill me-2"></i>{% trans "Changement d'équipe immédiat" %}
+                </h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body py-3">
+                <p class="mb-2">
+                    {% trans "Ce déplacement modifie l'équipe de" %} <strong id="immediateMoveMemberName"></strong> {% trans "immédiatement pour aujourd'hui." %}
+                </p>
+                <div class="alert alert-warning py-2 px-3 small mb-0">
+                    <i class="bi bi-info-circle me-1"></i>
+                    {% trans "Pour planifier des affectations d'équipes pour demain ou les jours futurs sans impacter la journée en cours, utilisez l'onglet" %} <strong>« {% trans "Planification des équipes" %} »</strong>.
+                </div>
+            </div>
+            <div class="modal-footer border-top-0 pt-0">
+                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnCancelImmediateMove" data-bs-dismiss="modal">
+                    {% trans "Annuler" %}
+                </button>
+                <button type="button" class="btn btn-sm btn-warning fw-semibold" id="btnConfirmImmediateMove">
+                    <i class="bi bi-check2 me-1"></i>{% trans "Confirmer le changement immédiat" %}
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
 
-<!-- Modale : Ajouter un membre -->
+<!-- Modale 2 : Duplication de planification -->
+<div class="modal fade" id="duplicatePlanningModal" tabindex="-1" aria-labelledby="duplicatePlanningModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="duplicatePlanningModalLabel">
+                    <i class="bi bi-copy me-2 text-primary"></i>{% trans "Dupliquer la configuration des équipes" %}
+                </h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <!-- Mode de duplication -->
+                <div class="mb-3">
+                    <label class="form-label fw-semibold">{% trans "Que souhaitez-vous dupliquer ?" %}</label>
+                    <div class="d-flex gap-3">
+                        <div class="form-check">
+                            <input class="form-check-input" type="radio" name="dupMode" id="dupModeDay" value="day" checked>
+                            <label class="form-check-label" for="dupModeDay">{% trans "Une journée" %}</label>
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input" type="radio" name="dupMode" id="dupModeWeek" value="week">
+                            <label class="form-check-label" for="dupModeWeek">{% trans "Une semaine complète" %}</label>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Section Journée -->
+                <div id="dupSectionDay">
+                    <div class="row g-2 mb-3">
+                        <div class="col-6">
+                            <label class="form-label small fw-semibold">{% trans "Jour source" %}</label>
+                            <input type="text" class="form-control form-control-sm" id="dupSourceDate">
+                        </div>
+                        <div class="col-6">
+                            <label class="form-label small fw-semibold">{% trans "Jour cible" %}</label>
+                            <input type="text" class="form-control form-control-sm" id="dupTargetDate">
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Section Semaine -->
+                <div id="dupSectionWeek" class="d-none">
+                    <div class="row g-2 mb-3">
+                        <div class="col-6">
+                            <label class="form-label small fw-semibold">{% trans "Semaine source (Lundi)" %}</label>
+                            <input type="text" class="form-control form-control-sm" id="dupSourceWeek">
+                        </div>
+                        <div class="col-6">
+                            <label class="form-label small fw-semibold">{% trans "Semaine cible (Lundi)" %}</label>
+                            <input type="text" class="form-control form-control-sm" id="dupTargetWeek">
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Option Absences -->
+                <div class="form-check form-switch mb-3">
+                    <input class="form-check-input" type="checkbox" id="dupCopyAbsences">
+                    <label class="form-check-label small" for="dupCopyAbsences">
+                        {% trans "Copier également les statuts d'absence" %}
+                    </label>
+                </div>
+
+                <div id="dupModalAlert" class="alert alert-danger d-none small"></div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Annuler" %}</button>
+                <button type="button" class="btn btn-primary" id="btnSubmitDuplicate" onclick="submitDuplicatePlanning()">
+                    <i class="bi bi-copy me-1"></i>{% trans "Dupliquer" %}
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Modale 3 : Détails et bascule de l'absence -->
+<div class="modal fade" id="absenceModal" tabindex="-1" aria-labelledby="absenceModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h6 class="modal-title" id="absenceModalLabel">
+                    <i class="bi bi-person-x text-danger me-1"></i>{% trans "Gestion de l'absence" %}
+                </h6>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <input type="hidden" id="absenceMemberId">
+                <input type="hidden" id="absenceDate">
+
+                <div class="mb-2 text-center">
+                    <strong id="absenceMemberName"></strong>
+                    <div class="text-muted small" id="absenceDateDisplay"></div>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label small fw-semibold">{% trans "Motif d'absence" %}</label>
+                    <select class="form-select form-select-sm" id="absenceReason">
+                        <option value="conge">{% trans "Congé / RTT" %}</option>
+                        <option value="maladie">{% trans "Maladie / Arrêt" %}</option>
+                        <option value="formation">{% trans "Formation" %}</option>
+                        <option value="autre">{% trans "Autre" %}</option>
+                    </select>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label small fw-semibold">{% trans "Commentaire (optionnel)" %}</label>
+                    <input type="text" class="form-control form-control-sm" id="absenceComment" placeholder="{% trans 'Précisions…' %}">
+                </div>
+
+                <div id="absenceModalError" class="alert alert-danger d-none small"></div>
+            </div>
+            <div class="modal-footer d-flex justify-content-between">
+                <button type="button" class="btn btn-sm btn-outline-success" id="btnRemoveAbsence" onclick="submitToggleAbsence(false)">
+                    <i class="bi bi-person-check me-1"></i>{% trans "Présent" %}
+                </button>
+                <button type="button" class="btn btn-sm btn-danger" id="btnSetAbsence" onclick="submitToggleAbsence(true)">
+                    <i class="bi bi-person-x me-1"></i>{% trans "Marquer Absent" %}
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Modale : Ajouter un membre (existant) -->
 <div class="modal fade" id="addMemberModal" tabindex="-1" aria-labelledby="addMemberModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -328,7 +873,7 @@
     </div>
 </div>
 
-<!-- Modale : Éditer un membre (nom + équipe) -->
+<!-- Modale : Éditer un membre (nom + équipe) (existant) -->
 <div class="modal fade" id="moveMemberModal" tabindex="-1" aria-labelledby="moveMemberModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -371,7 +916,7 @@
 
 {% endif %}
 
-<!-- Modale : Interventions assignées à une équipe -->
+<!-- Modale : Interventions assignées à une équipe (existant) -->
 <div class="modal fade" id="teamInterventionsModal" tabindex="-1" aria-labelledby="teamInterventionsModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
         <div class="modal-content">
@@ -393,7 +938,7 @@
     </div>
 </div>
 
-<!-- Modale : Résumé d’intervention -->
+<!-- Modale : Résumé d’intervention (existant) -->
 <div class="modal fade" id="teamInterventionSummaryModal" tabindex="-1" aria-labelledby="teamInterventionSummaryModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
         <div class="modal-content">
@@ -419,8 +964,11 @@
 
 {% block script %}
 <script src="{% static 'common/jquery-ui.min.js' %}"></script>
+<script src="{% static 'common/flatpickr.min.js' %}"></script>
+
 <script>
 const CSRF_TOKEN = '{{ csrf_token }}';
+const CAN_EDIT_TEAMS = {% if can_edit %}true{% else %}false{% endif %};
 
 function postJSON(url, data, onSuccess, onError) {
     $.ajax({
@@ -447,10 +995,22 @@ function postJSON(url, data, onSuccess, onError) {
     });
 }
 
+function escapeHtml(str) {
+    if (str == null) return '';
+    return String(str)
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+
 {% if can_edit %}
 // ───────────────────────────────────────────────
-// Drag & drop entre équipes (jQuery UI Sortable)
+// Onglet 1 : Drag & drop avec Avertissement Immédiat
 // ───────────────────────────────────────────────
+let _pendingMove = null;
+
 $(function () {
     $('.sortable-members').sortable({
         connectWith: '.sortable-members',
@@ -458,34 +1018,62 @@ $(function () {
         handle: '.drag-handle',
         tolerance: 'pointer',
         receive: function (event, ui) {
-            const memberId  = ui.item.data('member-id');
+            const memberId = ui.item.data('member-id');
+            const memberName = ui.item.data('member-name') || ui.item.find('strong').text().trim();
             const rawTeamId = $(this).data('team-id');
-            // rawTeamId === '' means unassigned column
             const teamIdPayload = (rawTeamId === '' || rawTeamId === null || rawTeamId === undefined) ? null : rawTeamId;
             
-            // Get source team column ID
             const rawOldTeamId = ui.sender.data('team-id');
             const oldTeamIdPayload = (rawOldTeamId === '' || rawOldTeamId === null || rawOldTeamId === undefined) ? null : rawOldTeamId;
 
-            // Appel AJAX pour persister le déplacement
-            postJSON(
-                `/contracts/teams/members/${memberId}/move/`,
-                { team_id: teamIdPayload, old_team_id: oldTeamIdPayload },
-                function(resp) {
-                    // Mettre à jour les compteurs sans rechargement
-                    updateCounters();
-                    updateEmptyPlaceholders();
-                },
-                function(errMsg) {
-                    // En cas d'erreur, annuler le déplacement visuel et recharger
-                    alert(errMsg);
-                    location.reload();
-                }
-            );
+            // Préparer l'action en attente de confirmation
+            _pendingMove = {
+                memberId: memberId,
+                teamIdPayload: teamIdPayload,
+                oldTeamIdPayload: oldTeamIdPayload,
+                senderSortable: ui.sender,
+                item: ui.item
+            };
+
+            // Afficher la modale d'avertissement
+            $('#immediateMoveMemberName').text(memberName);
+            const modalEl = document.getElementById('confirmImmediateMoveModal');
+            const modal = new bootstrap.Modal(modalEl);
+            modal.show();
         }
     });
     $('.sortable-members').disableSelection();
 
+    // Bouton Confirmer de la modale d'avertissement
+    $('#btnConfirmImmediateMove').on('click', function() {
+        if (!_pendingMove) return;
+        const moveData = _pendingMove;
+        _pendingMove = null;
+        bootstrap.Modal.getInstance(document.getElementById('confirmImmediateMoveModal')).hide();
+
+        postJSON(
+            `/contracts/teams/members/${moveData.memberId}/move/`,
+            { team_id: moveData.teamIdPayload, old_team_id: moveData.oldTeamIdPayload },
+            function(resp) {
+                updateCounters();
+                updateEmptyPlaceholders();
+            },
+            function(errMsg) {
+                alert(errMsg);
+                location.reload();
+            }
+        );
+    });
+
+    // Bouton Annuler de la modale d'avertissement
+    $('#confirmImmediateMoveModal').on('hidden.bs.modal', function () {
+        if (_pendingMove) {
+            // Annuler le déplacement visuel
+            $(_pendingMove.senderSortable).sortable('cancel');
+            _pendingMove = null;
+        }
+    });
+
     // Auto-fill member name when user is selected
     $('#newMemberUser').on('change', function() {
         const text = $(this).find('option:selected').text().trim();
@@ -498,17 +1086,17 @@ $(function () {
 
 function updateCounters() {
     $('.sortable-members').each(function() {
-        const rawId  = $(this).data('team-id');
-        const colId  = (rawId === '' || rawId === null || rawId === undefined) ? 'unassigned' : rawId;
-        const count  = $(this).find('li.member-card').length;
+        const rawId = $(this).data('team-id');
+        const colId = (rawId === '' || rawId === null || rawId === undefined) ? 'unassigned' : rawId;
+        const count = $(this).find('li.member-card').length;
         $(`#count-${colId}`).text(count);
     });
 }
 
 function updateEmptyPlaceholders() {
     $('.sortable-members').each(function() {
-        const rawId  = $(this).data('team-id');
-        const colId  = (rawId === '' || rawId === null || rawId === undefined) ? 'unassigned' : rawId;
+        const rawId = $(this).data('team-id');
+        const colId = (rawId === '' || rawId === null || rawId === undefined) ? 'unassigned' : rawId;
         const hasMembers = $(this).find('li.member-card').length > 0;
         const placeholder = $(`#empty-${colId}`);
         if (hasMembers) {
@@ -519,17 +1107,12 @@ function updateEmptyPlaceholders() {
     });
 }
 
-// ───────────────────────────────────────────────
-// Éditer un membre via modale (nom + équipe)
-// ───────────────────────────────────────────────
 function openMoveMemberModal(memberId, memberName, currentTeamId) {
     document.getElementById('moveMemberId').value = memberId;
     document.getElementById('moveOldTeamId').value = (currentTeamId !== null && currentTeamId !== undefined) ? currentTeamId : '';
     document.getElementById('editMemberName').value = memberName;
     const sel = document.getElementById('moveToTeamId');
-    // Réinitialiser sur "ne pas modifier"
     sel.value = '';
-    // Désactiver l'équipe courante + "désassigner" si déjà non assigné
     for (const opt of sel.options) {
         if (opt.value === 'unassign') {
             opt.disabled = (currentTeamId === null || currentTeamId === undefined);
@@ -544,7 +1127,7 @@ function openMoveMemberModal(memberId, memberName, currentTeamId) {
 function confirmMoveMember() {
     const memberId = document.getElementById('moveMemberId').value;
     const oldTeamId = document.getElementById('moveOldTeamId').value;
-    const newName  = document.getElementById('editMemberName').value.trim();
+    const newName = document.getElementById('editMemberName').value.trim();
     const selected = document.getElementById('moveToTeamId').value;
 
     if (!newName) {
@@ -568,9 +1151,6 @@ function confirmMoveMember() {
     );
 }
 
-// ───────────────────────────────────────────────
-// Ajouter un membre
-// ───────────────────────────────────────────────
 function openAddMemberModal(teamId, teamName, teamCompanyId) {
     document.getElementById('addMemberTeamId').value = teamId !== null ? teamId : '';
     const title = teamId !== null
@@ -580,14 +1160,11 @@ function openAddMemberModal(teamId, teamName, teamCompanyId) {
     document.getElementById('newMemberName').value = '';
     document.getElementById('newMemberUser').value = '';
 
-    // Disable users who are already in this team
     const colId = teamId !== null ? teamId : 'unassigned';
     const existingUserIds = [];
     $(`#members-${colId} li.member-card`).each(function() {
         const uid = $(this).data('user-id');
-        if (uid) {
-            existingUserIds.push(parseInt(uid));
-        }
+        if (uid) existingUserIds.push(parseInt(uid));
     });
 
     const isUserAdmin = {% if is_admin %}true{% else %}false{% endif %};
@@ -608,11 +1185,7 @@ function openAddMemberModal(teamId, teamName, teamCompanyId) {
 
             if (alreadyInTeam || !matchesCompany) {
                 opt.disabled = true;
-                if (!matchesCompany) {
-                    opt.style.display = 'none';
-                } else {
-                    opt.style.display = '';
-                }
+                opt.style.display = !matchesCompany ? 'none' : '';
             } else {
                 opt.disabled = false;
                 opt.style.display = '';
@@ -625,12 +1198,12 @@ function openAddMemberModal(teamId, teamName, teamCompanyId) {
 }
 
 function createMember() {
-    const name   = document.getElementById('newMemberName').value.trim();
+    const name = document.getElementById('newMemberName').value.trim();
     const userId = document.getElementById('newMemberUser').value;
     const teamId = document.getElementById('addMemberTeamId').value;
 
     document.getElementById('addMemberError').classList.add('d-none');
-    if (!name)   { showError('addMemberError', "{% trans 'Le nom du membre est requis.' %}"); return; }
+    if (!name) { showError('addMemberError', "{% trans 'Le nom du membre est requis.' %}"); return; }
     if (!userId) { showError('addMemberError', '{% trans "L\'utilisateur est requis."|escapejs %}'); return; }
 
     postJSON(
@@ -644,9 +1217,6 @@ function createMember() {
     );
 }
 
-// ───────────────────────────────────────────────
-// Supprimer un membre
-// ───────────────────────────────────────────────
 function deleteMember(memberId, memberName) {
     if (!confirm(`{% trans "Supprimer le membre" %} « ${memberName} » ? {% trans "Cette action est irréversible." %}`)) return;
 
@@ -658,9 +1228,6 @@ function deleteMember(memberId, memberName) {
     );
 }
 
-// ───────────────────────────────────────────────
-// Utilitaire
-// ───────────────────────────────────────────────
 function showError(elementId, message) {
     const el = document.getElementById(elementId);
     el.textContent = message;
@@ -668,8 +1235,521 @@ function showError(elementId, message) {
 }
 {% endif %}
 
+
 // ───────────────────────────────────────────────
-// Modale interventions de l'équipe
+// ONGLET 2 : MOTEUR DE PLANIFICATION DES ÉQUIPES
+// ───────────────────────────────────────────────
+let _planningState = {
+    anchorDate: new Date().toISOString().split('T')[0],
+    viewMode: 'week',
+    companyId: '',
+    data: null,
+    members: [],
+    flatpickrInstance: null,
+};
+
+// Initialisation au chargement de la page
+document.addEventListener('DOMContentLoaded', function() {
+    // Initialiser Flatpickr sur la toolbar
+    _planningState.flatpickrInstance = flatpickr("#planning-datepicker", {
+        defaultDate: _planningState.anchorDate,
+        dateFormat: "Y-m-d",
+        onChange: function(selectedDates, dateStr) {
+            if (dateStr) {
+                _planningState.anchorDate = dateStr;
+                loadPlanningData();
+            }
+        }
+    });
+
+    // Gestion des boutons de navigation de la toolbar
+    $('#btn-planning-prev').on('click', function() {
+        navigatePlanningDate(-1);
+    });
+    $('#btn-planning-next').on('click', function() {
+        navigatePlanningDate(1);
+    });
+    $('#btn-planning-today').on('click', function() {
+        _planningState.anchorDate = new Date().toISOString().split('T')[0];
+        _planningState.flatpickrInstance.setDate(_planningState.anchorDate);
+        loadPlanningData();
+    });
+    $('#btn-refresh-planning').on('click', function() {
+        loadPlanningData();
+    });
+
+    // Changement de mode de vue (5j / 7j / 14j)
+    $('#planning-viewmode-group button').on('click', function() {
+        $('#planning-viewmode-group button').removeClass('btn-primary').addClass('btn-outline-primary');
+        $(this).removeClass('btn-outline-primary').addClass('btn-primary');
+        _planningState.viewMode = $(this).data('mode');
+        loadPlanningData();
+    });
+
+    // Filtre société
+    $('#planning-company-filter').on('change', function() {
+        _planningState.companyId = $(this).val();
+        loadPlanningData();
+    });
+
+    // Filtres du volet latéral (Sidebar)
+    $('#planning-member-search, #planning-role-filter, #planning-presence-filter').on('input change', function() {
+        filterSidebarMembers();
+    });
+
+    // Chargement automatique lors du premier clic sur l'onglet Planification
+    let planningLoadedOnce = false;
+    $('#tab-planning-btn').on('shown.bs.tab', function() {
+        if (!planningLoadedOnce) {
+            planningLoadedOnce = true;
+            loadPlanningData();
+        }
+    });
+
+    // Mode duplication modal switch
+    $('input[name="dupMode"]').on('change', function() {
+        if ($(this).val() === 'week') {
+            $('#dupSectionDay').addClass('d-none');
+            $('#dupSectionWeek').removeClass('d-none');
+        } else {
+            $('#dupSectionDay').removeClass('d-none');
+            $('#dupSectionWeek').addClass('d-none');
+        }
+    });
+
+    $('#btn-open-duplicate-modal').on('click', function() {
+        openDuplicateModal();
+    });
+});
+
+function navigatePlanningDate(direction) {
+    const d = new Date(_planningState.anchorDate);
+    const step = _planningState.viewMode === 'two_weeks' ? 14 : 7;
+    d.setDate(d.getDate() + (direction * step));
+    _planningState.anchorDate = d.toISOString().split('T')[0];
+    _planningState.flatpickrInstance.setDate(_planningState.anchorDate);
+    loadPlanningData();
+}
+
+function loadPlanningData() {
+    $('#planning-loading-spinner').removeClass('d-none');
+
+    const params = new URLSearchParams({
+        date: _planningState.anchorDate,
+        view_mode: _planningState.viewMode,
+    });
+    if (_planningState.companyId) {
+        params.append('company_id', _planningState.companyId);
+    }
+
+    fetch(`/contracts/teams/planning/data/?${params.toString()}`, {
+        headers: { 'X-Requested-With': 'XMLHttpRequest' }
+    })
+    .then(r => {
+        if (!r.ok) throw new Error('Network error');
+        return r.json();
+    })
+    .then(data => {
+        $('#planning-loading-spinner').addClass('d-none');
+        _planningState.data = data;
+        _planningState.members = data.members || [];
+        renderPlanningMatrix(data);
+        renderPlanningSidebar(data);
+        updateCompaniesFilter(data.companies || []);
+    })
+    .catch(err => {
+        $('#planning-loading-spinner').addClass('d-none');
+        alert("{% trans 'Erreur lors du chargement de la planification.' %}");
+    });
+}
+
+function updateCompaniesFilter(companies) {
+    const sel = document.getElementById('planning-company-filter');
+    const currentVal = sel.value;
+    sel.innerHTML = '<option value="">{% trans "Toutes les sociétés" %}</option>';
+    companies.forEach(c => {
+        const opt = document.createElement('option');
+        opt.value = c.id;
+        opt.textContent = c.name;
+        if (c.id == currentVal) opt.selected = true;
+        sel.appendChild(opt);
+    });
+}
+
+function renderPlanningMatrix(data) {
+    const days = data.days || [];
+    const teams = data.teams || [];
+
+    // 1. Rendu des en-têtes
+    const theadRow = document.getElementById('planning-table-header-row');
+    theadRow.innerHTML = `<th class="sticky-team-col">{% trans "Équipes" %}</th>`;
+
+    days.forEach(day => {
+        const th = document.createElement('th');
+        let headerClasses = [];
+        if (day.is_today) headerClasses.push('is-today-header');
+        if (day.is_weekend) headerClasses.push('is-weekend-header');
+        th.className = headerClasses.join(' ');
+
+        th.innerHTML = `
+            <div class="d-flex justify-content-between align-items-center">
+                <div class="flex-grow-1 text-center">
+                    <div class="small text-uppercase text-muted" style="font-size:0.75rem;">${escapeHtml(day.day_short)}</div>
+                    <div class="fw-bold fs-6">${escapeHtml(day.day_num)}</div>
+                    ${day.is_today ? '<span class="badge bg-primary text-white mt-1" style="font-size:0.65rem;">{% trans "Aujourd\'hui" %}</span>' : ''}
+                </div>
+                ${CAN_EDIT_TEAMS ? `
+                <div class="dropdown">
+                    <button class="btn btn-sm btn-link text-muted p-0 dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" title="{% trans 'Options de la journée' %}"></button>
+                    <ul class="dropdown-menu dropdown-menu-end shadow-sm">
+                        <li>
+                            <a class="dropdown-item small" href="javascript:void(0)" onclick="openDuplicateModalForDay('${day.date}')">
+                                <i class="bi bi-copy me-2 text-primary"></i>{% trans "Dupliquer cette journée…" %}
+                            </a>
+                        </li>
+                    </ul>
+                </div>` : ''}
+            </div>
+        `;
+        theadRow.appendChild(th);
+    });
+
+    // 2. Rendu des lignes d'équipes
+    const tbody = document.getElementById('planning-table-body');
+    tbody.innerHTML = '';
+
+    if (teams.length === 0) {
+        tbody.innerHTML = `<tr><td colspan="${days.length + 1}" class="text-center text-muted py-4">{% trans "Aucune équipe trouvée." %}</td></tr>`;
+        return;
+    }
+
+    teams.forEach(team => {
+        const tr = document.createElement('tr');
+
+        // Colonne Équipe sticky gauche
+        const teamTd = document.createElement('td');
+        teamTd.className = 'sticky-team-col';
+        teamTd.innerHTML = `
+            <div class="fw-semibold text-truncate text-dark">${escapeHtml(team.name)}</div>
+            <div class="text-muted small text-truncate" style="font-size:0.75rem;">${escapeHtml(team.company_name)}</div>
+        `;
+        tr.appendChild(teamTd);
+
+        // Colonnes des jours
+        days.forEach(day => {
+            const cellTd = document.createElement('td');
+            let cellClasses = ['planning-drop-cell'];
+            if (day.is_today) cellClasses.push('is-today-cell');
+            if (day.is_weekend) cellClasses.push('is-weekend-cell');
+            cellTd.className = cellClasses.join(' ');
+            cellTd.dataset.teamId = team.id;
+            cellTd.dataset.date = day.date;
+
+            const membersOnDay = (team.days && team.days[day.date]) ? team.days[day.date] : [];
+
+            membersOnDay.forEach(m => {
+                const card = createPlanningMemberCard(m, team.id, day.date, team.can_edit);
+                cellTd.appendChild(card);
+            });
+
+            tr.appendChild(cellTd);
+        });
+
+        tbody.appendChild(tr);
+    });
+
+    initPlanningDragAndDrop();
+}
+
+function createPlanningMemberCard(member, teamId, dateStr, canEdit) {
+    const card = document.createElement('div');
+    card.className = `planning-member-card ${member.is_absent ? 'is-absent' : ''}`;
+    card.dataset.memberId = member.id;
+    card.dataset.teamId = teamId;
+    card.dataset.date = dateStr;
+    card.dataset.memberName = member.name;
+
+    const initials = member.name ? member.name.substring(0, 2).toUpperCase() : '??';
+
+    let absenceBadge = '';
+    if (member.is_absent) {
+        const reasonDisplay = (member.absence && member.absence.reason_display) ? member.absence.reason_display : "{% trans 'Absent' %}";
+        absenceBadge = `<span class="badge bg-danger text-white me-1" style="font-size:0.65rem;" title="${escapeHtml(member.absence?.comment || '')}"><i class="bi bi-person-x-fill me-1"></i>${escapeHtml(reasonDisplay)}</span>`;
+    }
+
+    card.innerHTML = `
+        <div class="planning-member-info" title="${escapeHtml(member.name)}">
+            <span class="member-name-text fw-semibold">${escapeHtml(member.name)}</span>
+            ${absenceBadge}
+        </div>
+        ${canEdit ? `
+        <div class="planning-card-actions">
+            <button type="button" class="btn btn-sm btn-link p-0 text-muted btn-absence-toggle" title="${member.is_absent ? '{% trans "Modifier ou annuler l\'absence" %}' : '{% trans "Marquer absent" %}'}" onclick="openAbsenceModal(${member.id}, '${escapeHtml(member.name)}', '${dateStr}', ${member.is_absent ? 'true' : 'false'}, '${escapeHtml(member.absence?.reason || 'conge')}', '${escapeHtml(member.absence?.comment || '')}')">
+                <i class="bi ${member.is_absent ? 'bi-person-x-fill text-danger' : 'bi-person-check text-muted'}"></i>
+            </button>
+            <button type="button" class="btn btn-sm btn-link p-0 text-muted" title="{% trans 'Désassigner de cette équipe' %}" onclick="unassignMemberFromDate(${member.id}, '${dateStr}')">
+                <i class="bi bi-x fs-6"></i>
+            </button>
+        </div>` : ''}
+    `;
+
+    return card;
+}
+
+function initPlanningDragAndDrop() {
+    if (!CAN_EDIT_TEAMS) return;
+
+    // Cartes de membres dans la grille draggables
+    $('.planning-member-card').draggable({
+        revert: 'invalid',
+        cursor: 'grabbing',
+        helper: 'clone',
+        zIndex: 1000,
+        opacity: 0.85,
+        start: function(event, ui) {
+            $(ui.helper).addClass('shadow-lg border-primary');
+        }
+    });
+
+    // Cartes de membres du volet latéral draggables
+    $('.sidebar-member-item').draggable({
+        revert: 'invalid',
+        cursor: 'grabbing',
+        helper: 'clone',
+        zIndex: 1000,
+        opacity: 0.9,
+        start: function(event, ui) {
+            $(ui.helper).addClass('shadow-lg border-primary');
+        }
+    });
+
+    // Cellules de dépôt
+    $('.planning-drop-cell').droppable({
+        accept: '.planning-member-card, .sidebar-member-item',
+        hoverClass: 'drag-over',
+        tolerance: 'pointer',
+        drop: function(event, ui) {
+            const memberId = ui.draggable.data('memberId');
+            const targetTeamId = $(this).data('teamId');
+            const targetDate = $(this).data('date');
+
+            if (!memberId || !targetTeamId || !targetDate) return;
+
+            postJSON(
+                '/contracts/teams/planning/assign/',
+                {
+                    member_id: parseInt(memberId),
+                    team_id: parseInt(targetTeamId),
+                    date: targetDate,
+                },
+                function(resp) {
+                    loadPlanningData();
+                },
+                function(err) {
+                    alert(err);
+                }
+            );
+        }
+    });
+}
+
+function renderPlanningSidebar(data) {
+    const members = data.members || [];
+    const sidebarContainer = document.getElementById('planning-sidebar-members');
+    const roleSelect = document.getElementById('planning-role-filter');
+
+    // Mettre à jour les rôles dans le filtre
+    const rolesSet = new Set();
+    members.forEach(m => {
+        (m.roles || []).forEach(r => rolesSet.add(r));
+    });
+
+    const currentRole = roleSelect.value;
+    roleSelect.innerHTML = '<option value="">{% trans "Tous les rôles" %}</option>';
+    Array.from(rolesSet).sort().forEach(r => {
+        const opt = document.createElement('option');
+        opt.value = r;
+        opt.textContent = r;
+        if (r === currentRole) opt.selected = true;
+        roleSelect.appendChild(opt);
+    });
+
+    filterSidebarMembers();
+}
+
+function filterSidebarMembers() {
+    const members = _planningState.members || [];
+    const searchVal = ($('#planning-member-search').val() || '').toLowerCase().trim();
+    const selectedRole = $('#planning-role-filter').val();
+    const presenceFilter = $('#planning-presence-filter').val();
+
+    const sidebarContainer = document.getElementById('planning-sidebar-members');
+    sidebarContainer.innerHTML = '';
+
+    let visibleCount = 0;
+
+    members.forEach(m => {
+        // Filtre recherche nom
+        const nameMatch = !searchVal || m.name.toLowerCase().includes(searchVal) || (m.user_display && m.user_display.toLowerCase().includes(searchVal));
+        if (!nameMatch) return;
+
+        // Filtre rôle
+        if (selectedRole && !(m.roles || []).includes(selectedRole)) return;
+
+        visibleCount++;
+
+        const initials = m.name ? m.name.substring(0, 2).toUpperCase() : '??';
+        const card = document.createElement('div');
+        card.className = 'sidebar-member-item';
+        card.dataset.memberId = m.id;
+        card.dataset.memberName = m.name;
+
+        card.innerHTML = `
+            <div class="d-flex align-items-center gap-2 overflow-hidden">
+                <div class="member-avatar-pill">${escapeHtml(initials)}</div>
+                <div class="overflow-hidden">
+                    <div class="fw-semibold text-truncate small text-dark">${escapeHtml(m.name)}</div>
+                    <div class="text-muted small text-truncate" style="font-size:0.72rem;">${escapeHtml(m.user_display || '')}</div>
+                </div>
+            </div>
+            <i class="bi bi-grip-vertical text-muted"></i>
+        `;
+
+        sidebarContainer.appendChild(card);
+    });
+
+    $('#planning-sidebar-count').text(visibleCount);
+    initPlanningDragAndDrop();
+}
+
+function unassignMemberFromDate(memberId, dateStr) {
+    if (!confirm("{% trans 'Désassigner ce membre à partir de cette date ?' %}")) return;
+
+    postJSON(
+        '/contracts/teams/planning/assign/',
+        {
+            member_id: parseInt(memberId),
+            team_id: null,
+            date: dateStr,
+        },
+        function(resp) {
+            loadPlanningData();
+        },
+        function(err) {
+            alert(err);
+        }
+    );
+}
+
+// ───────────────────────────────────────────────
+// Modale Absence
+// ───────────────────────────────────────────────
+function openAbsenceModal(memberId, memberName, dateStr, isAbsent, reason, comment) {
+    $('#absenceMemberId').val(memberId);
+    $('#absenceDate').val(dateStr);
+    $('#absenceMemberName').text(memberName);
+    $('#absenceDateDisplay').text(dateStr);
+    $('#absenceReason').val(reason || 'conge');
+    $('#absenceComment').val(comment || '');
+    $('#absenceModalError').addClass('d-none');
+
+    if (isAbsent) {
+        $('#btnRemoveAbsence').removeClass('d-none');
+    } else {
+        $('#btnRemoveAbsence').addClass('d-none');
+    }
+
+    new bootstrap.Modal(document.getElementById('absenceModal')).show();
+}
+
+function submitToggleAbsence(isAbsent) {
+    const memberId = $('#absenceMemberId').val();
+    const dateStr = $('#absenceDate').val();
+    const reason = $('#absenceReason').val();
+    const comment = $('#absenceComment').val();
+
+    postJSON(
+        '/contracts/teams/planning/absence/',
+        {
+            member_id: parseInt(memberId),
+            date: dateStr,
+            is_absent: isAbsent,
+            reason: reason,
+            comment: comment,
+        },
+        function(resp) {
+            bootstrap.Modal.getInstance(document.getElementById('absenceModal')).hide();
+            loadPlanningData();
+        },
+        function(err) {
+            $('#absenceModalError').text(err).removeClass('d-none');
+        }
+    );
+}
+
+// ───────────────────────────────────────────────
+// Modale Duplication
+// ───────────────────────────────────────────────
+function openDuplicateModal() {
+    const todayStr = new Date().toISOString().split('T')[0];
+    $('#dupSourceDate').val(_planningState.anchorDate || todayStr);
+
+    const d = new Date(_planningState.anchorDate || todayStr);
+    d.setDate(d.getDate() + 1);
+    $('#dupTargetDate').val(d.toISOString().split('T')[0]);
+
+    $('#dupSourceWeek').val(_planningState.anchorDate || todayStr);
+    const dWeek = new Date(_planningState.anchorDate || todayStr);
+    dWeek.setDate(dWeek.getDate() + 7);
+    $('#dupTargetWeek').val(dWeek.toISOString().split('T')[0]);
+
+    $('#dupModalAlert').addClass('d-none');
+    new bootstrap.Modal(document.getElementById('duplicatePlanningModal')).show();
+}
+
+function openDuplicateModalForDay(dateStr) {
+    openDuplicateModal();
+    $('#dupSourceDate').val(dateStr);
+    const d = new Date(dateStr);
+    d.setDate(d.getDate() + 1);
+    $('#dupTargetDate').val(d.toISOString().split('T')[0]);
+}
+
+function submitDuplicatePlanning() {
+    const mode = $('input[name="dupMode"]:checked').val();
+    const sourceDate = mode === 'week' ? $('#dupSourceWeek').val() : $('#dupSourceDate').val();
+    const targetDate = mode === 'week' ? $('#dupTargetWeek').val() : $('#dupTargetDate').val();
+    const copyAbsences = $('#dupCopyAbsences').is(':checked');
+
+    if (!sourceDate || !targetDate) {
+        $('#dupModalAlert').text("{% trans 'Veuillez renseigner les dates source et cible.' %}").removeClass('d-none');
+        return;
+    }
+
+    $('#btnSubmitDuplicate').prop('disabled', true);
+
+    postJSON(
+        '/contracts/teams/planning/duplicate/',
+        {
+            mode: mode,
+            source_date: sourceDate,
+            target_date: targetDate,
+            copy_absences: copyAbsences,
+        },
+        function(resp) {
+            $('#btnSubmitDuplicate').prop('disabled', false);
+            bootstrap.Modal.getInstance(document.getElementById('duplicatePlanningModal')).hide();
+            loadPlanningData();
+        },
+        function(err) {
+            $('#btnSubmitDuplicate').prop('disabled', false);
+            $('#dupModalAlert').text(err).removeClass('d-none');
+        }
+    );
+}
+
+// ───────────────────────────────────────────────
+// Modale Interventions assignées à une équipe (existant)
 // ───────────────────────────────────────────────
 let _currentTeamId = null;
 let _currentTeamName = null;
@@ -748,7 +1828,6 @@ function renderTeamInterventions(data, body, footer) {
 }
 
 function openTeamInterventionSummary(summaryUrl, code) {
-    // Masquer la modale liste, afficher la modale résumé
     const listModalEl = document.getElementById('teamInterventionsModal');
     const summaryModalEl = document.getElementById('teamInterventionSummaryModal');
     const summaryBody = document.getElementById('teamInterventionSummaryModalBody');
@@ -789,24 +1868,16 @@ function initTeamSummaryCarousel(container) {
     thumbBtns.forEach((btn, idx) => btn.addEventListener('click', () => setActive(idx)));
 }
 
-// Bouton "Retour aux interventions" dans la modale résumé
 document.addEventListener('DOMContentLoaded', function () {
-    document.getElementById('teamInterventionSummaryBackBtn').addEventListener('click', function () {
-        bootstrap.Modal.getInstance(document.getElementById('teamInterventionSummaryModal'))?.hide();
-        if (_currentTeamId !== null) {
-            openTeamInterventionsModal(_currentTeamId, _currentTeamName);
-        }
-    });
+    const backBtn = document.getElementById('teamInterventionSummaryBackBtn');
+    if (backBtn) {
+        backBtn.addEventListener('click', function () {
+            bootstrap.Modal.getInstance(document.getElementById('teamInterventionSummaryModal'))?.hide();
+            if (_currentTeamId !== null) {
+                openTeamInterventionsModal(_currentTeamId, _currentTeamName);
+            }
+        });
+    }
 });
-
-function escapeHtml(str) {
-    if (str == null) return '';
-    return String(str)
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
 </script>
 {% endblock script %}
diff --git a/loko/contracts/test_planning.py b/loko/contracts/test_planning.py
new file mode 100644
index 0000000..ad0cb56
--- /dev/null
+++ b/loko/contracts/test_planning.py
@@ -0,0 +1,204 @@
+import json
+from datetime import date, timedelta
+from django.test import TestCase
+from django.contrib.auth import get_user_model
+from django.urls import reverse
+from django.utils import timezone
+
+from contracts.models import Company, CompanyTeam, CompanyMember, CompanyMemberHistory, CompanyMemberAbsence
+from contracts.services_teams import (
+    get_member_team_for_date,
+    set_member_team_schedule,
+    get_teams_composition_for_period,
+    get_member_absences_for_period,
+    toggle_member_absence,
+    duplicate_day_schedule,
+    duplicate_week_schedule,
+    sync_member_current_teams,
+)
+
+User = get_user_model()
+
+
+class TeamPlanningServicesTests(TestCase):
+    def setUp(self):
+        self.user = User.objects.create_user(username="alice", password="password123")
+        self.company = Company.objects.create(name="Acme Corp")
+        self.team_a = CompanyTeam.objects.create(name="Team A", company=self.company)
+        self.team_b = CompanyTeam.objects.create(name="Team B", company=self.company)
+        self.member_alice = CompanyMember.objects.create(name="Alice", user=self.user)
+
+    def test_schedule_future_team_change_preserves_today(self):
+        """
+        Scénario clé :
+        - Alice est dans l'équipe A aujourd'hui (02/09).
+        - Le coordinateur planifie Alice dans l'équipe B pour demain (03/09).
+        - Alice doit rester dans l'équipe A aujourd'hui et être dans l'équipe B demain.
+        """
+        today = date(2026, 9, 2)
+        tomorrow = date(2026, 9, 3)
+
+        # Alice est affectée à l'équipe A depuis le 01/09
+        set_member_team_schedule(self.member_alice, self.team_a.id, date(2026, 9, 1))
+        
+        # Vérifier qu'elle est bien dans l'équipe A aujourd'hui
+        self.assertEqual(get_member_team_for_date(self.member_alice, today), self.team_a)
+
+        # Planifier l'équipe B pour demain
+        set_member_team_schedule(self.member_alice, self.team_b.id, tomorrow)
+
+        # Vérifier : aujourd'hui elle est TOUJOURS dans l'équipe A
+        self.assertEqual(get_member_team_for_date(self.member_alice, today), self.team_a)
+        # Vérifier : demain elle sera dans l'équipe B
+        self.assertEqual(get_member_team_for_date(self.member_alice, tomorrow), self.team_b)
+        # Vérifier : après-demain elle reste dans l'équipe B (persistance)
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 4)), self.team_b)
+
+    def test_schedule_unassign_for_future_date(self):
+        """Tester la désassignation à une date future."""
+        d1 = date(2026, 9, 1)
+        d2 = date(2026, 9, 5)
+        
+        set_member_team_schedule(self.member_alice, self.team_a.id, d1)
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 3)), self.team_a)
+
+        # Désassigner à partir du 5 septembre
+        set_member_team_schedule(self.member_alice, None, d2)
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 4)), self.team_a)
+        self.assertIsNone(get_member_team_for_date(self.member_alice, d2))
+        self.assertIsNone(get_member_team_for_date(self.member_alice, date(2026, 9, 10)))
+
+    def test_toggle_absence(self):
+        """Tester l'activation et désactivation d'une absence."""
+        target_date = date(2026, 9, 3)
+
+        # Activer l'absence
+        absence = toggle_member_absence(self.member_alice, target_date, is_absent=True, reason='maladie', comment='Grippe')
+        self.assertIsNotNone(absence)
+        self.assertEqual(CompanyMemberAbsence.objects.filter(member=self.member_alice, date=target_date).count(), 1)
+        
+        absences = get_member_absences_for_period({self.member_alice.id}, target_date, target_date)
+        self.assertIn((self.member_alice.id, target_date), absences)
+        self.assertEqual(absences[(self.member_alice.id, target_date)]['reason'], 'maladie')
+
+        # Désactiver l'absence
+        toggle_member_absence(self.member_alice, target_date, is_absent=False)
+        self.assertEqual(CompanyMemberAbsence.objects.filter(member=self.member_alice, date=target_date).count(), 0)
+
+    def test_duplicate_day_schedule(self):
+        """Tester la duplication de configuration d'un jour vers un autre."""
+        monday = date(2026, 9, 7)
+        tuesday = date(2026, 9, 8)
+
+        # Lundi : Alice en Team A et absente
+        set_member_team_schedule(self.member_alice, self.team_a.id, monday)
+        toggle_member_absence(self.member_alice, monday, is_absent=True, reason='conge')
+
+        # Dupliquer vers mardi avec copie des absences
+        res = duplicate_day_schedule(monday, tuesday, copy_absences=True)
+        self.assertGreaterEqual(res['assigned_count'], 1)
+        self.assertEqual(res['absences_count'], 1)
+
+        # Vérifier l'affectation du mardi
+        self.assertEqual(get_member_team_for_date(self.member_alice, tuesday), self.team_a)
+        self.assertTrue(CompanyMemberAbsence.objects.filter(member=self.member_alice, date=tuesday).exists())
+
+    def test_duplicate_week_schedule(self):
+        """Tester la duplication d'une semaine complète vers la semaine suivante."""
+        w1_monday = date(2026, 9, 7)
+        w2_monday = date(2026, 9, 14)
+
+        set_member_team_schedule(self.member_alice, self.team_a.id, w1_monday)
+        res = duplicate_week_schedule(w1_monday, w2_monday, copy_absences=False)
+        
+        self.assertGreaterEqual(res['assigned_count'], 1)
+        # Vérifier que le mercredi de la semaine 2, Alice est bien en Team A
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 16)), self.team_a)
+
+
+class TeamPlanningAjaxViewsTests(TestCase):
+    def setUp(self):
+        from common.models import UserConfig, Role
+        import json
+
+        self.user = User.objects.create_user(username="admin_user", password="password123")
+        self.user_config = UserConfig.objects.create(user=self.user, is_intern=True)
+        admin_role = Role.objects.create(name="admin")
+        self.user_config.roles.add(admin_role)
+
+        self.company = Company.objects.create(name="Acme Corp")
+        self.team_a = CompanyTeam.objects.create(name="Team A", company=self.company)
+        self.team_b = CompanyTeam.objects.create(name="Team B", company=self.company)
+        
+        self.tech_user = User.objects.create_user(username="alice", password="password123")
+        self.member_alice = CompanyMember.objects.create(name="Alice", user=self.tech_user)
+
+        self.client.login(username="admin_user", password="password123")
+
+    def test_planning_data_ajax(self):
+        url = reverse('contracts:team_planning_data_ajax')
+        response = self.client.get(url, {'date': '2026-09-02', 'view_mode': 'week'})
+        self.assertEqual(response.status_code, 200)
+        data = response.json()
+        self.assertIn('days', data)
+        self.assertEqual(len(data['days']), 7)
+        self.assertIn('teams', data)
+        self.assertIn('members', data)
+
+    def test_planning_assign_member_ajax(self):
+        url = reverse('contracts:team_planning_assign_member_ajax')
+        payload = {
+            'member_id': self.member_alice.id,
+            'team_id': self.team_b.id,
+            'date': '2026-09-03',
+        }
+        response = self.client.post(url, data=json.dumps(payload), content_type='application/json')
+        self.assertEqual(response.status_code, 200)
+        self.assertTrue(response.json()['success'])
+        
+        # Vérifier l'affectation
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 3)), self.team_b)
+
+    def test_planning_toggle_absence_ajax(self):
+        url = reverse('contracts:team_planning_toggle_absence_ajax')
+        payload = {
+            'member_id': self.member_alice.id,
+            'date': '2026-09-04',
+            'is_absent': True,
+            'reason': 'maladie',
+            'comment': 'Rhume',
+        }
+        response = self.client.post(url, data=json.dumps(payload), content_type='application/json')
+        self.assertEqual(response.status_code, 200)
+        self.assertTrue(response.json()['is_absent'])
+        self.assertEqual(CompanyMemberAbsence.objects.filter(member=self.member_alice, date='2026-09-04').count(), 1)
+
+    def test_planning_duplicate_ajax(self):
+        # Assigner Alice le 07/09
+        set_member_team_schedule(self.member_alice, self.team_a.id, date(2026, 9, 7))
+        
+        url = reverse('contracts:team_planning_duplicate_ajax')
+        payload = {
+            'mode': 'day',
+            'source_date': '2026-09-07',
+            'target_date': '2026-09-08',
+            'copy_absences': False,
+        }
+        response = self.client.post(url, data=json.dumps(payload), content_type='application/json')
+        self.assertEqual(response.status_code, 200)
+        self.assertTrue(response.json()['success'])
+        self.assertEqual(get_member_team_for_date(self.member_alice, date(2026, 9, 8)), self.team_a)
+
+    def test_teams_move_member_syncs_history(self):
+        url = reverse('contracts:teams_move_member', args=[self.member_alice.id])
+        payload = {
+            'team_id': self.team_a.id,
+            'old_team_id': None,
+        }
+        response = self.client.post(url, data=json.dumps(payload), content_type='application/json')
+        self.assertEqual(response.status_code, 200)
+        self.assertTrue(response.json()['success'])
+        
+        today = timezone.now().date()
+        self.assertEqual(get_member_team_for_date(self.member_alice, today), self.team_a)
+
diff --git a/loko/contracts/urls.py b/loko/contracts/urls.py
index ef0e21f..3f9a328 100644
--- a/loko/contracts/urls.py
+++ b/loko/contracts/urls.py
@@ -13,6 +13,11 @@ urlpatterns = [
     path('teams/members/<int:member_id>/update/', views_teams.teams_update_member, name='teams_update_member'),
     path('teams/members/<int:member_id>/delete/', views_teams.teams_delete_member, name='teams_delete_member'),
     path('teams/<int:team_id>/interventions/', views_teams.team_interventions_json, name='team_interventions_json'),
+    # Planification des équipes (Calendrier)
+    path('teams/planning/data/', views_teams.team_planning_data_ajax, name='team_planning_data_ajax'),
+    path('teams/planning/assign/', views_teams.team_planning_assign_member_ajax, name='team_planning_assign_member_ajax'),
+    path('teams/planning/absence/', views_teams.team_planning_toggle_absence_ajax, name='team_planning_toggle_absence_ajax'),
+    path('teams/planning/duplicate/', views_teams.team_planning_duplicate_ajax, name='team_planning_duplicate_ajax'),
     path("", views.contracts_index, name="contracts_index"),
     path('<int:contract_id>/', views.contracts_detail, name='contracts_detail'),
     path('orders/available/', views.available_orders, name='available_orders'),
diff --git a/loko/contracts/views_teams.py b/loko/contracts/views_teams.py
index 11d8087..be20ded 100644
--- a/loko/contracts/views_teams.py
+++ b/loko/contracts/views_teams.py
@@ -1,4 +1,5 @@
 import json
+from datetime import date, timedelta, datetime
 
 from django.contrib.auth import get_user_model
 from django.contrib.auth.decorators import login_required
@@ -6,15 +7,28 @@ from django.core.exceptions import PermissionDenied
 from django.http import JsonResponse
 from django.shortcuts import get_object_or_404, render
 from django.db.models import Count, Q
+from django.utils import timezone
+from django.utils.dateparse import parse_date
+from django.utils.translation import gettext as _
 from django.views.decorators.http import require_GET, require_POST
 
-from contracts.models import CompanyMember, CompanyTeam
+from contracts.models import CompanyMember, CompanyTeam, CompanyMemberAbsence
 from contracts.permissions import (
     get_viewable_teams_for_user,
     user_can_edit_specific_team,
     user_can_edit_teams,
     user_can_view_teams,
 )
+from contracts.services_teams import (
+    set_member_team_schedule,
+    get_member_team_for_date,
+    get_teams_composition_for_period,
+    get_member_absences_for_period,
+    toggle_member_absence,
+    duplicate_day_schedule,
+    duplicate_week_schedule,
+    sync_member_current_teams,
+)
 
 User = get_user_model()
 
@@ -135,10 +149,9 @@ def teams_move_member(request, member_id):
     old_team = None
     if old_team_id is not None:
         old_team = get_object_or_404(CompanyTeam, id=old_team_id)
-        member.teams.remove(old_team)
 
-    if new_team_id is not None:
-        member.teams.add(new_team)
+    today = timezone.now().date()
+    set_member_team_schedule(member, new_team_id, today, changed_by=request.user)
 
     member.save()
 
@@ -315,12 +328,9 @@ def teams_update_member(request, member_id):
         else:
             new_team = None
 
-        # Effectuer le transfert
-        if old_team_id is not None:
-            old_team = get_object_or_404(CompanyTeam, id=old_team_id)
-            member.teams.remove(old_team)
-        if new_team_id is not None:
-            member.teams.add(new_team)
+        # Effectuer le transfert via le service de planification (date d'aujourd'hui)
+        today = timezone.now().date()
+        set_member_team_schedule(member, new_team_id, today, changed_by=request.user)
 
     member.name = new_name
     member.save()
@@ -369,3 +379,334 @@ def team_interventions_json(request, team_id):
         })
 
     return JsonResponse({'interventions': data, 'team_name': team.name})
+
+
+# ---------------------------------------------------------------------------
+# Vues AJAX de planification avancée des équipes (Onglet Calendrier)
+# ---------------------------------------------------------------------------
+
+@login_required
+@require_GET
+def team_planning_data_ajax(request):
+    """
+    Retourne la matrice complète de planification des équipes sur une période.
+    Paramètres GET :
+      - date : date d'ancrage (YYYY-MM-DD), par défaut aujourd'hui
+      - view_mode : 'week' (7j, défaut), 'two_weeks' (14j), 'work_week' (5j)
+      - company_id : filtrer sur une société spécifique (optionnel)
+    """
+    if not user_can_view_teams(request.user):
+        raise PermissionDenied("Vous n'avez pas accès à la gestion des équipes.")
+
+    # 1. Déterminer la période
+    date_str = request.GET.get('date')
+    anchor_date = parse_date(date_str) if date_str else timezone.now().date()
+    if not anchor_date:
+        anchor_date = timezone.now().date()
+
+    view_mode = request.GET.get('view_mode', 'week')
+    monday = anchor_date - timedelta(days=anchor_date.weekday())
+
+    if view_mode == 'work_week':
+        num_days = 5
+        start_date = monday
+        end_date = monday + timedelta(days=4)
+    elif view_mode == 'two_weeks':
+        num_days = 14
+        start_date = monday
+        end_date = monday + timedelta(days=13)
+    else:  # 'week' (default)
+        num_days = 7
+        start_date = monday
+        end_date = monday + timedelta(days=6)
+
+    today = timezone.now().date()
+
+    # Construire la liste des jours
+    DAYS_FR_SHORT = ['Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam', 'Dim']
+    DAYS_FR_FULL = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche']
+    MONTHS_FR = ['', 'Janv', 'Févr', 'Mars', 'Avr', 'Mai', 'Juin', 'Juil', 'Août', 'Sept', 'Oct', 'Nov', 'Déc']
+
+    days_list = []
+    for i in range(num_days):
+        d = start_date + timedelta(days=i)
+        w_idx = d.weekday()
+        days_list.append({
+            'date': d.isoformat(),
+            'day_name': DAYS_FR_FULL[w_idx],
+            'day_short': DAYS_FR_SHORT[w_idx],
+            'day_num': f"{d.day:02d}/{d.month:02d}",
+            'formatted': f"{DAYS_FR_SHORT[w_idx]} {d.day:02d} {MONTHS_FR[d.month]}",
+            'is_today': d == today,
+            'is_weekend': w_idx >= 5,
+        })
+
+    # 2. Récupérer les équipes autorisées
+    teams_qs = get_viewable_teams_for_user(request.user).select_related('company')
+    raw_company_id = request.GET.get('company_id')
+    if raw_company_id:
+        try:
+            teams_qs = teams_qs.filter(company_id=int(raw_company_id))
+        except (ValueError, TypeError):
+            pass
+
+    teams = list(teams_qs.order_by('company__name', 'name'))
+    team_ids = {t.id for t in teams}
+
+    # 3. Récupérer la composition des équipes sur la période
+    compositions = get_teams_composition_for_period(team_ids, start_date, end_date)
+
+    # 4. Récupérer tous les membres disponibles pour la sidebar
+    is_admin_user = _is_admin(request.user)
+    user_company = _get_user_company(request.user)
+
+    all_members_qs = CompanyMember.objects.select_related('user', 'user__config').order_by('name')
+    if not is_admin_user and user_company is not None:
+        all_members_qs = all_members_qs.filter(user__config__company=user_company)
+
+    all_members = list(all_members_qs)
+    all_member_ids = {m.id for m in all_members}
+
+    # 5. Récupérer les absences
+    absences = get_member_absences_for_period(all_member_ids, start_date, end_date)
+
+    # 6. Structurer les données des équipes
+    teams_data = []
+    for t in teams:
+        can_edit_this = user_can_edit_specific_team(request.user, t.id)
+        days_dict = {}
+        for i in range(num_days):
+            d = start_date + timedelta(days=i)
+            d_str = d.isoformat()
+            members_on_day = []
+            for m in compositions.get((t.id, d), []):
+                m_id = m['id']
+                abs_info = absences.get((m_id, d))
+                members_on_day.append({
+                    'id': m_id,
+                    'name': m['name'],
+                    'user_id': m.get('user_id'),
+                    'is_absent': abs_info is not None,
+                    'absence': abs_info,
+                })
+            days_dict[d_str] = members_on_day
+
+        teams_data.append({
+            'id': t.id,
+            'name': t.name,
+            'company_id': t.company_id,
+            'company_name': t.company.name if t.company else '',
+            'can_edit': can_edit_this,
+            'days': days_dict,
+        })
+
+    # 7. Structurer les membres pour le volet latéral (Sidebar)
+    members_data = []
+    for m in all_members:
+        roles = []
+        if m.user and hasattr(m.user, 'config'):
+            roles = list(m.user.config.roles.values_list('name', flat=True))
+
+        members_data.append({
+            'id': m.id,
+            'name': m.name,
+            'user_display': m.user.get_full_name() or m.user.username if m.user else '',
+            'roles': roles,
+            'company_ids': list(m.teams.values_list('company_id', flat=True)),
+        })
+
+    # 8. Récupérer les sociétés pour le filtre de la toolbar
+    companies_dict = {}
+    for t in teams:
+        if t.company_id and t.company:
+            companies_dict[t.company_id] = t.company.name
+
+    companies_list = [{'id': cid, 'name': cname} for cid, cname in sorted(companies_dict.items(), key=lambda x: x[1])]
+
+    return JsonResponse({
+        'days': days_list,
+        'teams': teams_data,
+        'members': members_data,
+        'companies': companies_list,
+        'start_date': start_date.isoformat(),
+        'end_date': end_date.isoformat(),
+        'anchor_date': anchor_date.isoformat(),
+        'view_mode': view_mode,
+        'can_edit': user_can_edit_teams(request.user),
+    })
+
+
+@login_required
+@require_POST
+def team_planning_assign_member_ajax(request):
+    """
+    Assigne ou déplace un membre vers une équipe à une date donnée (AJAX).
+    Payload JSON : { member_id, team_id, date } (team_id peut être null pour désassigner)
+    """
+    try:
+        data = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({"error": "JSON invalide"}, status=400)
+
+    member_id = data.get("member_id")
+    raw_team_id = data.get("team_id")
+    date_str = data.get("date")
+
+    if not member_id or not date_str:
+        return JsonResponse({"error": "Paramètres member_id et date requis."}, status=400)
+
+    target_date = parse_date(date_str)
+    if not target_date:
+        return JsonResponse({"error": "Date invalide."}, status=400)
+
+    member = get_object_or_404(CompanyMember, id=member_id)
+    viewable = get_viewable_teams_for_user(request.user)
+
+    team_id = int(raw_team_id) if raw_team_id is not None else None
+    if team_id is not None:
+        if not viewable.filter(id=team_id).exists():
+            raise PermissionDenied("Accès refusé.")
+        if not user_can_edit_specific_team(request.user, team_id):
+            raise PermissionDenied("Droits d'édition insuffisants.")
+    else:
+        if not user_can_edit_teams(request.user):
+            raise PermissionDenied("Droits d'édition insuffisants.")
+
+    # Effectuer la planification
+    set_member_team_schedule(
+        member=member,
+        team_id=team_id,
+        target_date=target_date,
+        changed_by=request.user,
+        sync_current=True,
+    )
+
+    return JsonResponse({
+        "success": True,
+        "member_id": member.id,
+        "member_name": member.name,
+        "team_id": team_id,
+        "date": target_date.isoformat(),
+    })
+
+
+@login_required
+@require_POST
+def team_planning_toggle_absence_ajax(request):
+    """
+    Active ou désactive l'absence d'un membre pour une date donnée (AJAX).
+    Payload JSON : { member_id, date, is_absent, reason, comment }
+    """
+    if not user_can_edit_teams(request.user):
+        raise PermissionDenied("Droits d'édition insuffisants.")
+
+    try:
+        data = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({"error": "JSON invalide"}, status=400)
+
+    member_id = data.get("member_id")
+    date_str = data.get("date")
+    is_absent = bool(data.get("is_absent", True))
+    reason = data.get("reason", "conge")
+    comment = data.get("comment", "")
+
+    if not member_id or not date_str:
+        return JsonResponse({"error": "Paramètres member_id et date requis."}, status=400)
+
+    target_date = parse_date(date_str)
+    if not target_date:
+        return JsonResponse({"error": "Date invalide."}, status=400)
+
+    member = get_object_or_404(CompanyMember, id=member_id)
+
+    absence_obj = toggle_member_absence(
+        member=member,
+        target_date=target_date,
+        is_absent=is_absent,
+        reason=reason,
+        comment=comment,
+        created_by=request.user,
+    )
+
+    return JsonResponse({
+        "success": True,
+        "member_id": member.id,
+        "date": target_date.isoformat(),
+        "is_absent": is_absent,
+        "reason": absence_obj.reason if absence_obj else None,
+        "reason_display": absence_obj.get_reason_display() if absence_obj else None,
+        "comment": absence_obj.comment if absence_obj else "",
+    })
+
+
+@login_required
+@require_POST
+def team_planning_duplicate_ajax(request):
+    """
+    Duplique la configuration d'une journée ou d'une semaine vers une autre date cible (AJAX).
+    Payload JSON : { mode: 'day'|'week', source_date, target_date, copy_absences }
+    """
+    if not user_can_edit_teams(request.user):
+        raise PermissionDenied("Droits d'édition insuffisants.")
+
+    try:
+        data = json.loads(request.body)
+    except (json.JSONDecodeError, ValueError):
+        return JsonResponse({"error": "JSON invalide"}, status=400)
+
+    mode = data.get("mode", "day")
+    source_date_str = data.get("source_date")
+    target_date_str = data.get("target_date")
+    copy_absences = bool(data.get("copy_absences", False))
+
+    if not source_date_str or not target_date_str:
+        return JsonResponse({"error": "Dates source et cible requises."}, status=400)
+
+    source_date = parse_date(source_date_str)
+    target_date = parse_date(target_date_str)
+
+    if not source_date or not target_date:
+        return JsonResponse({"error": "Format de date invalide."}, status=400)
+
+    # Récupérer les équipes que l'utilisateur a le droit d'éditer
+    viewable = get_viewable_teams_for_user(request.user)
+    if not _is_admin(request.user):
+        from contracts.models import UserCompanyTeamAccess
+        editable_ids = set(
+            UserCompanyTeamAccess.objects.filter(
+                user_config__user=request.user,
+                can_edit=True
+            ).values_list('team_id', flat=True)
+        )
+        allowed_team_ids = set(viewable.filter(id__in=editable_ids).values_list('id', flat=True))
+    else:
+        allowed_team_ids = set(viewable.values_list('id', flat=True))
+
+    if mode == "week":
+        # S'assurer de pointer sur les lundis
+        source_monday = source_date - timedelta(days=source_date.weekday())
+        target_monday = target_date - timedelta(days=target_date.weekday())
+        res = duplicate_week_schedule(
+            source_monday=source_monday,
+            target_monday=target_monday,
+            allowed_team_ids=allowed_team_ids,
+            copy_absences=copy_absences,
+            changed_by=request.user,
+        )
+    else:
+        res = duplicate_day_schedule(
+            source_date=source_date,
+            target_date=target_date,
+            allowed_team_ids=allowed_team_ids,
+            copy_absences=copy_absences,
+            changed_by=request.user,
+        )
+
+    return JsonResponse({
+        "success": True,
+        "mode": mode,
+        "assigned_count": res['assigned_count'],
+        "absences_count": res['absences_count'],
+    })
+
diff --git a/loko/interventions/views/calendar.py b/loko/interventions/views/calendar.py
index 4f17913..41a7eed 100644
--- a/loko/interventions/views/calendar.py
+++ b/loko/interventions/views/calendar.py
@@ -81,7 +81,7 @@ from interventions.views.drafts import InterventionDraftManager
 from interventions.utils import resolve_intervention_localisations
 
 from common.models import UserConfig, UserContractAccess, UserContractStatusPermission, Thematic, UserThematics
-from contracts.models import ContractOrder, ContractPost, Contract, Company, CompanyTeam, CompanyMember, UserCompanyTeamAccess, CompanyMemberHistory
+from contracts.models import ContractOrder, ContractPost, Contract, Company, CompanyTeam, CompanyMember, UserCompanyTeamAccess, CompanyMemberHistory, CompanyMemberAbsence
 from contracts.permissions import get_allowed_contracts_for_user, user_has_access_to_contract_order
 from projects.models import Project, ProjectIntervention
 from assets.models import (
@@ -990,10 +990,24 @@ def _interventions_events_by_teams_daily(
             for h in active:
                 team_compositions_sets[(h['team_id'], d)].add((m_id, member_name))
                 
+    # 5.b Récupérer les absences pour cette semaine
+    absences_map = {
+        (a.member_id, a.date): a.get_reason_display()
+        for a in CompanyMemberAbsence.objects.filter(date__range=(start_date, end_date))
+    }
+
     # Convert sets to sorted lists of dicts for consistency and default to empty list on missing access
     team_compositions = defaultdict(list)
-    for key, members_set in team_compositions_sets.items():
-        team_compositions[key] = [{'id': mid, 'name': mname} for mid, mname in sorted(list(members_set), key=lambda x: x[1])]
+    for (t_id, d_val), members_set in team_compositions_sets.items():
+        team_compositions[(t_id, d_val)] = [
+            {
+                'id': mid,
+                'name': mname,
+                'is_absent': (mid, d_val) in absences_map,
+                'absence_reason': absences_map.get((mid, d_val)),
+            }
+            for mid, mname in sorted(list(members_set), key=lambda x: x[1])
+        ]
         
     # 6. Retrieve assignments for the 7 days
     # Filter assignments by the interventions list (which already has user view permissions and search filters applied!)