/* Formulaire de capture des pages de dictée (téléchargements contre adresse e-mail).
   Mode d'emploi : voir en haut de commun/capture.js. */
#lpj-capture { --petrole:#135E75; --petrole-fonce:#0D4455; --creme:#F3F8F9; --texte:#1F2A30; --gris:#5B6B73;
  font-family:'Open Sans',Arial,sans-serif; color:var(--texte); max-width:640px; margin:24px auto; padding:0 16px; box-sizing:border-box; }
#lpj-capture .lpj-titre { font-size:1.15rem; font-weight:700; color:var(--petrole); margin:0 0 12px; }
#lpj-capture .lpj-choix { display:grid; gap:10px; }
#lpj-capture .lpj-bouton { display:block; box-sizing:border-box; width:100%; text-align:left; border:2px solid var(--petrole); background:#fff;
  color:var(--petrole); border-radius:10px; padding:12px 14px; font:600 1rem 'Open Sans',Arial,sans-serif; cursor:pointer; text-decoration:none; }
#lpj-capture .lpj-bouton small { display:block; font-weight:400; color:var(--gris); margin-top:2px; }
#lpj-capture .lpj-bouton:hover, #lpj-capture .lpj-bouton:focus-visible { background:var(--creme); outline:none; }
#lpj-capture form { display:none; margin-top:14px; background:var(--creme); border-radius:12px; padding:16px; }
#lpj-capture label { display:block; font-weight:600; margin:10px 0 4px; }
#lpj-capture input[type=email], #lpj-capture input[type=text], #lpj-capture select { width:100%; box-sizing:border-box;
  padding:10px; border:1px solid #B9CCD2; border-radius:8px; font:1rem 'Open Sans',Arial,sans-serif; background:#fff; }
#lpj-capture .lpj-case { display:flex; gap:8px; align-items:flex-start; font-weight:400; margin-top:12px; }
#lpj-capture .lpj-case input { margin-top:4px; }
#lpj-capture .lpj-piege { position:absolute; left:-9999px; }
#lpj-capture .lpj-envoyer { margin-top:16px; width:100%; border:0; border-radius:10px; padding:12px; background:var(--petrole);
  color:#fff; font:700 1rem 'Open Sans',Arial,sans-serif; cursor:pointer; }
#lpj-capture .lpj-envoyer:hover { background:var(--petrole-fonce); }
#lpj-capture .lpj-mentions { font-size:.8rem; color:var(--gris); margin-top:10px; }
#lpj-capture .lpj-mentions a { color:var(--petrole); }
#lpj-capture .lpj-message { margin-top:12px; font-weight:600; }
#lpj-capture .lpj-erreur { color:#A33A1E; }
#lpj-capture .lpj-ok a { color:var(--petrole); }