diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -433,395 +433,7 @@
             border-left: 4px solid var(--danger-color);
         }
         
-        /* Modal pour la saisie */
-        .modal {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.5);
-            z-index: 1000;
-            align-items: center;
-            justify-content: center;
-        }
-        
-        .modal-content {
-            background: white;
-            border-radius: 15px;
-            padding: 2rem;
-            width: 90%;
-            max-width: 600px;
-            max-height: 80vh;
-            overflow-y: auto;
-            animation: slideIn 0.3s ease;
-        }
-        
-        @keyframes slideIn {
-            from { transform: translateY(-20px); opacity: 0; }
-            to { transform: translateY(0); opacity: 1; }
-        }
-        
-        .modal-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 1.5rem;
-            padding-bottom: 1rem;
-            border-bottom: 2px solid #f1f5f9;
-        }
-        
-        .modal-title {
-            font-size: 1.5rem;
-            color: var(--dark-color);
-        }
-        
-        .modal-close {
-            background: none;
-            border: none;
-            font-size: 1.5rem;
-            color: var(--gray-color);
-            cursor: pointer;
-        }
-        
-        /* Heatmap d'activité */
-        .heatmap-container {
-            margin-top: 2rem;
-        }
-        
-        .heatmap-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 1.5rem;
-        }
-        
-        .heatmap-title {
-            font-size: 1.3rem;
-            color: var(--dark-color);
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-        
-        .heatmap-controls {
-            display: flex;
-            gap: 10px;
-        }
-        
-        .heatmap-period {
-            padding: 8px 15px;
-            border: 2px solid #e2e8f0;
-            border-radius: 8px;
-            background: #f8fafc;
-            cursor: pointer;
-            transition: all 0.3s;
-        }
-        
-        .heatmap-period:hover {
-            border-color: var(--primary-color);
-        }
-        
-        .heatmap-period.active {
-            background: var(--primary-color);
-            color: white;
-            border-color: var(--primary-color);
-        }
-        
-        .heatmap-grid {
-            display: grid;
-            grid-template-columns: auto repeat(7, 1fr);
-            gap: 8px;
-            margin-top: 1rem;
-        }
-        
-        .heatmap-day-label {
-            text-align: right;
-            padding: 10px;
-            font-weight: 600;
-            color: var(--dark-color);
-        }
-        
-        .heatmap-cell {
-            aspect-ratio: 1;
-            border-radius: 4px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 0.8rem;
-            font-weight: bold;
-            cursor: pointer;
-            transition: transform 0.2s;
-        }
-        
-        .heatmap-cell:hover {
-            transform: scale(1.1);
-            z-index: 10;
-        }
-        
-        .heatmap-intensity-0 { background: #f1f5f9; color: var(--gray-color); }
-        .heatmap-intensity-1 { background: #dbeafe; color: var(--dark-color); }
-        .heatmap-intensity-2 { background: #93c5fd; color: white; }
-        .heatmap-intensity-3 { background: #3b82f6; color: white; }
-        .heatmap-intensity-4 { background: #1d4ed8; color: white; }
-        
-        .heatmap-week-label {
-            text-align: center;
-            padding: 5px;
-            font-size: 0.9rem;
-            color: var(--gray-color);
-        }
-        
-        .heatmap-legend {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            gap: 15px;
-            margin-top: 1.5rem;
-            padding-top: 1.5rem;
-            border-top: 2px solid #f1f5f9;
-        }
-        
-        .legend-item {
-            display: flex;
-            align-items: center;
-            gap: 5px;
-        }
-        
-        .legend-color {
-            width: 20px;
-            height: 20px;
-            border-radius: 4px;
-        }
-        
-        /* Indicateurs de gestion du temps */
-        .time-management-stats {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 20px;
-            margin-top: 2rem;
-        }
-        
-        .time-stat-card {
-            background: white;
-            border-radius: 12px;
-            padding: 1.5rem;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-            border-top: 4px solid var(--secondary-color);
-        }
-        
-        .time-stat-header {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            margin-bottom: 1rem;
-        }
-        
-        .time-stat-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1.2rem;
-            color: white;
-        }
-        
-        .time-stat-value {
-            font-size: 2.5rem;
-            font-weight: bold;
-            color: var(--secondary-color);
-            margin: 10px 0;
-        }
-        
-        .time-stat-description {
-            color: var(--gray-color);
-            font-size: 0.9rem;
-            margin-top: 5px;
-        }
-        
-        .progress-circle {
-            width: 100px;
-            height: 100px;
-            position: relative;
-            margin: 0 auto;
-        }
-        
-        .progress-circle svg {
-            width: 100%;
-            height: 100%;
-        }
-        
-        .progress-text {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            font-size: 1.5rem;
-            font-weight: bold;
-            color: var(--secondary-color);
-        }
-        
-        /* Effort Pattern */
-        .effort-pattern {
-            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
-            border-radius: 12px;
-            padding: 1.5rem;
-            margin-top: 2rem;
-        }
-        
-        .pattern-badge {
-            display: inline-block;
-            padding: 8px 15px;
-            background: linear-gradient(135deg, #f59e0b, #d97706);
-            color: white;
-            border-radius: 20px;
-            font-weight: bold;
-            margin-bottom: 1rem;
-        }
-        
-        .pattern-details {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 15px;
-            margin-top: 1rem;
-        }
-        
-        .pattern-item {
-            background: white;
-            padding: 1rem;
-            border-radius: 8px;
-            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
-        }
-        
-        .pattern-label {
-            font-size: 0.9rem;
-            color: var(--gray-color);
-            margin-bottom: 5px;
-        }
-        
-        .pattern-value {
-            font-size: 1.1rem;
-            font-weight: bold;
-            color: var(--dark-color);
-        }
-        
-        /* Persistance */
-        .persistence-section {
-            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
-            border-radius: 12px;
-            padding: 1.5rem;
-            margin-top: 2rem;
-            border-left: 5px solid #f59e0b;
-        }
-        
-        .persistence-header {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            margin-bottom: 1rem;
-        }
-        
-        .persistence-level {
-            font-size: 1.5rem;
-            font-weight: bold;
-            color: #d97706;
-        }
-        
-        .persistence-details {
-            margin-top: 1rem;
-        }
-        
-        .persistence-item {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            margin-bottom: 10px;
-            padding: 8px;
-            background: rgba(255, 255, 255, 0.5);
-            border-radius: 8px;
-        }
-        
-        /* Form Elements */
-        .form-group {
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-label {
-            display: block;
-            margin-bottom: 0.5rem;
-            font-weight: 600;
-            color: var(--dark-color);
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-        
-        .form-control {
-            width: 100%;
-            padding: 12px 15px;
-            border: 2px solid #e2e8f0;
-            border-radius: 10px;
-            font-size: 1rem;
-            transition: all 0.3s;
-            background: #f8fafc;
-        }
-        
-        .form-control:focus {
-            outline: none;
-            border-color: var(--primary-color);
-            background: white;
-            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-        }
-        
-        .form-row {
-            display: flex;
-            gap: 20px;
-            margin-bottom: 1.5rem;
-        }
-        
-        .form-col {
-            flex: 1;
-        }
-        
-        /* Buttons */
-        .btn {
-            padding: 12px 25px;
-            border: none;
-            border-radius: 10px;
-            font-size: 1rem;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.3s;
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            gap: 10px;
-        }
-        
-        .btn-primary {
-            background: linear-gradient(135deg, var(--primary-color) 0%, #2563eb 100%);
-            color: white;
-        }
-        
-        .btn-primary:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);
-        }
-        
-        .btn-secondary {
-            background: var(--secondary-color);
-            color: white;
-        }
-        
-        .btn-large {
-            padding: 15px 30px;
-            font-size: 1.1rem;
-        }
-        
-        /* Productivity Options - STYLE MODIFIÉ */
+        /* Objectif Section */
         .productivity-grid {
             display: grid;
             grid-template-columns: 1fr 1fr;
@@ -953,19 +565,115 @@
             box-shadow: 0 3px 10px rgba(139, 92, 246, 0.1);
         }
         
-        /* Visualizations */
-        .visualization-container {
-            background: white;
-            border-radius: 15px;
-            padding: 2rem;
-            margin-top: 2rem;
-            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
+        /* Quality Indicators */
+        .quality-indicator {
+            display: flex;
+            gap: 10px;
+            margin: 15px 0;
         }
         
-        .chart-container {
-            position: relative;
-            height: 400px;
+        .quality-dot {
+            width: 25px;
+            height: 25px;
+            border-radius: 50%;
+            cursor: pointer;
+            transition: all 0.3s;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-weight: bold;
+            font-size: 0.8rem;
+        }
+        
+        .quality-dot:hover {
+            transform: scale(1.2);
+        }
+        
+        .quality-0 { background: linear-gradient(135deg, #ef4444, #dc2626); }
+        .quality-1 { background: linear-gradient(135deg, #f59e0b, #d97706); }
+        .quality-2 { background: linear-gradient(135deg, #10b981, #059669); }
+        .quality-3 { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
+        
+        .quality-dot.active {
+            box-shadow: 0 0 0 3px white, 0 0 0 6px currentColor;
+        }
+        
+        /* Form Elements */
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+        
+        .form-label {
+            display: block;
+            margin-bottom: 0.5rem;
+            font-weight: 600;
+            color: var(--dark-color);
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .form-control {
             width: 100%;
+            padding: 12px 15px;
+            border: 2px solid #e2e8f0;
+            border-radius: 10px;
+            font-size: 1rem;
+            transition: all 0.3s;
+            background: #f8fafc;
+        }
+        
+        .form-control:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            background: white;
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+        }
+        
+        .form-row {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 1.5rem;
+        }
+        
+        .form-col {
+            flex: 1;
+        }
+        
+        /* Buttons */
+        .btn {
+            padding: 12px 25px;
+            border: none;
+            border-radius: 10px;
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+        }
+        
+        .btn-primary {
+            background: linear-gradient(135deg, var(--primary-color) 0%, #2563eb 100%);
+            color: white;
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);
+        }
+        
+        .btn-secondary {
+            background: var(--secondary-color);
+            color: white;
+        }
+        
+        .btn-large {
+            padding: 15px 30px;
+            font-size: 1.1rem;
         }
         
         /* Planner Cards */
@@ -1025,14 +733,19 @@
             border-bottom: 1px dashed #e2e8f0;
         }
         
-        /* Notifications */
-        .notification-card {
-            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
-            border-left: 5px solid var(--warning-color);
-            padding: 1.5rem;
-            border-radius: 12px;
-            margin-bottom: 1rem;
-            animation: slideIn 0.5s ease;
+        /* Visualizations */
+        .visualization-container {
+            background: white;
+            border-radius: 15px;
+            padding: 2rem;
+            margin-top: 2rem;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
+        }
+        
+        .chart-container {
+            position: relative;
+            height: 400px;
+            width: 100%;
         }
         
         /* Stats Cards */
@@ -1058,43 +771,129 @@
             margin: 10px 0;
         }
         
-        .stat-label {
-            color: var(--gray-color);
+        .stat-label {
+            color: var(--gray-color);
+            font-size: 0.9rem;
+        }
+        
+        /* Heatmap d'activité */
+        .heatmap-container {
+            margin-top: 2rem;
+        }
+        
+        .heatmap-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 1.5rem;
+        }
+        
+        .heatmap-title {
+            font-size: 1.3rem;
+            color: var(--dark-color);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .heatmap-controls {
+            display: flex;
+            gap: 10px;
+        }
+        
+        .heatmap-period {
+            padding: 8px 15px;
+            border: 2px solid #e2e8f0;
+            border-radius: 8px;
+            background: #f8fafc;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        
+        .heatmap-period:hover {
+            border-color: var(--primary-color);
+        }
+        
+        .heatmap-period.active {
+            background: var(--primary-color);
+            color: white;
+            border-color: var(--primary-color);
+        }
+        
+        .heatmap-grid {
+            display: grid;
+            grid-template-columns: auto repeat(7, 1fr);
+            gap: 8px;
+            margin-top: 1rem;
+        }
+        
+        .heatmap-day-label {
+            text-align: right;
+            padding: 10px;
+            font-weight: 600;
+            color: var(--dark-color);
+        }
+        
+        .heatmap-cell {
+            aspect-ratio: 1;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 0.8rem;
+            font-weight: bold;
+            cursor: pointer;
+            transition: transform 0.2s;
+        }
+        
+        .heatmap-cell:hover {
+            transform: scale(1.1);
+            z-index: 10;
+        }
+        
+        .heatmap-intensity-0 { background: #f1f5f9; color: var(--gray-color); }
+        .heatmap-intensity-1 { background: #dbeafe; color: var(--dark-color); }
+        .heatmap-intensity-2 { background: #93c5fd; color: white; }
+        .heatmap-intensity-3 { background: #3b82f6; color: white; }
+        .heatmap-intensity-4 { background: #1d4ed8; color: white; }
+        
+        .heatmap-week-label {
+            text-align: center;
+            padding: 5px;
             font-size: 0.9rem;
+            color: var(--gray-color);
         }
         
-        /* Quality Indicators */
-        .quality-indicator {
+        .heatmap-legend {
             display: flex;
-            gap: 10px;
-            margin: 15px 0;
+            justify-content: center;
+            align-items: center;
+            gap: 15px;
+            margin-top: 1.5rem;
+            padding-top: 1.5rem;
+            border-top: 2px solid #f1f5f9;
         }
         
-        .quality-dot {
-            width: 25px;
-            height: 25px;
-            border-radius: 50%;
-            cursor: pointer;
-            transition: all 0.3s;
+        .legend-item {
             display: flex;
             align-items: center;
-            justify-content: center;
-            color: white;
-            font-weight: bold;
-            font-size: 0.8rem;
+            gap: 5px;
         }
         
-        .quality-dot:hover {
-            transform: scale(1.2);
+        .legend-color {
+            width: 20px;
+            height: 20px;
+            border-radius: 4px;
         }
         
-        .quality-0 { background: linear-gradient(135deg, #ef4444, #dc2626); }
-        .quality-1 { background: linear-gradient(135deg, #f59e0b, #d97706); }
-        .quality-2 { background: linear-gradient(135deg, #10b981, #059669); }
-        .quality-3 { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
-        
-        .quality-dot.active {
-            box-shadow: 0 0 0 3px white, 0 0 0 6px currentColor;
+        /* Notifications */
+        .notification-card {
+            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+            border-left: 5px solid var(--warning-color);
+            padding: 1.5rem;
+            border-radius: 12px;
+            margin-bottom: 1rem;
+            animation: fadeIn 0.5s ease;
         }
         
         /* ============================================ */
@@ -1370,17 +1169,219 @@
             color: var(--secondary-color);
         }
         
-        .dashboardEM-change.negative {
-            background: rgba(239, 68, 68, 0.1);
-            color: var(--danger-color);
+        .dashboardEM-change.negative {
+            background: rgba(239, 68, 68, 0.1);
+            color: var(--danger-color);
+        }
+        
+        .dashboardEM-trend {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            font-size: 0.9rem;
+            color: var(--gray-color);
+        }
+        
+        /* Indicateurs de gestion du temps */
+        .time-management-stats {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-top: 2rem;
+        }
+        
+        .time-stat-card {
+            background: white;
+            border-radius: 12px;
+            padding: 1.5rem;
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+            border-top: 4px solid var(--secondary-color);
+        }
+        
+        .time-stat-header {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-bottom: 1rem;
+        }
+        
+        .time-stat-icon {
+            width: 40px;
+            height: 40px;
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.2rem;
+            color: white;
+            background: linear-gradient(135deg, #10b981, #059669);
+        }
+        
+        .time-stat-value {
+            font-size: 2.5rem;
+            font-weight: bold;
+            color: var(--secondary-color);
+            margin: 10px 0;
+        }
+        
+        .time-stat-description {
+            color: var(--gray-color);
+            font-size: 0.9rem;
+            margin-top: 5px;
+        }
+        
+        .progress-circle {
+            width: 100px;
+            height: 100px;
+            position: relative;
+            margin: 0 auto;
+        }
+        
+        .progress-circle svg {
+            width: 100%;
+            height: 100%;
+        }
+        
+        .progress-text {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            font-size: 1.5rem;
+            font-weight: bold;
+            color: var(--secondary-color);
+        }
+        
+        /* Modal pour la saisie */
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .modal-content {
+            background: white;
+            border-radius: 15px;
+            padding: 2rem;
+            width: 90%;
+            max-width: 600px;
+            max-height: 80vh;
+            overflow-y: auto;
+            animation: slideIn 0.3s ease;
+        }
+        
+        @keyframes slideIn {
+            from { transform: translateY(-20px); opacity: 0; }
+            to { transform: translateY(0); opacity: 1; }
+        }
+        
+        .modal-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 1.5rem;
+            padding-bottom: 1rem;
+            border-bottom: 2px solid #f1f5f9;
+        }
+        
+        .modal-title {
+            font-size: 1.5rem;
+            color: var(--dark-color);
+        }
+        
+        .modal-close {
+            background: none;
+            border: none;
+            font-size: 1.5rem;
+            color: var(--gray-color);
+            cursor: pointer;
+        }
+        
+        /* Effort Pattern */
+        .effort-pattern {
+            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+            border-radius: 12px;
+            padding: 1.5rem;
+            margin-top: 2rem;
+        }
+        
+        .pattern-badge {
+            display: inline-block;
+            padding: 8px 15px;
+            background: linear-gradient(135deg, #f59e0b, #d97706);
+            color: white;
+            border-radius: 20px;
+            font-weight: bold;
+            margin-bottom: 1rem;
+        }
+        
+        .pattern-details {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 15px;
+            margin-top: 1rem;
+        }
+        
+        .pattern-item {
+            background: white;
+            padding: 1rem;
+            border-radius: 8px;
+            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
+        }
+        
+        .pattern-label {
+            font-size: 0.9rem;
+            color: var(--gray-color);
+            margin-bottom: 5px;
+        }
+        
+        .pattern-value {
+            font-size: 1.1rem;
+            font-weight: bold;
+            color: var(--dark-color);
+        }
+        
+        /* Persistance */
+        .persistence-section {
+            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
+            border-radius: 12px;
+            padding: 1.5rem;
+            margin-top: 2rem;
+            border-left: 5px solid #f59e0b;
+        }
+        
+        .persistence-header {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-bottom: 1rem;
+        }
+        
+        .persistence-level {
+            font-size: 1.5rem;
+            font-weight: bold;
+            color: #d97706;
+        }
+        
+        .persistence-details {
+            margin-top: 1rem;
         }
         
-        .dashboardEM-trend {
+        .persistence-item {
             display: flex;
             align-items: center;
-            gap: 5px;
-            font-size: 0.9rem;
-            color: var(--gray-color);
+            gap: 10px;
+            margin-bottom: 10px;
+            padding: 8px;
+            background: rgba(255, 255, 255, 0.5);
+            border-radius: 8px;
         }
         
         /* Responsive */
@@ -1476,12 +1477,11 @@
         <!-- Header -->
         <header class="header">
             <h1><i class="fas fa-graduation-cap"></i> Compagnon Pédagogique</h1>
-            <p>PerseverAId (AI + Aid + Perseverance) – 
-Apprendre à manager l'effort et maintenir la persistance </p>
+            <p>PerseverAId (AI + Aid + Perseverance) – Apprendre à manager l'effort et maintenir la persistance</p>
             <div class="badge">PerseverAId (AI + Aid + Perseverance)</div>
         </header>
         
-        <!-- Navigation - 7 onglets avec Flashcards -->
+        <!-- Navigation - 7 onglets -->
         <nav class="nav-tabs">
             <button class="nav-tab active" onclick="showTab('profile')">
                 <i class="fas fa-user-circle"></i> Profil Apprenant
@@ -1492,13 +1492,12 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             <button class="nav-tab" onclick="showTab('planner')">
                 <i class="fas fa-calendar-alt"></i> Planner SM-2
             </button>
-        
+            <button class="nav-tab" onclick="showTab('flashcards')">
+                <i class="fas fa-layer-group"></i> Métacognition
+            </button>
             <button class="nav-tab" onclick="showTab('journal')">
                 <i class="fas fa-book"></i> Journal SRL
             </button>
-                <button class="nav-tab" onclick="showTab('flashcards')">
-                    <i class="fas fa-layer-group"></i> Métacognition
-                </button>
             <button class="nav-tab" onclick="showTab('notifications')">
                 <i class="fas fa-bell"></i> Notifications IA
             </button>
@@ -1552,21 +1551,11 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                     <div class="question-item">
                         <div class="question-text">Je suis quelqu'un de sociable, extraverti, énergique</div>
                         <div class="scale-options">
-                            <div class="scale-option" onclick="selectScale('extraversion', 1)">
-                                1<br><span class="scale-label">Pas du tout</span>
-                            </div>
-                            <div class="scale-option" onclick="selectScale('extraversion', 2)">
-                                2<br><span class="scale-label">Un peu</span>
-                            </div>
-                            <div class="scale-option selected" onclick="selectScale('extraversion', 3)">
-                                3<br><span class="scale-label">Modérément</span>
-                            </div>
-                            <div class="scale-option" onclick="selectScale('extraversion', 4)">
-                                4<br><span class="scale-label">Beaucoup</span>
-                            </div>
-                            <div class="scale-option" onclick="selectScale('extraversion', 5)">
-                                5<br><span class="scale-label">Extrêmement</span>
-                            </div>
+                            <div class="scale-option" onclick="selectScale('extraversion', 1)">1</div>
+                            <div class="scale-option" onclick="selectScale('extraversion', 2)">2</div>
+                            <div class="scale-option selected" onclick="selectScale('extraversion', 3)">3</div>
+                            <div class="scale-option" onclick="selectScale('extraversion', 4)">4</div>
+                            <div class="scale-option" onclick="selectScale('extraversion', 5)">5</div>
                         </div>
                     </div>
                     
@@ -1620,14 +1609,14 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                     </div>
                 </div>
                 
-                <!-- Section 2: Motivation Académique (Théorie de l'Autodétermination) -->
+                <!-- Section 2: Motivation Académique -->
                 <div class="questionnaire-section" id="motivation-section">
                     <div class="questionnaire-header">
                         <div class="questionnaire-icon" style="background: linear-gradient(135deg, #10b981, #059669);">
                             <i class="fas fa-fire"></i>
                         </div>
                         <div>
-                            <div class="questionnaire-title">Profil Motivationnel (Théorie de l'Autodétermination)</div>
+                            <div class="questionnaire-title">Profil Motivationnel</div>
                             <div class="questionnaire-description">Pourquoi étudiez-vous ? Sélectionnez vos principales motivations</div>
                         </div>
                     </div>
@@ -1654,220 +1643,12 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                         </div>
                     </div>
                     
-                    <div class="question-item">
-                        <div class="question-text">J'étudie parce que c'est important pour mon futur, pour atteindre mes objectifs personnels</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectMotivation('identified', 1)">1</div>
-                            <div class="scale-option" onclick="selectMotivation('identified', 2)">2</div>
-                            <div class="scale-option selected" onclick="selectMotivation('identified', 3)">3</div>
-                            <div class="scale-option" onclick="selectMotivation('identified', 4)">4</div>
-                            <div class="scale-option" onclick="selectMotivation('identified', 5)">5</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">J'étudie pour éviter les punitions ou les conséquences négatives</div>
-                        <div class="scale-options">
-                            <div class="scale-option selected" onclick="selectMotivation('external', 1)">1</div>
-                            <div class="scale-option" onclick="selectMotivation('external', 2)">2</div>
-                            <div class="scale-option" onclick="selectMotivation('external', 3)">3</div>
-                            <div class="scale-option" onclick="selectMotivation('external', 4)">4</div>
-                            <div class="scale-option" onclick="selectMotivation('external', 5)">5</div>
-                        </div>
-                    </div>
-                    
                     <div class="section-completion section-complete" id="motivation-completion">
                         <i class="fas fa-check-circle" style="color: #10b981;"></i>
                         <span>Section complétée - <strong>Motivation introjectée: 4.0</strong> (pression interne modérée)</span>
                     </div>
                 </div>
                 
-                <!-- Section 3: Habitudes d'Étude -->
-                <div class="questionnaire-section" id="habits-section">
-                    <div class="questionnaire-header">
-                        <div class="questionnaire-icon" style="background: linear-gradient(135deg, #8b5cf6, #7c3aed);">
-                            <i class="fas fa-clock"></i>
-                        </div>
-                        <div>
-                            <div class="questionnaire-title">Habitudes et Préférences d'Étude</div>
-                            <div class="questionnaire-description">Décrivez vos habitudes d'apprentissage actuelles</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">En moyenne, combien d'heures par jour consacrez-vous à l'étude ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectHabit('study_hours', 1)">&lt; 1h</div>
-                            <div class="scale-option" onclick="selectHabit('study_hours', 2)">1-2h</div>
-                            <div class="scale-option" onclick="selectHabit('study_hours', 3)">2-3h</div>
-                            <div class="scale-option" onclick="selectHabit('study_hours', 4)">3-4h</div>
-                            <div class="scale-option" onclick="selectHabit('study_hours', 5)">&gt; 4h</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">À quelle fréquence remettez-vous vos travaux en retard ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectHabit('late_submissions', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectHabit('late_submissions', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectHabit('late_submissions', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectHabit('late_submissions', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectHabit('late_submissions', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Quel est votre taux de complétion des vidéos/ressources ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectHabit('completion_rate', 1)">&lt; 25%</div>
-                            <div class="scale-option" onclick="selectHabit('completion_rate', 2)">25-50%</div>
-                            <div class="scale-option" onclick="selectHabit('completion_rate', 3)">50-75%</div>
-                            <div class="scale-option" onclick="selectHabit('completion_rate', 4)">75-95%</div>
-                            <div class="scale-option" onclick="selectHabit('completion_rate', 5)">100%</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Participez-vous aux forums de discussion ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectHabit('forum_participation', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectHabit('forum_participation', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectHabit('forum_participation', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectHabit('forum_participation', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectHabit('forum_participation', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="section-completion section-incomplete" id="habits-completion">
-                        <i class="fas fa-exclamation-circle" style="color: #ef4444;"></i>
-                        <span>Section incomplète - Remplissez toutes les questions</span>
-                    </div>
-                </div>
-                
-                <!-- Section 4: Bien-être et Stress -->
-                <div class="questionnaire-section" id="wellbeing-section">
-                    <div class="questionnaire-header">
-                        <div class="questionnaire-icon" style="background: linear-gradient(135deg, #f59e0b, #d97706);">
-                            <i class="fas fa-heart"></i>
-                        </div>
-                        <div>
-                            <div class="questionnaire-title">Bien-être et Gestion du Stress</div>
-                            <div class="questionnaire-description">Évaluez votre état émotionnel et votre gestion du stress</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Combien d'heures dormez-vous en moyenne par nuit ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectWellbeing('sleep_hours', 1)">&lt; 5h</div>
-                            <div class="scale-option" onclick="selectWellbeing('sleep_hours', 2)">5-6h</div>
-                            <div class="scale-option" onclick="selectWellbeing('sleep_hours', 3)">6-7h</div>
-                            <div class="scale-option" onclick="selectWellbeing('sleep_hours', 4)">7-8h</div>
-                            <div class="scale-option" onclick="selectWellbeing('sleep_hours', 5)">&gt; 8h</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">À quelle fréquence ressentez-vous du stress lié aux études ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectWellbeing('study_stress', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectWellbeing('study_stress', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectWellbeing('study_stress', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectWellbeing('study_stress', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectWellbeing('study_stress', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Pratiquez-vous des activités de relaxation ou de méditation ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectWellbeing('relaxation', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectWellbeing('relaxation', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectWellbeing('relaxation', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectWellbeing('relaxation', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectWellbeing('relaxation', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Avez-vous déjà ressenti des symptômes de burnout (épuisement, cynisme) ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectWellbeing('burnout_risk', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectWellbeing('burnout_risk', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectWellbeing('burnout_risk', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectWellbeing('burnout_risk', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectWellbeing('burnout_risk', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="section-completion section-incomplete" id="wellbeing-completion">
-                        <i class="fas fa-exclamation-circle" style="color: #ef4444;"></i>
-                        <span>Section incomplète - Remplissez toutes les questions</span>
-                    </div>
-                </div>
-                
-                <!-- Section 5: Soutien et Environnement -->
-                <div class="questionnaire-section" id="support-section">
-                    <div class="questionnaire-header">
-                        <div class="questionnaire-icon" style="background: linear-gradient(135deg, #ec4899, #db2777);">
-                            <i class="fas fa-users"></i>
-                        </div>
-                        <div>
-                            <div class="questionnaire-title">Soutien et Environnement d'Apprentissage</div>
-                            <div class="questionnaire-description">Décrivez votre environnement d'apprentissage et votre réseau de soutien</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Comment évaluez-vous le soutien de vos parents/famille ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectSupport('family_support', 1)">Très faible</div>
-                            <div class="scale-option" onclick="selectSupport('family_support', 2)">Faible</div>
-                            <div class="scale-option" onclick="selectSupport('family_support', 3)">Moyen</div>
-                            <div class="scale-option" onclick="selectSupport('family_support', 4)">Élevé</div>
-                            <div class="scale-option" onclick="selectSupport('family_support', 5)">Très élevé</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Vos parents ont-ils des attentes élevées concernant vos résultats ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectSupport('parental_expectations', 1)">Très basses</div>
-                            <div class="scale-option" onclick="selectSupport('parental_expectations', 2)">Basses</div>
-                            <div class="scale-option" onclick="selectSupport('parental_expectations', 3)">Moyennes</div>
-                            <div class="scale-option" onclick="selectSupport('parental_expectations', 4)">Élevées</div>
-                            <div class="scale-option" onclick="selectSupport('parental_expectations', 5)">Très élevées</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Avez-vous un espace calme et dédié pour étudier ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectSupport('study_environment', 1)">Non</div>
-                            <div class="scale-option" onclick="selectSupport('study_environment', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectSupport('study_environment', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectSupport('study_environment', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectSupport('study_environment', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="question-item">
-                        <div class="question-text">Collaborez-vous avec d'autres étudiants pour étudier ?</div>
-                        <div class="scale-options">
-                            <div class="scale-option" onclick="selectSupport('peer_collaboration', 1)">Jamais</div>
-                            <div class="scale-option" onclick="selectSupport('peer_collaboration', 2)">Rarement</div>
-                            <div class="scale-option" onclick="selectSupport('peer_collaboration', 3)">Parfois</div>
-                            <div class="scale-option" onclick="selectSupport('peer_collaboration', 4)">Souvent</div>
-                            <div class="scale-option" onclick="selectSupport('peer_collaboration', 5)">Toujours</div>
-                        </div>
-                    </div>
-                    
-                    <div class="section-completion section-incomplete" id="support-completion">
-                        <i class="fas fa-exclamation-circle" style="color: #ef4444;"></i>
-                        <span>Section incomplète - Remplissez toutes les questions</span>
-                    </div>
-                </div>
-                
                 <!-- Résumé du Profil et Recommandations -->
                 <div class="profile-summary">
                     <div class="profile-card">
@@ -1890,14 +1671,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                                 <span class="trait-name">Conscience</span>
                                 <span class="trait-value" id="conscientiousness-value">4.0</span>
                             </div>
-                            <div class="trait-item">
-                                <span class="trait-name">Agréabilité</span>
-                                <span class="trait-value" id="agreeableness-value">3.0</span>
-                            </div>
-                            <div class="trait-item">
-                                <span class="trait-name">Névrosisme</span>
-                                <span class="trait-value" id="neuroticism-value">4.0</span>
-                            </div>
                         </div>
                     </div>
                     
@@ -1917,14 +1690,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                                 <span class="trait-name">Introjectée</span>
                                 <span class="trait-value" id="introjected-value">4.0</span>
                             </div>
-                            <div class="trait-item">
-                                <span class="trait-name">Identifiée</span>
-                                <span class="trait-value" id="identified-value">3.0</span>
-                            </div>
-                            <div class="trait-item">
-                                <span class="trait-name">Externe</span>
-                                <span class="trait-value" id="external-value">1.0</span>
-                            </div>
                         </div>
                         <div class="motivation-chart">
                             <canvas id="motivationChart"></canvas>
@@ -1949,20 +1714,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                             <strong>Planification: </strong> Votre conscience est bonne. Établissez un planning régulier mais évitez le surmenage.
                         </div>
                     </div>
-                    
-                    <div class="recommendation-item">
-                        <div class="recommendation-icon">🎯</div>
-                        <div>
-                            <strong>Gestion de la pression: </strong> Avec une motivation introjectée modérée, pratiquez des techniques de gestion du stress.
-                        </div>
-                    </div>
-                    
-                    <div class="recommendation-item">
-                        <div class="recommendation-icon">⏰</div>
-                        <div>
-                            <strong>Personnalisation: </strong> Complétez toutes les sections pour des recommandations plus précises.
-                        </div>
-                    </div>
                 </div>
                 
                 <button class="btn btn-primary btn-large" onclick="completeProfile()" style="margin-top: 2rem;">
@@ -1971,7 +1722,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             </div>
         </section>
         
-        <!-- Objectif Section - STYLE MODIFIÉ -->
+        <!-- Objectif Section -->
         <section id="objectif" class="tab-content">
             <div class="card">
                 <div class="card-header">
@@ -1981,14 +1732,28 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 <div class="form-row">
                     <div class="form-col">
                         <label class="form-label"><i class="fas fa-language"></i> Compétence Cible</label>
-                        <select id="competence" class="form-control">
-                            <option value="">Sélectionnez une compétence...</option>
-                            <option value="conjugaison">Conjugaison française</option>
-                            <option value="grammaire">Grammaire française</option>
-                            <option value="vocabulaire">Vocabulaire français</option>
-                            <option value="expression_ecrite">Expression écrite</option>
-                            <option value="comprehension_orale">Compréhension orale</option>
-                        </select>
+                      <select id="competence" class="form-control">
+    <option value="">Sélectionnez une compétence...</option>
+
+    <option value="maitriser_conjugaison">Maîtriser les marques de la conjugaison</option>
+    <option value="determiner_points_vue">Déterminer les points de vue adoptés</option>
+    <option value="comprendre_mots">Comprendre les mots</option>
+
+    <option value="choisir_mots_expressions">Choisir ses mots et ses expressions</option>
+    <option value="construire_phrases">Construire ses phrases</option>
+    <option value="developper_vocabulaire">Développer un vocabulaire étendu</option>
+    <option value="maitriser_orthographe_mots">Maîtriser l'orthographe des mots</option>
+
+    <option value="articuler_termes">Articuler les termes entre eux</option>
+    <option value="utiliser_reprises">Utiliser des reprises</option>
+    <option value="maitriser_orthographe_grammaticale">Maîtriser l'orthographe grammaticale</option>
+    <option value="maitriser_modalites_phrases">Maîtriser les modalités et les types de phrases</option>
+
+    <option value="enchainer_phrases">Enchaîner les phrases</option>
+    <option value="organiser_textes">Organiser ses textes</option>
+    <option value="effets_style">Jouer avec les effets de style</option>
+</select>
+
                     </div>
                     <div class="form-col">
                         <label class="form-label"><i class="fas fa-brain"></i> Niveau Actuel</label>
@@ -2022,9 +1787,8 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                     </select>
                 </div>
                 
-                <!-- Section modifiée avec style professionnel noir et blanc -->
+                <!-- Section Méthode Productivité -->
                 <div class="productivity-grid">
-                    <!-- Méthode Productivité -->
                     <div class="option-section">
                         <h4><i class="fas fa-chart-line"></i> Méthode Productivité</h4>
                         <div class="option-grid">
@@ -2041,7 +1805,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                         </div>
                     </div>
                     
-                    <!-- Type d'Énergie -->
                     <div class="option-section">
                         <h4><i class="fas fa-bolt"></i> Type d'Énergie</h4>
                         <div class="option-grid">
@@ -2055,11 +1818,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                                 <div class="option-title">Vespérale</div>
                                 <div class="option-description">Productif le soir</div>
                             </div>
-                            <div class="option-item" onclick="selectEnergyPattern('flexible')">
-                                <span class="option-icon"><i class="fas fa-sync-alt"></i></span>
-                                <div class="option-title">Flexible</div>
-                                <div class="option-description">Adaptable</div>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -2071,8 +1829,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                         <div class="time-slot selected" onclick="toggleTimeSlot('morning')">08:00-10:00</div>
                         <div class="time-slot" onclick="toggleTimeSlot('late_morning')">10:00-12:00</div>
                         <div class="time-slot" onclick="toggleTimeSlot('afternoon')">14:00-16:00</div>
-                        <div class="time-slot" onclick="toggleTimeSlot('late_afternoon')">16:00-18:00</div>
-                        <div class="time-slot" onclick="toggleTimeSlot('evening')">19:00-21:00</div>
                     </div>
                 </div>
                 
@@ -2134,7 +1890,22 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 
                 <!-- Statistiques des flashcards -->
                 <div id="flashcardsStats" class="stats-grid">
-                    <!-- Généré dynamiquement -->
+                    <div class="stat-card">
+                        <div class="stat-value">20</div>
+                        <div class="stat-label">Cartes disponibles</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">0</div>
+                        <div class="stat-label">Cartes consultées</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">0/5</div>
+                        <div class="stat-label">Score moyen</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">Toutes</div>
+                        <div class="stat-label">Catégorie active</div>
+                    </div>
                 </div>
                 
                 <!-- Filtres par catégorie -->
@@ -2151,15 +1922,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                     <div class="category-filter" onclick="showCardByCategory('effort')">
                         <i class="fas fa-bolt"></i> Gestion de l'effort
                     </div>
-                    <div class="category-filter" onclick="showCardByCategory('strategies')">
-                        <i class="fas fa-tools"></i> Stratégies d'adaptation
-                    </div>
-                    <div class="category-filter" onclick="showCardByCategory('motivation')">
-                        <i class="fas fa-fire"></i> Motivation & Sens
-                    </div>
-                    <div class="category-filter" onclick="showCardByCategory('evaluation')">
-                        <i class="fas fa-star"></i> Auto-évaluation
-                    </div>
                 </div>
                 
                 <!-- Contrôles de navigation -->
@@ -2181,15 +1943,93 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 </div>
                 
                 <!-- Carte actuelle -->
-                <div id="currentCard" class="flashcard-container">
-                    <!-- Contenu généré dynamiquement -->
+                <div class="flashcard-container">
+                    <div class="flashcard" id="flashcard" onclick="flipCard()">
+                        <div class="flashcard-face flashcard-front">
+                            <div class="flashcard-category" style="background: rgba(59, 130, 246, 0.1); color: #3b82f6;">
+                                <i class="fas fa-brain"></i> Persévérance
+                            </div>
+                            <div class="flashcard-content">
+                                <div class="flashcard-title">Persévérer face à la difficulté</div>
+                                <div class="flashcard-question">
+                                    Cette difficulté signifie-t-elle que je suis incapable, ou est-ce simplement une étape normale de l'apprentissage ?
+                                </div>
+                                <div class="flashcard-instruction">
+                                    <i class="fas fa-hand-point-up"></i> Cliquez pour retourner la carte
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flashcard-face flashcard-back" style="background: linear-gradient(135deg, #10b981, #059669);">
+                            <div class="flashcard-content">
+                                <div class="flashcard-title">Persévérer face à la difficulté</div>
+                                <div class="flashcard-question">
+                                    Ai-je déjà surmonté une difficulté similaire par le passé ? Se rappeler des succès passés renforce la confiance.
+                                </div>
+                                
+                                <div style="margin: 2rem 0; padding: 1.5rem; background: rgba(255, 255, 255, 0.1); border-radius: 10px;">
+                                    <div style="font-weight: bold; margin-bottom: 0.5rem;">Action proposée :</div>
+                                    <div>Chercher un exemple où j'ai déjà surmonté une difficulté similaire</div>
+                                </div>
+                                
+                                <div class="flashcard-evaluation">
+                                    <div style="font-weight: bold; margin-bottom: 0.5rem;">Utilité de cette réflexion (1-5) :</div>
+                                    <input type="range" min="1" max="5" value="3" class="evaluation-slider" id="evaluationSlider">
+                                    <div class="evaluation-label">
+                                        <span>Peu utile</span>
+                                        <span>Très utile</span>
+                                    </div>
+                                    <button class="flashcard-action" onclick="saveEvaluation()">
+                                        <i class="fas fa-save"></i> Enregistrer et continuer
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
                 
                 <!-- DashboardEM -->
                 <div class="dashboardEM-container">
                     <h4><i class="fas fa-chart-bar"></i> DashboardEM - Métriques Métacognitives</h4>
-                    <div id="dashboardEM" class="dashboardEM-grid">
-                        <!-- Généré dynamiquement -->
+                    <div class="dashboardEM-grid">
+                        <div class="dashboardEM-card">
+                            <div class="dashboardEM-header">
+                                <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #3b82f6, #1d4ed8);">
+                                    <i class="fas fa-brain"></i>
+                                </div>
+                                <div>
+                                    <h4>Persévérance</h4>
+                                    <div style="font-size: 0.9rem; color: var(--gray-color);">Capacité à maintenir l'effort</div>
+                                </div>
+                            </div>
+                            <div class="dashboardEM-metric">
+                                <div class="dashboardEM-value">0/5</div>
+                                <div class="dashboardEM-change">+0%</div>
+                            </div>
+                            <div class="dashboardEM-trend">
+                                <i class="fas fa-chart-line" style="color: #ef4444;"></i>
+                                <span>À démarrer</span>
+                            </div>
+                        </div>
+                        
+                        <div class="dashboardEM-card">
+                            <div class="dashboardEM-header">
+                                <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #10b981, #059669);">
+                                    <i class="fas fa-bolt"></i>
+                                </div>
+                                <div>
+                                    <h4>Gestion de l'Effort</h4>
+                                    <div style="font-size: 0.9rem; color: var(--gray-color);">Efficacité énergétique</div>
+                                </div>
+                            </div>
+                            <div class="dashboardEM-metric">
+                                <div class="dashboardEM-value">0/5</div>
+                                <div class="dashboardEM-change">0%</div>
+                            </div>
+                            <div class="dashboardEM-trend">
+                                <i class="fas fa-chart-line" style="color: #ef4444;"></i>
+                                <span>À améliorer</span>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -2332,14 +2172,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                             <div class="legend-color heatmap-intensity-2"></div>
                             <span>30 min</span>
                         </div>
-                        <div class="legend-item">
-                            <div class="legend-color heatmap-intensity-3"></div>
-                            <span>45 min</span>
-                        </div>
-                        <div class="legend-item">
-                            <div class="legend-color heatmap-intensity-4"></div>
-                            <span>60+ min</span>
-                        </div>
                     </div>
                 </div>
                 
@@ -2347,7 +2179,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 <div class="time-management-stats">
                     <div class="time-stat-card">
                         <div class="time-stat-header">
-                            <div class="time-stat-icon" style="background: linear-gradient(135deg, #10b981, #059669);">
+                            <div class="time-stat-icon">
                                 <i class="fas fa-calendar-check"></i>
                             </div>
                             <div>
@@ -2490,10 +2322,10 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             const tabNames = {
                 'profile': 'Profil Apprenant',
                 'objectif': 'Objectif',
-                'planner': 'Planner',
-                'flashcards': 'Flashcards',
-                'journal': 'Journal',
-                'notifications': 'Notifications',
+                'planner': 'Planner SM-2',
+                'flashcards': 'Métacognition',
+                'journal': 'Journal SRL',
+                'notifications': 'Notifications IA',
                 'stats': 'Statistiques'
             };
             
@@ -2517,6 +2349,38 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         // PROFIL APPRENANT
         // ============================================
         
+        // Sélectionner une échelle
+        function selectScale(trait, value) {
+            learnerProfile.bigFive[trait] = value;
+            updateScaleUI(trait, value);
+            updateProfileSummary();
+            updateSectionCompletion('big5-section');
+        }
+        
+        // Sélectionner une motivation
+        function selectMotivation(type, value) {
+            learnerProfile.motivation[type] = value;
+            updateScaleUI(type, value);
+            updateProfileSummary();
+            updateSectionCompletion('motivation-section');
+        }
+        
+        // Mettre à jour l'UI de l'échelle
+        function updateScaleUI(type, value) {
+            // Trouver tous les boutons d'échelle pour ce type
+            const scaleOptions = document.querySelectorAll(`[onclick*="${type}"]`);
+            
+            scaleOptions.forEach(option => {
+                option.classList.remove('selected');
+                
+                // Extraire la valeur du bouton
+                const match = option.getAttribute('onclick').match(/(\d+)/);
+                if (match && parseInt(match[1]) === value) {
+                    option.classList.add('selected');
+                }
+            });
+        }
+        
         // Vérifier si toutes les questions d'une section sont répondues
         function checkSectionCompletion(sectionId) {
             const section = document.getElementById(sectionId);
@@ -2525,10 +2389,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             // Nombre attendu de questions par section
             const expectedCount = {
                 'big5-section': 5,
-                'motivation-section': 4,
-                'habits-section': 4,
-                'wellbeing-section': 4,
-                'support-section': 4
+                'motivation-section': 2
             };
             
             return scaleOptions.length >= expectedCount[sectionId];
@@ -2553,18 +2414,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 } else if (sectionKey === 'motivation') {
                     const introjected = learnerProfile.motivation.introjected || 3;
                     message += ` - <strong>Motivation introjectée: ${introjected}</strong> (pression ${introjected >= 4 ? 'élevée' : 'modérée'})`;
-                } else if (sectionKey === 'habits') {
-                    const hours = learnerProfile.habits.study_hours || 2;
-                    const hourText = ['< 1h', '1-2h', '2-3h', '3-4h', '> 4h'][hours - 1] || 'modérée';
-                    message += ` - <strong>${hourText} d'étude par jour</strong>`;
-                } else if (sectionKey === 'wellbeing') {
-                    const sleep = learnerProfile.wellbeing.sleep_hours || 3;
-                    const sleepText = ['< 5h', '5-6h', '6-7h', '7-8h', '> 8h'][sleep - 1] || 'modérée';
-                    message += ` - <strong>${sleepText} de sommeil</strong>`;
-                } else if (sectionKey === 'support') {
-                    const expectations = learnerProfile.support.parental_expectations || 3;
-                    const expectationText = ['Très basses', 'Basses', 'Moyennes', 'Élevées', 'Très élevées'][expectations - 1] || 'modérées';
-                    message += ` - <strong>Attentes parentales: ${expectationText}</strong>`;
                 }
                 
                 completionElement.innerHTML = `<i class="fas fa-check-circle" style="color: #10b981;"></i><span>${message}</span>`;
@@ -2577,56 +2426,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             updateProfileProgress();
         }
         
-        // Sélectionner une échelle
-        function selectScale(trait, value) {
-            learnerProfile.bigFive[trait] = value;
-            updateScaleUI(trait, value);
-            updateProfileSummary();
-            updateSectionCompletion('big5-section');
-        }
-        
-        // Sélectionner une motivation
-        function selectMotivation(type, value) {
-            learnerProfile.motivation[type] = value;
-            updateScaleUI(type, value);
-            updateProfileSummary();
-            updateSectionCompletion('motivation-section');
-        }
-        
-        // Sélectionner une habitude
-        function selectHabit(habit, value) {
-            learnerProfile.habits[habit] = value;
-            updateSectionCompletion('habits-section');
-        }
-        
-        // Sélectionner un bien-être
-        function selectWellbeing(wellbeing, value) {
-            learnerProfile.wellbeing[wellbeing] = value;
-            updateSectionCompletion('wellbeing-section');
-        }
-        
-        // Sélectionner un soutien
-        function selectSupport(support, value) {
-            learnerProfile.support[support] = value;
-            updateSectionCompletion('support-section');
-        }
-        
-        // Mettre à jour l'UI de l'échelle
-        function updateScaleUI(type, value) {
-            // Trouver tous les boutons d'échelle pour ce type
-            const scaleOptions = document.querySelectorAll(`[onclick*="${type}"]`);
-            
-            scaleOptions.forEach(option => {
-                option.classList.remove('selected');
-                
-                // Extraire la valeur du bouton
-                const match = option.getAttribute('onclick').match(/(\d+)/);
-                if (match && parseInt(match[1]) === value) {
-                    option.classList.add('selected');
-                }
-            });
-        }
-        
         // Mettre à jour la progression du profil
         function updateProfileProgress() {
             const sections = Object.values(learnerProfile.completionStatus);
@@ -2743,19 +2542,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 peer_collaboration: 3
             };
             
-            // Appliquer les valeurs par défaut
-            Object.keys(defaultValues).forEach(key => {
-                if (key in learnerProfile.habits) {
-                    learnerProfile.habits[key] = defaultValues[key];
-                }
-                if (key in learnerProfile.wellbeing) {
-                    learnerProfile.wellbeing[key] = defaultValues[key];
-                }
-                if (key in learnerProfile.support) {
-                    learnerProfile.support[key] = defaultValues[key];
-                }
-            });
-            
             // Marquer toutes les sections comme complètes
             Object.keys(learnerProfile.completionStatus).forEach(key => {
                 learnerProfile.completionStatus[key] = true;
@@ -3132,7 +2918,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         
         // Initialiser les flashcards
         function initializeFlashcards() {
-            // Données des flashcards basées sur les catégories proposées
+            // Données des flashcards
             flashcardsData = [
                 {
                     id: 1,
@@ -3145,61 +2931,29 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                         question: 'Qu\'est-ce qui me bloque exactement dans cette tâche ?'
                     },
                     back: {
-                        reflection: 'Est-ce un problème de compréhension, d\'énergie, ou de motivation ?',
-                        action: 'Identifier précisément le type d\'obstacle rencontré',
+                        reflection: 'Est-ce un problème de compréhension, d\'énergie, ou de motivation ? Identifier précisément le type d\'obstacle.',
+                        action: 'Prendre 2 minutes pour écrire ce qui semble difficile',
                         evaluationLabel: 'Clarté du diagnostic'
                     }
                 },
                 {
                     id: 2,
-                    category: 'awareness',
-                    categoryName: 'Prise de conscience',
-                    icon: '💭',
-                    color: '#3b82f6',
-                    front: {
-                        title: 'État Émotionnel',
-                        question: 'Comment je me sens en ce moment face à cette tâche ?'
-                    },
-                    back: {
-                        reflection: 'Mon état émotionnel influence-t-il ma capacité à apprendre ?',
-                        action: 'Nommer l\'émotion et accepter sa présence',
-                        evaluationLabel: 'Conscience émotionnelle'
-                    }
-                },
-                {
-                    id: 3,
                     category: 'perseverance',
                     categoryName: 'Persévérance',
                     icon: '🏔️',
                     color: '#10b981',
                     front: {
-                        title: 'Face à la Difficulté',
+                        title: 'Persévérer face à la difficulté',
                         question: 'Cette difficulté signifie-t-elle que je suis incapable ?'
                     },
                     back: {
-                        reflection: 'Ai-je déjà surmonté une difficulté similaire par le passé ?',
-                        action: 'Se rappeler un succès passé pour renforcer la confiance',
+                        reflection: 'Ai-je déjà surmonté une difficulté similaire par le passé ? Se rappeler des succès passés renforce la confiance.',
+                        action: 'Chercher un exemple où j\'ai déjà surmonté une difficulté similaire',
                         evaluationLabel: 'Résilience perçue'
                     }
                 },
                 {
-                    id: 4,
-                    category: 'perseverance',
-                    categoryName: 'Persévérance',
-                    icon: '⏳',
-                    color: '#10b981',
-                    front: {
-                        title: 'Test de Persistance',
-                        question: 'Que se passerait-il si je continuais encore 10 minutes ?'
-                    },
-                    back: {
-                        reflection: 'Le pire scénario est-il vraiment si grave ?',
-                        action: 'Se donner un objectif minimal de 10 minutes supplémentaires',
-                        evaluationLabel: 'Volonté de persister'
-                    }
-                },
-                {
-                    id: 5,
+                    id: 3,
                     category: 'effort',
                     categoryName: 'Gestion de l\'effort',
                     icon: '⚡',
@@ -3209,250 +2963,10 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                         question: 'Mon niveau d\'énergie est-il adapté à cette tâche ?'
                     },
                     back: {
-                        reflection: 'Ai-je besoin d\'une pause ou d\'un changement d\'activité ?',
-                        action: 'Adapter la tâche à son niveau d\'énergie actuel',
+                        reflection: 'Ai-je besoin d\'une pause ou d\'un changement d\'activité ? Travailler avec un niveau d\'énergie bas réduit l\'efficacité.',
+                        action: 'Faire une pause de 5 minutes avec une activité énergisante',
                         evaluationLabel: 'Gestion énergétique'
                     }
-                },
-                {
-                    id: 6,
-                    category: 'effort',
-                    categoryName: 'Gestion de l\'effort',
-                    icon: '🎯',
-                    color: '#f59e0b',
-                    front: {
-                        title: 'Effort Productif',
-                        question: 'Mon effort actuel est-il concentré et efficace ?'
-                    },
-                    back: {
-                        reflection: 'Est-ce que je travaille "dur" ou "intelligemment" ?',
-                        action: 'Identifier et éliminer une source de distraction',
-                        evaluationLabel: 'Efficacité de l\'effort'
-                    }
-                },
-                {
-                    id: 7,
-                    category: 'strategies',
-                    categoryName: 'Stratégies d\'adaptation',
-                    icon: '🔧',
-                    color: '#8b5cf6',
-                    front: {
-                        title: 'Découpage de Tâche',
-                        question: 'Cette tâche peut-elle être divisée en sous-tâches plus petites ?'
-                    },
-                    back: {
-                        reflection: 'Quelle est la plus petite action réalisable maintenant ?',
-                        action: 'Définir une micro-tâche de 5 minutes maximum',
-                        evaluationLabel: 'Capacité à découper'
-                    }
-                },
-                {
-                    id: 8,
-                    category: 'strategies',
-                    categoryName: 'Stratégies d\'adaptation',
-                    icon: '🔄',
-                    color: '#8b5cf6',
-                    front: {
-                        title: 'Changement de Modalité',
-                        question: 'Et si j\'essayais une approche différente ?'
-                    },
-                    back: {
-                        reflection: 'Quelle autre méthode d\'apprentissage pourrais-je tester ?',
-                        action: 'Changer de support (écrit/oral/visuel)',
-                        evaluationLabel: 'Flexibilité stratégique'
-                    }
-                },
-                {
-                    id: 9,
-                    category: 'motivation',
-                    categoryName: 'Motivation & Sens',
-                    icon: '🌟',
-                    color: '#ec4899',
-                    front: {
-                        title: 'Sens de l\'Apprentissage',
-                        question: 'Pourquoi cette tâche est-elle importante pour moi ?'
-                    },
-                    back: {
-                        reflection: 'Quel bénéfice à long terme vais-je en retirer ?',
-                        action: 'Écrire une raison personnelle de persévérer',
-                        evaluationLabel: 'Clarté du sens'
-                    }
-                },
-                {
-                    id: 10,
-                    category: 'motivation',
-                    categoryName: 'Motivation & Sens',
-                    icon: '🎁',
-                    color: '#ec4899',
-                    front: {
-                        title: 'Récompense Future',
-                        question: 'Que vais-je ressentir une fois cette tâche terminée ?'
-                    },
-                    back: {
-                        reflection: 'La satisfaction d\'avoir persévéré vaut-elle l\'effort ?',
-                        action: 'Visualiser le sentiment de réussite',
-                        evaluationLabel: 'Motivation anticipée'
-                    }
-                },
-                {
-                    id: 11,
-                    category: 'evaluation',
-                    categoryName: 'Auto-évaluation',
-                    icon: '📊',
-                    color: '#6366f1',
-                    front: {
-                        title: 'Bilan Partiel',
-                        question: 'Qu\'ai-je réussi à accomplir, même partiellement ?'
-                    },
-                    back: {
-                        reflection: 'Quels progrès, aussi minimes soient-ils, puis-je identifier ?',
-                        action: 'Lister 3 petites victoires',
-                        evaluationLabel: 'Reconnaissance des progrès'
-                    }
-                },
-                {
-                    id: 12,
-                    category: 'evaluation',
-                    categoryName: 'Auto-évaluation',
-                    icon: '🔍',
-                    color: '#6366f1',
-                    front: {
-                        title: 'Apprentissage de l\'Expérience',
-                        question: 'Qu\'est-ce que cette difficulté m\'apprend sur ma façon d\'apprendre ?'
-                    },
-                    back: {
-                        reflection: 'Que pourrai-je faire différemment la prochaine fois ?',
-                        action: 'Noter un insight métacognitif',
-                        evaluationLabel: 'Apprentissage réflexif'
-                    }
-                },
-                {
-                    id: 13,
-                    category: 'awareness',
-                    categoryName: 'Prise de conscience',
-                    icon: '🧠',
-                    color: '#3b82f6',
-                    front: {
-                        title: 'Focus Attentionnel',
-                        question: 'Où se porte actuellement mon attention ?'
-                    },
-                    back: {
-                        reflection: 'Suis-je pleinement présent à la tâche ou mon esprit vagabonde-t-il ?',
-                        action: 'Pratiquer 1 minute de pleine conscience',
-                        evaluationLabel: 'Présence attentionnelle'
-                    }
-                },
-                {
-                    id: 14,
-                    category: 'perseverance',
-                    categoryName: 'Persévérance',
-                    icon: '🛡️',
-                    color: '#10b981',
-                    front: {
-                        title: 'Protection contre l\'Abandon',
-                        question: 'Quelle est ma première pensée quand je veux abandonner ?'
-                    },
-                    back: {
-                        reflection: 'Cette pensée est-elle un fait ou une interprétation ?',
-                        action: 'Reformuler la pensée de manière constructive',
-                        evaluationLabel: 'Contrôle des pensées'
-                    }
-                },
-                {
-                    id: 15,
-                    category: 'effort',
-                    categoryName: 'Gestion de l\'effort',
-                    icon: '⏰',
-                    color: '#f59e0b',
-                    front: {
-                        title: 'Rythme de Travail',
-                        question: 'Mon rythme actuel est-il soutenable sur la durée ?'
-                    },
-                    back: {
-                        reflection: 'Ai-je besoin d\'accélérer, de ralentir ou de maintenir ?',
-                        action: 'Ajuster le tempo pour éviter l\'épuisement',
-                        evaluationLabel: 'Régulation du rythme'
-                    }
-                },
-                {
-                    id: 16,
-                    category: 'strategies',
-                    categoryName: 'Stratégies d\'adaptation',
-                    icon: '🤝',
-                    color: '#8b5cf6',
-                    front: {
-                        title: 'Demande d\'Aide',
-                        question: 'Ai-je besoin d\'aide pour surmonter cet obstacle ?'
-                    },
-                    back: {
-                        reflection: 'Qui ou quoi pourrait m\'aider à avancer ?',
-                        action: 'Identifier une ressource ou une personne aidante',
-                        evaluationLabel: 'Ouverture à l\'aide'
-                    }
-                },
-                {
-                    id: 17,
-                    category: 'motivation',
-                    categoryName: 'Motivation & Sens',
-                    icon: '🎯',
-                    color: '#ec4899',
-                    front: {
-                        title: 'Alignement avec les Valeurs',
-                        question: 'En quoi cette tâche est-elle alignée avec mes valeurs ?'
-                    },
-                    back: {
-                        reflection: 'Quelle valeur personnelle cette tâche sert-elle ?',
-                        action: 'Relier la tâche à une valeur fondamentale',
-                        evaluationLabel: 'Alignement valeurs-tâche'
-                    }
-                },
-                {
-                    id: 18,
-                    category: 'evaluation',
-                    categoryName: 'Auto-évaluation',
-                    icon: '📈',
-                    color: '#6366f1',
-                    front: {
-                        title: 'Progression Relative',
-                        question: 'Où en étais-je il y a une semaine par rapport à maintenant ?'
-                    },
-                    back: {
-                        reflection: 'Quels progrès, même invisibles, ai-je réalisés ?',
-                        action: 'Identifier un aspect où l\'on s\'est amélioré',
-                        evaluationLabel: 'Conscience des progrès'
-                    }
-                },
-                {
-                    id: 19,
-                    category: 'perseverance',
-                    categoryName: 'Persévérance',
-                    icon: '🌱',
-                    color: '#10b981',
-                    front: {
-                        title: 'Mentalité de Croissance',
-                        question: 'Cette difficulté est-elle une menace ou une opportunité d\'apprentissage ?'
-                    },
-                    back: {
-                        reflection: 'Quelle compétence cette difficulté m\'aide-t-elle à développer ?',
-                        action: 'Reconceptualiser l\'obstacle comme défi formateur',
-                        evaluationLabel: 'Growth mindset'
-                    }
-                },
-                {
-                    id: 20,
-                    category: 'strategies',
-                    categoryName: 'Stratégies d\'adaptation',
-                    icon: '🎭',
-                    color: '#8b5cf6',
-                    front: {
-                        title: 'Changement de Perspective',
-                        question: 'Comment quelqu\'un que j\'admire aborderait-il cette situation ?'
-                    },
-                    back: {
-                        reflection: 'Quelle stratégie différente puis-je emprunter ?',
-                        action: 'Adopter temporairement une autre perspective',
-                        evaluationLabel: 'Créativité stratégique'
-                    }
                 }
             ];
             
@@ -3504,59 +3018,37 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         
         // Afficher la carte actuelle
         function displayCurrentCard() {
-            if (flashcards.length === 0) {
-                document.getElementById('currentCard').innerHTML = `
-                    <div style="text-align: center; padding: 4rem; color: var(--gray-color);">
-                        <i class="fas fa-inbox" style="font-size: 3rem; margin-bottom: 1rem;"></i>
-                        <h3>Aucune carte disponible dans cette catégorie</h3>
-                        <p>Essayez une autre catégorie ou réinitialisez les cartes</p>
-                    </div>
-                `;
-                return;
-            }
+            if (flashcards.length === 0) return;
             
             const card = flashcards[currentCardIndex];
             const progress = ((currentCardIndex + 1) / flashcards.length * 100).toFixed(1);
             
-            document.getElementById('currentCard').innerHTML = `
-                <div class="flashcard" id="flashcard" onclick="flipCard()">
-                    <div class="flashcard-face flashcard-front">
-                        <div class="flashcard-category" style="background: ${card.color}22; color: ${card.color};">
-                            ${card.icon} ${card.categoryName}
-                        </div>
-                        <div class="flashcard-content">
-                            <div class="flashcard-title">${card.front.title}</div>
-                            <div class="flashcard-question">${card.front.question}</div>
-                            <div class="flashcard-instruction">
-                                <i class="fas fa-hand-point-up"></i> Cliquez pour retourner la carte
-                            </div>
-                        </div>
-                    </div>
-                    <div class="flashcard-face flashcard-back" style="background: linear-gradient(135deg, ${card.color}, ${darkenColor(card.color, 20)});">
-                        <div class="flashcard-content">
-                            <div class="flashcard-title">${card.front.title}</div>
-                            <div class="flashcard-question">${card.back.reflection}</div>
-                            
-                            <div style="margin: 2rem 0; padding: 1.5rem; background: rgba(255, 255, 255, 0.1); border-radius: 10px;">
-                                <div style="font-weight: bold; margin-bottom: 0.5rem;">Action proposée :</div>
-                                <div>${card.back.action}</div>
-                            </div>
-                            
-                            <div class="flashcard-evaluation">
-                                <div style="font-weight: bold; margin-bottom: 0.5rem;">${card.back.evaluationLabel} (1-5) :</div>
-                                <input type="range" min="1" max="5" value="3" class="evaluation-slider" id="evaluationSlider">
-                                <div class="evaluation-label">
-                                    <span>Faible</span>
-                                    <span>Élevé</span>
-                                </div>
-                                <button class="flashcard-action" onclick="saveEvaluation(event)">
-                                    <i class="fas fa-save"></i> Enregistrer et continuer
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            `;
+            // Mettre à jour la carte
+            const flashcard = document.getElementById('flashcard');
+            if (flashcard) {
+                // Face avant
+                flashcard.querySelector('.flashcard-category').innerHTML = `
+                    <i class="fas fa-${card.icon}"></i> ${card.categoryName}
+                `;
+                flashcard.querySelector('.flashcard-category').style.background = `${card.color}22`;
+                flashcard.querySelector('.flashcard-category').style.color = card.color;
+                
+                flashcard.querySelector('.flashcard-title').textContent = card.front.title;
+                flashcard.querySelector('.flashcard-question').textContent = card.front.question;
+                
+                // Face arrière
+                const backFace = flashcard.querySelector('.flashcard-back');
+                backFace.style.background = `linear-gradient(135deg, ${card.color}, ${darkenColor(card.color, 20)})`;
+                backFace.querySelector('.flashcard-title').textContent = card.front.title;
+                backFace.querySelector('.flashcard-question').textContent = card.back.reflection;
+                
+                // Mettre à jour l'action
+                backFace.querySelector('.flashcard-evaluation .flashcard-question').textContent = card.back.reflection;
+                backFace.querySelector('.flashcard-evaluation > div:nth-child(2) > div:nth-child(2)').textContent = card.back.action;
+                
+                // Mettre à jour le label d'évaluation
+                backFace.querySelector('.flashcard-evaluation > div:nth-child(3) > div:nth-child(1)').textContent = `${card.back.evaluationLabel} (1-5) :`;
+            }
             
             // Mettre à jour le compteur et la barre de progression
             document.getElementById('cardCounter').textContent = `Carte ${currentCardIndex + 1}/${flashcards.length}`;
@@ -3565,6 +3057,9 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             // Gérer les boutons de navigation
             document.getElementById('prevBtn').disabled = currentCardIndex === 0;
             document.getElementById('nextBtn').disabled = currentCardIndex === flashcards.length - 1;
+            
+            // Réinitialiser la rotation de la carte
+            flashcard.classList.remove('flipped');
         }
         
         // Fonction pour assombrir une couleur
@@ -3588,44 +3083,21 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         }
         
         // Sauvegarder l'évaluation
-        function saveEvaluation(event) {
-            event.stopPropagation();
-            
+        function saveEvaluation() {
             const slider = document.getElementById('evaluationSlider');
             const score = parseInt(slider.value);
-            const card = flashcards[currentCardIndex];
-            
-            // Sauvegarder l'évaluation
-            if (!card.evaluations) {
-                card.evaluations = [];
-            }
-            card.evaluations.push({
-                score: score,
-                date: new Date().toISOString(),
-                category: card.category
-            });
             
             // Mettre à jour les stats
             flashcardsStats.reviewedCards++;
             
             // Calculer la moyenne
-            const totalScores = flashcardsData.reduce((sum, card) => {
-                if (card.evaluations && card.evaluations.length > 0) {
-                    return sum + card.evaluations[card.evaluations.length - 1].score;
-                }
-                return sum;
-            }, 0);
-            
-            const reviewedWithScores = flashcardsData.filter(card => 
-                card.evaluations && card.evaluations.length > 0
-            ).length;
-            
-            flashcardsStats.averageScore = reviewedWithScores > 0 
-                ? (totalScores / reviewedWithScores).toFixed(1) 
-                : 0;
+            flashcardsStats.averageScore = ((flashcardsStats.averageScore * (flashcardsStats.reviewedCards - 1) + score) / flashcardsStats.reviewedCards).toFixed(1);
             
             // Passer à la carte suivante
-            nextCard();
+            setTimeout(() => {
+                nextCard();
+                flipCard(); // Retourner à la face avant
+            }, 500);
             
             // Mettre à jour le dashboard
             updateDashboardEM();
@@ -3647,12 +3119,11 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 currentCardIndex++;
                 displayCurrentCard();
             } else {
-                // Revenir au début ou afficher un message
-                if (confirm('Vous avez terminé toutes les cartes de cette catégorie. Voulez-vous recommencer ?')) {
-                    currentCardIndex = 0;
-                    shuffleArray(flashcards);
-                    displayCurrentCard();
-                }
+                // Revenir au début
+                currentCardIndex = 0;
+                shuffleArray(flashcards);
+                displayCurrentCard();
+                showNotification('Retour au début des cartes !', 'info');
             }
         }
         
@@ -3660,189 +3131,82 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         function updateFlashcardsStats() {
             const statsContainer = document.getElementById('flashcardsStats');
             
-            // Calculer les stats par catégorie
-            const categoryStats = {};
-            flashcardsData.forEach(card => {
-                if (!categoryStats[card.category]) {
-                    categoryStats[card.category] = {
-                        name: card.categoryName,
-                        count: 0,
-                        reviewed: 0,
-                        avgScore: 0
-                    };
-                }
-                categoryStats[card.category].count++;
-                
-                if (card.evaluations && card.evaluations.length > 0) {
-                    categoryStats[card.category].reviewed++;
-                    const lastScore = card.evaluations[card.evaluations.length - 1].score;
-                    categoryStats[card.category].avgScore = 
-                        ((categoryStats[card.category].avgScore * (categoryStats[card.category].reviewed - 1) + lastScore) / 
-                         categoryStats[card.category].reviewed).toFixed(1);
-                }
-            });
-            
-            // Trouver la catégorie préférée (avec le plus d'évaluations)
-            let favoriteCategory = '';
-            let maxReviewed = 0;
-            Object.keys(categoryStats).forEach(cat => {
-                if (categoryStats[cat].reviewed > maxReviewed) {
-                    maxReviewed = categoryStats[cat].reviewed;
-                    favoriteCategory = categoryStats[cat].name;
-                }
-            });
-            
-            flashcardsStats.favoriteCategory = favoriteCategory || 'Aucune';
-            
-            statsContainer.innerHTML = `
-                <div class="stat-card">
-                    <div class="stat-value">${flashcardsStats.totalCards}</div>
-                    <div class="stat-label">Cartes disponibles</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value">${flashcardsStats.reviewedCards}</div>
-                    <div class="stat-label">Cartes consultées</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value">${flashcardsStats.averageScore}/5</div>
-                    <div class="stat-label">Score moyen</div>
-                </div>
-                <div class="stat-card">
-                    <div class="stat-value">${flashcardsStats.favoriteCategory}</div>
-                    <div class="stat-label">Catégorie préférée</div>
-                </div>
-            `;
+            if (statsContainer) {
+                statsContainer.innerHTML = `
+                    <div class="stat-card">
+                        <div class="stat-value">${flashcardsStats.totalCards}</div>
+                        <div class="stat-label">Cartes disponibles</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">${flashcardsStats.reviewedCards}</div>
+                        <div class="stat-label">Cartes consultées</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">${flashcardsStats.averageScore}/5</div>
+                        <div class="stat-label">Score moyen</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-value">${currentCategory === 'all' ? 'Toutes' : currentCategory}</div>
+                        <div class="stat-label">Catégorie active</div>
+                    </div>
+                `;
+            }
         }
         
         // Mettre à jour le DashboardEM
         function updateDashboardEM() {
-            const dashboardContainer = document.getElementById('dashboardEM');
-            
-            // Calculer les métriques
-            const totalEvaluations = flashcardsData.reduce((sum, card) => 
-                sum + (card.evaluations ? card.evaluations.length : 0), 0);
+            const dashboardContainer = document.querySelector('.dashboardEM-grid');
             
-            const today = new Date().toISOString().split('T')[0];
-            const evaluationsToday = flashcardsData.reduce((sum, card) => {
-                if (card.evaluations) {
-                    return sum + card.evaluations.filter(eval => 
-                        eval.date.split('T')[0] === today
-                    ).length;
-                }
-                return sum;
-            }, 0);
-            
-            // Calculer la persévérance (moyenne des scores des cartes persévérance)
-            const perseveranceCards = flashcardsData.filter(card => card.category === 'perseverance');
-            const perseveranceScore = perseveranceCards.length > 0 ? 
-                perseveranceCards.reduce((sum, card) => {
-                    if (card.evaluations && card.evaluations.length > 0) {
-                        return sum + card.evaluations[card.evaluations.length - 1].score;
-                    }
-                    return sum;
-                }, 0) / perseveranceCards.filter(c => c.evaluations && c.evaluations.length > 0).length : 0;
-            
-            // Calculer la diversité stratégique (nombre de catégories utilisées)
-            const usedCategories = new Set();
-            flashcardsData.forEach(card => {
-                if (card.evaluations && card.evaluations.length > 0) {
-                    usedCategories.add(card.category);
-                }
-            });
-            const strategyDiversity = (usedCategories.size / 6 * 100).toFixed(0); // 6 catégories au total
-            
-            dashboardContainer.innerHTML = `
-                <div class="dashboardEM-card">
-                    <div class="dashboardEM-header">
-                        <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #3b82f6, #1d4ed8);">
-                            <i class="fas fa-brain"></i>
-                        </div>
-                        <div>
-                            <h4>Persévérance</h4>
-                            <div style="font-size: 0.9rem; color: var(--gray-color);">Capacité à maintenir l'effort</div>
+            if (dashboardContainer) {
+                dashboardContainer.innerHTML = `
+                    <div class="dashboardEM-card">
+                        <div class="dashboardEM-header">
+                            <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #3b82f6, #1d4ed8);">
+                                <i class="fas fa-brain"></i>
+                            </div>
+                            <div>
+                                <h4>Persévérance</h4>
+                                <div style="font-size: 0.9rem; color: var(--gray-color);">Capacité à maintenir l'effort</div>
+                            </div>
                         </div>
-                    </div>
-                    <div class="dashboardEM-metric">
-                        <div class="dashboardEM-value">${perseveranceScore.toFixed(1)}/5</div>
-                        <div class="dashboardEM-change">+${(perseveranceScore * 20).toFixed(0)}%</div>
-                    </div>
-                    <div class="dashboardEM-trend">
-                        <i class="fas fa-chart-line" style="color: #10b981;"></i>
-                        <span>Stable cette semaine</span>
-                    </div>
-                </div>
-                
-                <div class="dashboardEM-card">
-                    <div class="dashboardEM-header">
-                        <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #10b981, #059669);">
-                            <i class="fas fa-bolt"></i>
+                        <div class="dashboardEM-metric">
+                            <div class="dashboardEM-value">${flashcardsStats.averageScore}/5</div>
+                            <div class="dashboardEM-change">+${(flashcardsStats.averageScore * 20).toFixed(0)}%</div>
                         </div>
-                        <div>
-                            <h4>Gestion de l'Effort</h4>
-                            <div style="font-size: 0.9rem; color: var(--gray-color);">Efficacité énergétique</div>
+                        <div class="dashboardEM-trend">
+                            <i class="fas fa-chart-line" style="color: ${flashcardsStats.averageScore > 2 ? '#10b981' : '#ef4444'}"></i>
+                            <span>${flashcardsStats.averageScore > 2 ? 'En progression' : 'À améliorer'}</span>
                         </div>
                     </div>
-                    <div class="dashboardEM-metric">
-                        <div class="dashboardEM-value">${flashcardsStats.averageScore}/5</div>
-                        <div class="dashboardEM-change">${flashcardsStats.averageScore > 3 ? '+' : ''}${(flashcardsStats.averageScore * 20 - 60).toFixed(0)}%</div>
-                    </div>
-                    <div class="dashboardEM-trend">
-                        <i class="fas fa-chart-line" style="color: ${flashcardsStats.averageScore > 3 ? '#10b981' : '#ef4444'}"></i>
-                        <span>${flashcardsStats.averageScore > 3 ? 'En progression' : 'À améliorer'}</span>
-                    </div>
-                </div>
-                
-                <div class="dashboardEM-card">
-                    <div class="dashboardEM-header">
-                        <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #8b5cf6, #7c3aed);">
-                            <i class="fas fa-lightbulb"></i>
-                        </div>
-                        <div>
-                            <h4>Métacognition</h4>
-                            <div style="font-size: 0.9rem; color: var(--gray-color);">Diversité des stratégies</div>
+                    
+                    <div class="dashboardEM-card">
+                        <div class="dashboardEM-header">
+                            <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #10b981, #059669);">
+                                <i class="fas fa-bolt"></i>
+                            </div>
+                            <div>
+                                <h4>Engagement</h4>
+                                <div style="font-size: 0.9rem; color: var(--gray-color);">Activité métacognitive</div>
+                            </div>
                         </div>
-                    </div>
-                    <div class="dashboardEM-metric">
-                        <div class="dashboardEM-value">${strategyDiversity}%</div>
-                        <div class="dashboardEM-change">+${(strategyDiversity / 2).toFixed(0)}%</div>
-                    </div>
-                    <div class="dashboardEM-trend">
-                        <i class="fas fa-chart-line" style="color: #10b981;"></i>
-                        <span>${strategyDiversity > 50 ? 'Diversifié' : 'À élargir'}</span>
-                    </div>
-                </div>
-                
-                <div class="dashboardEM-card">
-                    <div class="dashboardEM-header">
-                        <div class="dashboardEM-icon" style="background: linear-gradient(135deg, #ec4899, #db2777);">
-                            <i class="fas fa-fire"></i>
+                        <div class="dashboardEM-metric">
+                            <div class="dashboardEM-value">${flashcardsStats.reviewedCards}</div>
+                            <div class="dashboardEM-change">+${(flashcardsStats.reviewedCards * 20).toFixed(0)}%</div>
                         </div>
-                        <div>
-                            <h4>Activité</h4>
-                            <div style="font-size: 0.9rem; color: var(--gray-color);">Engagement quotidien</div>
+                        <div class="dashboardEM-trend">
+                            <i class="fas fa-chart-line" style="color: ${flashcardsStats.reviewedCards > 0 ? '#10b981' : '#ef4444'}"></i>
+                            <span>${flashcardsStats.reviewedCards > 0 ? 'Actif' : 'À démarrer'}</span>
                         </div>
                     </div>
-                    <div class="dashboardEM-metric">
-                        <div class="dashboardEM-value">${evaluationsToday}</div>
-                        <div class="dashboardEM-change">${evaluationsToday > 0 ? '+100%' : '0%'}</div>
-                    </div>
-                    <div class="dashboardEM-trend">
-                        <i class="fas fa-calendar-day" style="color: ${evaluationsToday > 0 ? '#10b981' : '#ef4444'}"></i>
-                        <span>${evaluationsToday > 0 ? 'Actif aujourd\'hui' : 'Pas d\'activité'}</span>
-                    </div>
-                </div>
-            `;
+                `;
+            }
         }
         
         // Réinitialiser les flashcards
         function resetFlashcards() {
-            if (confirm('Voulez-vous vraiment réinitialiser toutes les flashcards ? Cela effacera toutes vos évaluations.')) {
-                flashcardsData.forEach(card => {
-                    delete card.evaluations;
-                });
+            if (confirm('Voulez-vous vraiment réinitialiser toutes les flashcards ?')) {
                 flashcardsStats.reviewedCards = 0;
                 flashcardsStats.averageScore = 0;
-                flashcardsStats.favoriteCategory = 'Aucune';
                 
                 currentCardIndex = 0;
                 showCardByCategory(currentCategory);
@@ -3935,11 +3299,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                     type: 'encouragement',
                     icon: '💪',
                     message: "Super travail jusqu'à présent ! Continuez à progresser, chaque petite session compte."
-                },
-                {
-                    type: 'metacognition',
-                    icon: '🤔',
-                    message: "Posez-vous cette question: quelle stratégie d'apprentissage fonctionne le mieux pour vous aujourd'hui ?"
                 }
             ];
             
@@ -3979,21 +3338,19 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             window.notificationChart = new Chart(ctx, {
                 type: 'bar',
                 data: {
-                    labels: ['Motivation', 'Rappels', 'Encouragement', 'Métacognition'],
+                    labels: ['Motivation', 'Rappels', 'Encouragement'],
                     datasets: [{
                         label: 'Efficacité (%)',
-                        data: [85, 72, 91, 68],
+                        data: [85, 72, 91],
                         backgroundColor: [
                             'rgba(59, 130, 246, 0.7)',
                             'rgba(16, 185, 129, 0.7)',
-                            'rgba(245, 158, 11, 0.7)',
-                            'rgba(139, 92, 246, 0.7)'
+                            'rgba(245, 158, 11, 0.7)'
                         ],
                         borderColor: [
                             'rgb(59, 130, 246)',
                             'rgb(16, 185, 129)',
-                            'rgb(245, 158, 11)',
-                            'rgb(139, 92, 246)'
+                            'rgb(245, 158, 11)'
                         ],
                         borderWidth: 2
                     }]
@@ -4028,8 +3385,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
         
         // Actualiser les statistiques
         function refreshStats() {
-            // Cette fonction mettrait à jour les statistiques depuis le serveur
-            // Pour l'instant, on utilise des données simulées
             showNotification('Statistiques actualisées', 'success');
         }
         
@@ -4072,7 +3427,9 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             });
             
             html += '</div>';
-            container.innerHTML = html;
+            if (container) {
+                container.innerHTML = html;
+            }
         }
         
         // Générer des données de démonstration pour la heatmap
@@ -4166,7 +3523,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 box-shadow: 0 5px 20px rgba(0,0,0,0.1);
                 border-left: 4px solid ${colors[type]};
                 z-index: 1000;
-                animation: slideIn 0.3s ease;
+                animation: fadeIn 0.3s ease;
             `;
             
             notification.innerHTML = `
@@ -4180,7 +3537,7 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             
             // Supprimer après 3 secondes
             setTimeout(() => {
-                notification.style.animation = 'slideIn 0.3s ease reverse';
+                notification.style.opacity = '0';
                 setTimeout(() => notification.remove(), 300);
             }, 3000);
         }
@@ -4201,34 +3558,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
                 if (savedJournal) {
                     journalEntries = JSON.parse(savedJournal);
                 }
-                
-                // Charger les flashcards
-                const savedFlashcards = localStorage.getItem('flashcardsData');
-                if (savedFlashcards) {
-                    const parsed = JSON.parse(savedFlashcards);
-                    if (parsed && parsed.length > 0) {
-                        flashcardsData = parsed;
-                        
-                        // Calculer les stats des flashcards
-                        flashcardsStats.reviewedCards = flashcardsData.reduce((sum, card) => 
-                            sum + (card.evaluations ? card.evaluations.length : 0), 0);
-                        
-                        const totalScores = flashcardsData.reduce((sum, card) => {
-                            if (card.evaluations && card.evaluations.length > 0) {
-                                return sum + card.evaluations[card.evaluations.length - 1].score;
-                            }
-                            return sum;
-                        }, 0);
-                        
-                        const reviewedWithScores = flashcardsData.filter(card => 
-                            card.evaluations && card.evaluations.length > 0
-                        ).length;
-                        
-                        flashcardsStats.averageScore = reviewedWithScores > 0 
-                            ? (totalScores / reviewedWithScores).toFixed(1) 
-                            : 0;
-                    }
-                }
             } catch (error) {
                 console.error('Erreur lors du chargement des données:', error);
             }
@@ -4239,8 +3568,6 @@ Apprendre à manager l'effort et maintenir la persistance </p>
             try {
                 localStorage.setItem('learnerProfile', JSON.stringify(learnerProfile));
                 localStorage.setItem('journalEntries', JSON.stringify(journalEntries));
-                localStorage.setItem('flashcardsData', JSON.stringify(flashcardsData));
-                // Note: Pas de notification pour éviter de déranger l'utilisateur
             } catch (error) {
                 console.error('Erreur lors de la sauvegarde:', error);
             }