ajout de la pagination des résultats de recherche

2026-03-18 14:54:01 +01:00
parent 1d9f80e63d
commit 3bbc60fd68
5 changed files with 325 additions and 101 deletions
@@ -164,9 +164,81 @@ body {
    font-weight: bold;
  }
  
-  @media (min-width: 900px) {
-    .layout {
-      grid-template-columns: 1.2fr 1fr;
-      align-items: start;
+  .detail-page {
+    background: #f5f5f5;
+  }
+  
+  .formation-title {
+    color: #3d4fff;
+    font-size: 2rem;
+    line-height: 1.15;
+    margin-bottom: 20px;
+  }
+  
+  .formation-meta p {
+    margin: 8px 0;
+    font-size: 1.1rem;
+  }
+  
+  .detail-grid {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    gap: 40px;
+    align-items: start;
+    margin-top: 20px;
+    margin-bottom: 30px;
+  }
+  
+  .detail-table {
+    width: 100%;
+    border-collapse: collapse;
+    background: white;
+  }
+  
+  .detail-table th,
+  .detail-table td {
+    border: 1px solid #d7d7d7;
+    padding: 14px 12px;
+    text-align: left;
+  }
+  
+  .detail-table th {
+    background: #fafafa;
+    font-size: 1.05rem;
+  }
+  
+  .total-row td {
+    font-weight: bold;
+  }
+  
+  .timeline-box {
+    padding-top: 10px;
+  }
+  
+  .timeline {
+    position: relative;
+    margin-top: 30px;
+    padding-left: 30px;
+    border-left: 2px solid #d9d9d9;
+  }
+  
+  .timeline-item {
+    position: relative;
+    margin-bottom: 45px;
+  }
+  
+  .timeline-dot {
+    position: absolute;
+    left: -39px;
+    top: 6px;
+    width: 14px;
+    height: 14px;
+    background: #21c8b4;
+    border-radius: 50%;
+  }
+  
+  @media (max-width: 900px) {
+    .detail-grid {
+      grid-template-columns: 1fr;
    }
  }