.porte-voyageurs-dialogue{
  width:auto;
  max-width:none;
  margin:auto;
  padding:0;
  border:0;
  background:transparent;
  color:#1b1b1b;
}
.porte-voyageurs-dialogue,
.porte-voyageurs-dialogue *{box-sizing:border-box}
.porte-voyageurs-dialogue:not([open]){display:none}
.porte-voyageurs-dialogue::backdrop{background:rgba(18,29,45,.86)}
.porte-voyageurs-boite{
  position:relative;
  width:min(92vw,34rem);
  max-height:88vh;
  overflow:auto;
  padding:26px;
  border:1px solid #1f3557;
  border-top:9px solid #8a2a1f;
  border-radius:4px;
  background:#fffaf0;
  box-shadow:10px 10px 0 rgba(224,169,59,.72);
  font:17px/1.55 Georgia,"Times New Roman",serif;
}
.porte-voyageurs-fermer{
  position:absolute;
  top:8px;
  right:11px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  background:transparent;
  color:#1f3557;
  cursor:pointer;
  font:32px/1 Arial,sans-serif;
}
.porte-voyageurs-fermer:focus-visible,
.porte-voyageurs-dialogue input:focus-visible,
.porte-voyageurs-dialogue button:focus-visible,
.porte-voyageurs-dialogue a:focus-visible{
  outline:3px solid #e0a93b;
  outline-offset:3px;
}
.porte-voyageurs-kicker{
  margin:0 44px 6px 0;
  color:#8a2a1f;
  font:900 11px/1.3 Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.porte-voyageurs-dialogue h2{
  margin:0 44px 10px 0;
  color:#1f3557;
  font-size:clamp(28px,6vw,43px);
  line-height:1.02;
}
.porte-voyageurs-intro{margin:0 0 18px;max-width:31em}
.porte-voyageurs-dialogue label{
  display:block;
  margin:0 0 6px;
  color:#1f3557;
  font:900 13px/1.3 Arial,sans-serif;
  letter-spacing:.04em;
}
.porte-voyageurs-dialogue input{
  display:block;
  width:100%;
  min-height:48px;
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid #7a4a2a;
  border-radius:3px;
  background:#fff;
  color:#1b1b1b;
  font:18px/1.3 Arial,sans-serif;
}
.porte-voyageurs-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.porte-voyageurs-entrer{
  min-height:45px;
  padding:10px 18px;
  border:1px solid #1f3557;
  border-radius:999px;
  background:#1f3557;
  color:#fffaf0;
  cursor:pointer;
  font:900 14px/1.2 Arial,sans-serif;
}
.porte-voyageurs-repli{
  color:#1f3557;
  font:800 13px/1.3 Arial,sans-serif;
}
.porte-voyageurs-statut{min-height:1.5em;margin:10px 0 0;color:#8a2a1f;font:800 13px/1.4 Arial,sans-serif}
.porte-voyageurs-regle{
  margin:16px 0 0;
  padding:12px 14px;
  border-left:5px solid #e0a93b;
  background:#f6efe0;
  color:#51483b;
  font:13px/1.45 Arial,sans-serif;
}
body.porte-voyageurs-ouverte{overflow:hidden}
@media(max-width:520px){
  .porte-voyageurs-boite{padding:22px 18px}
  .porte-voyageurs-actions{display:grid}
  .porte-voyageurs-entrer{width:100%}
}
@media(prefers-reduced-motion:reduce){.porte-voyageurs-dialogue{scroll-behavior:auto}}
@media print{.porte-voyageurs-dialogue{display:none!important}}