<!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>