<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documents Projet Mode</title> <style> body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; padding: 2rem; max-width: 600px; margin: 0 auto; background-color: #f9fafb; color: #111827; } h1 { font-size: 1.5rem; margin-bottom: 2rem; text-align: center; } .card { background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); padding: 2rem; } .btn { display: flex; align-items: center; justify-content: space-between; padding: 1rem; margin-bottom: 1rem; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 6px; text-decoration: none; color: #374151; transition: all 0.2s; } .btn:hover { background: #e5e7eb; border-color: #d1d5db; } .btn:last-child { margin-bottom: 0; } .icon { font-size: 1.5rem; margin-right: 1rem; } .text { flex-grow: 1; font-weight: 500; } .action { color: #dc2626; font-size: 0.875rem; font-weight: 600; } .format { font-size: 0.75rem; color: #6b7280; margin-left: 0.5rem; background: #e5e7eb; padding: 2px 6px; border-radius: 4px; } </style> </head> <body> <div class="card"> <h1>Documents de la Réunion (PDF)</h1> <a href="Rapport_Reunion_Projet_Mode.pdf" download class="btn"> <div style="display:flex; align-items:center"> <span class="icon">📄</span> <span class="text">Rapport de Synthèse</span> <span class="format">PDF</span> </div> <span class="action">Télécharger</span> </a> <a href="Plan_Action_Taches.pdf" download class="btn"> <div style="display:flex; align-items:center"> <span class="icon">📋</span> <span class="text">Plan d'Action & Tâches</span> <span class="format">PDF</span> </div> <span class="action">Télécharger</span> </a> </div> </body> </html>