/* HDM 1.2.14 (ÉCRAN 462) — la visionneuse, copiée d'HPM 1.4.31 ; angles droits et Arial (charte HDM). */
html.hdm-vz-ouvert, html.hdm-vz-ouvert body{overflow:hidden !important}
.hdm-vz{position:fixed; inset:0; z-index:2147483600; background:rgba(17,20,28,.78); display:flex; align-items:center; justify-content:center; padding:2.5vh 3vw; font-family:inherit}
.hdm-vz[hidden]{display:none}
.hdm-vz-boite{width:min(1180px,100%); height:100%; display:flex; flex-direction:column; background:#3f4550; border-radius:0; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.45)}
.hdm-vz.est-grand{padding:0}
.hdm-vz.est-grand .hdm-vz-boite{width:100%; border-radius:0}
.hdm-vz-boite:fullscreen{width:100%; border-radius:0}
.hdm-vz-h{display:flex; align-items:center; gap:10px; padding:10px 14px; background:linear-gradient(135deg,#0068E8,#8224E3); color:#fff; flex:none}
.hdm-vz-ext{font:800 11px/1 system-ui,sans-serif; background:#fff; color:var(--c,#374151); border-radius:0; padding:7px 7px; min-width:34px; text-align:center}
.hdm-vz-t{flex:1; min-width:0}
.hdm-vz-t b{display:block; font-size:15px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hdm-vz-t small{display:block; font-size:12px; opacity:.88; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hdm-vz-pos{font-size:13px; opacity:.9; white-space:nowrap}
.hdm-vz-b{display:inline-flex; align-items:center; gap:4px; height:34px; padding:0 12px; border-radius:0; background:rgba(255,255,255,.16); color:#fff !important; font-family:inherit; font-weight:600; font-size:13px; line-height:1; border:0; cursor:pointer; text-decoration:none !important; white-space:nowrap}
.hdm-vz-b:hover{background:rgba(255,255,255,.28)}
.hdm-vz-b[hidden]{display:none}
.hdm-vz-x{width:34px; justify-content:center; padding:0; font-size:15px}
.hdm-vz-c{flex:1; min-height:0; position:relative; display:flex}
.hdm-vz-zone{flex:1; overflow:auto; outline:none; background:#525862; position:relative}
.hdm-vz-fl{position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:44px; height:44px; border-radius:50%; border:0; background:rgba(17,20,28,.55); color:#fff; font-size:26px; line-height:1; cursor:pointer}
.hdm-vz-fl:hover{background:rgba(17,20,28,.8)}
.hdm-vz-fl.est-g{left:14px} .hdm-vz-fl.est-d{right:14px}
.hdm-vz-fl[hidden]{display:none}
.hdm-vz-f{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; padding:8px 12px; background:#2f343d; color:#fff; font-size:13px; flex:none}
.hdm-vz-grp{display:inline-flex; background:rgba(255,255,255,.12); border-radius:0; overflow:hidden}
.hdm-vz-grp button, .hdm-vz-grp1{border:0; background:transparent; color:#fff; font-family:inherit; font-weight:600; font-size:13px; line-height:1; padding:8px 12px; cursor:pointer}
.hdm-vz-grp button:hover, .hdm-vz-grp1:hover{background:rgba(255,255,255,.18)}
.hdm-vz-grp1{background:rgba(255,255,255,.12); border-radius:0}
.hdm-vz-pc{min-width:74px}
.hdm-vz-page{opacity:.9; min-width:90px; text-align:center}
/* 1.4.40 : changer de document dans l'en-tête */
.hdm-vz-docs{display:inline-flex; align-items:center; gap:2px; background:rgba(255,255,255,.14); border-radius:0; padding:2px}
.hdm-vz-docs[hidden]{display:none}
.hdm-vz-docs button{border:0; background:transparent; color:#fff; width:30px; height:30px; border-radius:0; font-size:20px; line-height:1; cursor:pointer; padding:0}
.hdm-vz-docs button:hover{background:rgba(255,255,255,.22)}
.hdm-vz-docs .hdm-vz-pos{padding:0 6px; font-size:12.5px; white-space:nowrap}
/* 1.4.38 : navigation page par page */
.hdm-vz-nav{display:inline-flex; align-items:center; gap:8px}
.hdm-vz-nav[hidden]{display:none}
.hdm-vz-grp button[disabled]{opacity:.35; cursor:default}
.hdm-vz-pn{display:inline-flex; align-items:center; gap:4px; padding:0 8px; font-size:13px; color:#fff; white-space:nowrap}
.hdm-vz-pn input{width:4ch; min-width:3.2ch; box-sizing:content-box; border:1px solid rgba(255,255,255,.35) !important; background:rgba(0,0,0,.25) !important; color:#fff !important; border-radius:0 !important;
  padding:3px 5px !important; font:inherit !important; font-size:13px !important; text-align:center; margin:0 !important; height:auto !important; box-shadow:none !important; -moz-appearance:textfield}
.hdm-vz-pn input::-webkit-outer-spin-button,.hdm-vz-pn input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.hdm-vz-pages.est-une{min-height:100%; justify-content:center}
.hdm-vz-nodl{background:#7a2e0e; border-radius:0; padding:7px 11px; font-weight:600; font-size:12px}
.hdm-vz-nodl[hidden]{display:none}
.hdm-vz button:focus-visible, .hdm-vz a:focus-visible{outline:2px solid #fff; outline-offset:2px}
.hdm-vz-msg{margin:60px auto; max-width:460px; color:#fff; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; font-size:14px}
.hdm-vz-msg.est-carte{background:#fff; color:#374151; border-radius:0; padding:22px 24px}
.hdm-vz-msg.est-carte b{color:#1d2430; font-size:15px}
.hdm-vz-spin{width:26px; height:26px; border-radius:50%; border:3px solid rgba(255,255,255,.25); border-top-color:#fff; animation:hdm-vz-t 0.9s linear infinite}
@keyframes hdm-vz-t{to{transform:rotate(360deg)}}
.hdm-vz-pages{display:flex; flex-direction:column; align-items:center; gap:18px; padding:24px 16px 40px; min-width:min-content}
.hdm-vz-pdfp{background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.35); flex:none}
.hdm-vz-pdfp canvas{display:block}
.hdm-vz-img{min-height:100%; display:flex; align-items:center; justify-content:center; padding:24px; box-sizing:border-box; min-width:min-content}
.hdm-vz-img img{display:block; max-width:none; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hdm-vz-feuille{max-width:920px; margin:24px auto; background:#fff; border-radius:0; box-shadow:0 10px 30px rgba(0,0,0,.35); padding:20px 24px; overflow:auto}
.hdm-vz-feuille pre{margin:0; white-space:pre-wrap; word-break:break-word; font:13px/1.6 ui-monospace,Menlo,Consolas,monospace; color:#1d2430}
.hdm-vz-table{border-collapse:collapse; font-size:12.5px}
.hdm-vz-table th, .hdm-vz-table td{border:1px solid #e3e6ec; padding:5px 8px; text-align:left; white-space:nowrap}
.hdm-vz-table th{background:#f3f4f7}
.hdm-vz-cadre{display:block; width:100%; height:100%; border:0; background:#525862}
.hdm-vz.est-nodl .hdm-vz-zone{-webkit-user-select:none; user-select:none}
@media (max-width: 720px){
  .hdm-vz{padding:0}
  .hdm-vz-boite{border-radius:0}
  .hdm-vz-lbl, .hdm-vz-pos, [data-vz="fenetre"]{display:none}
  .hdm-vz-fl{width:36px; height:36px; font-size:22px}
  .hdm-vz-fl.est-g{left:6px} .hdm-vz-fl.est-d{right:6px}
}
/* Impression coupée quand le document ne l'autorise pas. */
@media print{
  html.hdm-vz-sans-impression body *{visibility:hidden !important}
  html.hdm-vz-sans-impression body::before{content:"Impression désactivée pour ce document."; visibility:visible; display:block; padding:40px; font:16px system-ui,sans-serif}
}


.hdm-vz-boite{position:relative}
.hdm-vz-toast{position:absolute; left:50%; bottom:64px; transform:translate(-50%,12px); background:#1d2430; color:#fff; font-size:13px; font-weight:600; padding:10px 14px; border-radius:0; box-shadow:0 8px 24px rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; max-width:90%; text-align:center; z-index:5}
.hdm-vz-toast.est-vu{opacity:1; transform:translate(-50%,0)}
.hdm-vz-reserve{background:#3f2a73; border-radius:0; padding:7px 11px; font-weight:600; font-size:12px}
.hdm-vz-reserve[hidden]{display:none}
.hdm-vz, .hdm-vz button, .hdm-vz input{font-family:Arial,Helvetica,sans-serif}
.hdm-vz-boite, .hdm-vz-ext, .hdm-vz-b, .hdm-vz-grp, .hdm-vz-grp1, .hdm-vz-docs, .hdm-vz-docs button, .hdm-vz-nodl, .hdm-vz-reserve, .hdm-vz-msg.est-carte, .hdm-vz-feuille, .hdm-vz-toast, .hdm-vz-pn input{border-radius:0 !important}
.hdm-vz-msg .hdm12-btn{display:inline-block;margin-top:6px}
