.editer.saisie_captcha .captcha-card,
.saisie_captcha .captcha-card{
  display:grid;
  grid-template-columns:72px 1fr;
  grid-template-rows:auto 56px;
  grid-template-areas:"logo center" "logo input";
  gap:10px 14px; align-items:center;
  padding:14px; border:0; border-radius:6px;
  background:#70570E; box-shadow:0 1px 4px rgba(0,0,0,.04); color:#ffffff;
}
.saisie_captcha .captcha-logo{ grid-area:logo; width:72px; height:72px; display:flex; align-items:center; justify-content:center; }
.saisie_captcha .captcha-logo img{ display:block; width:56px; height:56px; }
.saisie_captcha .captcha-center{ grid-area:center; display:flex; align-items:center; justify-content:center; min-height:56px; }
.saisie_captcha .captcha-center .captcha-vignette{
  display:inline-block; padding:8px 12px; border:0; background:#70570E;color: #ffffff;
}
.saisie_captcha .captcha-input{ grid-area:input; display:flex; align-items:flex-end; justify-content:flex-end; gap:8px; }
.saisie_captcha .captcha-input input[type="text"]{
  width:200px; max-width:200px; text-align:center; font-weight:600; outline:none;background-color:#CDA938;
}
.saisie_captcha .captcha-input input[type="text"]:focus{
  border-color:#000000;
}
@media (max-width:480px){
  .editer.saisie_captcha .captcha-card, .saisie_captcha .captcha-card{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    grid-template-areas:"logo" "center" "input";
    text-align:center;
  }
  .saisie_captcha .captcha-input{ justify-content:center; }
}
