/* modules/inscription/module.css - mise en forme MINIMALE du formulaire d'inscription (le Template du site la complete). */
.ins-form { max-width: 720px; }
.ins-form .ins-champ { margin: 0 0 14px; }
.ins-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.ins-form .ins-case label { font-weight: 400; }
.ins-form input[type="text"], .ins-form input[type="email"], .ins-form input[type="tel"], .ins-form input[type="date"],
.ins-form select, .ins-form textarea { width: 100%; box-sizing: border-box; padding: 9px 10px; border: 1px solid #b9c3d6; border-radius: 6px; font: inherit; }
.ins-form .ins-req { color: #b3261e; }
.ins-form .ins-aide { display: block; color: #667; margin-top: 4px; }
.ins-form .ins-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ins-form .ins-envoyer { margin-top: 6px; padding: 10px 22px; cursor: pointer; }
.ins-form .ins-msg { margin-top: 14px; white-space: pre-line; }
.ins-form .ins-msg-ok { color: #17803d; font-weight: 600; }
.ins-form .ins-msg-ko { color: #b3261e; font-weight: 600; }
/* Pieces jointes : liste cumulee, retrait d'un fichier, barre de progression de l'envoi */
.ins-form .ins-pj-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.ins-form .ins-pj-item { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid #d5dbe8; border-radius: 6px; margin-bottom: 6px; background: #fff; }
.ins-form .ins-pj-nom { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ins-form .ins-pj-taille { color: #667; font-size: .85em; white-space: nowrap; }
.ins-form .ins-pj-retirer { width: 28px; height: 28px; line-height: 1; padding: 0; border: 0; border-radius: 50%; background: #fbe9e7; color: #b3261e; font-size: 18px; cursor: pointer; }
.ins-form .ins-pj-retirer:disabled { opacity: .4; cursor: default; }
.ins-form .ins-pj-erreur { color: #b3261e; margin-top: 6px; white-space: pre-line; }
.ins-form .ins-progress { margin-top: 12px; }
.ins-form .ins-progress-barre { height: 10px; background: #e5e9f2; border-radius: 6px; overflow: hidden; }
.ins-form .ins-progress-fill { height: 100%; width: 0; background: #1f5fbf; transition: width .15s ease; }
.ins-form .ins-progress-texte { margin-top: 4px; font-size: .85em; color: #667; text-align: center; }
.ins-form .ins-rep { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #f0c36d; border-radius: 8px; background: #fff8e6; }
.ins-form .ins-rep[hidden] { display: none; }
.ins-form .ins-rep legend { font-weight: 700; padding: 0 6px; }