/* style.css - Mise en page desktop fidèle aux formulaires Word */
:root {
  --green: #004d26;
  --orange: #FFA500;
  --bg: #f7f7f7;
  --text: #111;
  --muted: #666;
}

* { box-sizing: border-box; }


/* Container central pour imiter la feuille A4 paysage/portrait */
.form-paper {
  max-width: 980px; /* PC-first */
  margin: 24px auto;
  background: #fff;
  padding: 28px;
  border: 1px solid #ddd;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Titre principal */
.form-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 20px;
  margin-bottom: 18px;
}
.form-header .brand {
  display:flex;
  gap:12px;
  align-items:center;
}
.form-header img.logo {
  height:72px;
}
.form-title {
  text-align: right;
}
.form-title h1 {
  margin:0;
  font-size:20px;
  color:var(--green);
}
.form-title .agency {
  font-size:13px;
  color:var(--muted);
}

/* Section blocks */
.section {
  border: 1px solid #dcdcdc;
  padding: 12px 14px;
  margin-bottom: 16px;
  border-radius: 6px;
}
.section h2 {
  margin: 0 0 8px 0;
  font-size:16px;
  color:var(--green);
  font-weight:700;
}

/* Labels and inputs */
.row { display:flex; gap:16px; align-items:flex-start; margin-bottom:10px; }
.col { flex:1; min-width:160px; }
label { display:block; font-weight:600; font-size:13px; margin-bottom:6px; color:#222; }
input[type="text"], input[type="email"], input[type="tel"], input[type="date"],
select, textarea, input[type="number"] {
  width:100%;
  padding:8px 10px;
  border:1px solid #cfcfcf;
  border-radius:5px;
  background:#fff;
  font-size:14px;
}

/* textarea */
textarea { resize:vertical; min-height:60px; }

/* Small table style */
.table {
  width:100%;
  border-collapse:collapse;
  margin-top:6px;
}
.table th, .table td {
  border:1px solid #ddd;
  padding:8px;
  font-size:14px;
}
.table th { background:#fafafa; font-weight:700; text-align:left; }

/* Signature block */
.signature-row { display:flex; gap:20px; margin-top:20px; }
.signature-box {
  flex:1;
  min-height:80px;
  border:1px dashed #bbb;
  padding:8px;
  border-radius:4px;
  background:#fff;
  font-size:13px;
}

/* Buttons */
.form-actions { display:flex; gap:12px; margin-top:18px; }
button.submit {
  background:var(--green);
  color:#fff;
  border:none;
  padding:12px 18px;
  border-radius:6px;
  cursor:pointer;
  font-weight:700;
}
button.print {
  background:var(--orange);
  color:#fff;
  border:none;
  padding:12px 18px;
  border-radius:6px;
  cursor:pointer;
}

/* Small muted text */
.small { font-size:13px; color:var(--muted); }

/* Footer decision box */
.decision {
  border: 1px solid #e6e6e6;
  padding:10px;
  margin-top:12px;
  background:#fbfbfb;
}

/* Responsive quick note (we focus on desktop but make it tolerable on narrow) */
@media (max-width:900px) {
  .form-paper { padding:18px; margin:10px; }
  .row { flex-direction:column; }
  .form-header { flex-direction:column; align-items:flex-start; }
  .form-title { text-align:left; }
}





.download-btn {
  display: inline-block;
  background: #FF8C00;
  color: #fff;
  padding: 12px 18px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.download-btn:hover {
  background: #cc7000;
}


.retour-btn {
  display: inline-block;
  background-color: #004d26; /* vert */
  color: white;
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
}

.retour-btn:hover {
  background-color: #FFA500; /* orange au survol */
}