diff --git a/lib/Views/pointage.dart b/lib/Views/pointage.dart
index f7d79fb..a33f671 100644
--- a/lib/Views/pointage.dart
+++ b/lib/Views/pointage.dart
@@ -76,10 +76,54 @@ class _PointagePageState extends State<PointagePage> {
               itemCount: _pointages.length,
               itemBuilder: (context, index) {
                 final pointage = _pointages[index];
-                return ListTile(
-                  title: Text(pointage.date),
-                  subtitle: Text(
-                      'Arrivée: ${pointage.heureArrivee}, Départ: ${pointage.heureDepart.isNotEmpty ? pointage.heureDepart : '---'}'),
+                return Padding(
+                  padding: const EdgeInsets.symmetric(
+                      horizontal: 12.0, vertical: 6.0),
+                  child: Card(
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(16),
+                      side: BorderSide(color: Colors.blueGrey.shade100),
+                    ),
+                    elevation: 4,
+                    shadowColor: Colors.blueGrey.shade50,
+                    child: ListTile(
+                      leading: CircleAvatar(
+                        backgroundColor: Colors.blue.shade100,
+                        child: Icon(Icons.calendar_today, color: Colors.blue),
+                      ),
+                      title: Text(
+                        pointage.date,
+                        style: TextStyle(fontWeight: FontWeight.bold),
+                      ),
+                      subtitle: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          const SizedBox(height: 4),
+                          Row(
+                            children: [
+                              Icon(Icons.login,
+                                  size: 18, color: Colors.green.shade700),
+                              const SizedBox(width: 6),
+                              Text("Arrivée : ${pointage.heureArrivee}",
+                                  style:
+                                      TextStyle(color: Colors.green.shade700)),
+                            ],
+                          ),
+                          Row(
+                            children: [
+                              Icon(Icons.logout,
+                                  size: 18, color: Colors.red.shade700),
+                              const SizedBox(width: 6),
+                              Text(
+                                  "Départ : ${pointage.heureDepart.isNotEmpty ? pointage.heureDepart : "---"}",
+                                  style: TextStyle(color: Colors.red.shade700)),
+                            ],
+                          ),
+                        ],
+                      ),
+                      isThreeLine: true,
+                    ),
+                  ),
                 );
               },
             ),