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