/* PASIVITE 2.8.52.62.10 — 17Cyber, page et appels a l'action, CSS isole. */
.psv-17cyber-page,.psv-17cyber-page *,.psv-17cyber-mobile-cta,.psv-17cyber-hero-link{box-sizing:border-box}
.psv-17cyber-page{--p17-navy:#103354;--p17-text:#163755;--p17-teal:#076f69;--p17-border:#d0e5e4;max-width:1180px;margin:0 auto;padding:clamp(16px,3.3vw,42px) clamp(16px,4vw,38px) 44px;color:var(--p17-text);font-family:inherit}
.psv-17cyber-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.psv-17cyber-back{font-size:.95rem;font-weight:700;color:var(--p17-navy);text-decoration:none}
.psv-17cyber-back:hover,.psv-17cyber-back:focus-visible{text-decoration:underline}
.psv-17cyber-official{font-size:.74rem;letter-spacing:.025em;font-weight:800;border-radius:999px;padding:8px 13px;color:#075c57;background:#e2f5ef;border:1px solid #afd6c9}
.psv-17cyber-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,440px);gap:clamp(26px,4vw,56px);align-items:start}
.psv-17cyber-copy{min-width:0;padding-top:8px}
.psv-17cyber-eyebrow{color:var(--p17-teal);font-weight:800;font-size:.77rem;letter-spacing:.09em;margin-bottom:18px}
.psv-17cyber-copy h1{font-size:clamp(2.15rem,3.65vw,3.55rem);font-weight:850;line-height:1.13;letter-spacing:-.035em;color:#143958;margin:0 0 18px}
.psv-17cyber-copy h1 span{color:var(--p17-teal)}
.psv-17cyber-lead{font-size:clamp(1.06rem,1.3vw,1.2rem);line-height:1.64;color:#39556a;margin:0 0 26px;max-width:58ch}
.psv-17cyber-steps{display:grid;gap:13px}
.psv-17cyber-steps>div{display:flex;gap:15px;align-items:flex-start;border:1px solid #d9e9ee;border-radius:15px;background:#fff;padding:15px}
.psv-17cyber-steps b{flex:0 0 39px;height:39px;display:grid;place-items:center;background:#e6f4f3;color:#095a58;font-size:.82rem;border-radius:12px}
.psv-17cyber-steps strong{display:block;color:#173b57;font-size:1rem;line-height:1.35}
.psv-17cyber-steps small{display:block;color:#526c7f;line-height:1.5;font-size:.88rem;margin-top:4px}
.psv-17cyber-urgent{margin-top:22px;background:#fff8e9;border:1px solid #e5cd93;border-left:4px solid #c38b32;padding:18px;border-radius:12px;color:#514026}
.psv-17cyber-urgent strong{display:block;color:#5a3b15}.psv-17cyber-urgent p{margin:8px 0;line-height:1.5}.psv-17cyber-urgent a{font-weight:800;color:#694413}
.psv-17cyber-module-card{min-width:0;border-radius:25px;background:#fff;box-shadow:0 16px 55px rgba(14,49,72,.13);border:1px solid #cde3e7;overflow:hidden}
.psv-17cyber-module-header{display:flex;gap:14px;align-items:center;padding:24px 22px;background:linear-gradient(120deg,#123b5c 0%,#0a5e69 100%);color:white}
.psv-17cyber-module-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:17px;background:white;color:#0a5364;font-weight:900;font-size:1.55rem}
.psv-17cyber-module-header>span:last-child{min-width:0}
.psv-17cyber-module-eyebrow{display:block;color:#d5f7ef;letter-spacing:.08em;font-weight:800;font-size:.69rem}
.psv-17cyber-module-header strong{display:block;font-size:1.25rem;margin:4px 0}
.psv-17cyber-module-header small{display:block;color:#eefbff;line-height:1.45;font-size:.78rem}
.psv-17cyber-widget-intro{padding:25px 23px 20px}
.psv-17cyber-widget-intro>p:first-child{font-size:1.04rem;line-height:1.6;margin:0 0 18px;color:#28475d}
.psv-17cyber-launch{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;border:0;border-radius:13px;background:#08786f;color:white;padding:15px 20px;gap:12px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;transition:background .15s ease}
.psv-17cyber-launch:hover,.psv-17cyber-launch:focus-visible{background:#075a56;outline:3px solid #bce6de;outline-offset:2px}
.psv-17cyber-privacy{margin:13px 0 0!important;color:#526b7d;font-size:.84rem!important;line-height:1.55!important}
.psv-17cyber-widget-shell{padding:18px 10px 18px;min-height:160px}
.psv-17cyber-widget-shell[hidden],.psv-17cyber-widget-intro[hidden]{display:none!important}
.psv-17cyber-status{font-size:.91rem;line-height:1.45;color:#1b5361;text-align:center;margin:8px 0 12px}
.psv-17cyber-status.is-error{color:#a23d2b;font-weight:700}
.psv-17cyber-widget-anchor{width:100%;min-height:220px;max-width:400px;margin:0 auto}
.psv-17cyber-widget-anchor iframe{max-width:100%}
.psv-17cyber-fallback{border-top:1px solid #e1edef;padding:17px 23px 20px;display:grid;gap:8px;font-size:.88rem;color:#536b7d}
.psv-17cyber-fallback a{font-weight:800;color:#086e69;text-decoration:underline;text-underline-offset:3px}
.psv-17cyber-note{margin:28px 0 0;padding-top:18px;border-top:1px solid #d4e4e8;color:#596d7a;line-height:1.6;font-size:.9rem}
/* Acces rapide visibles sans bousculer la navigation et les cartes existantes */
.psv-17cyber-hero-link,.psv-17cyber-mobile-cta{display:flex;gap:13px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid #a7d3cc;background:#e8f7f4;color:#123d47;text-decoration:none;max-width:100%}
.psv-17cyber-hero-link{margin:20px 0 8px;max-width:570px}
.psv-17cyber-hero-link strong,.psv-17cyber-mobile-cta strong{display:block;font-weight:800;color:#153e51;line-height:1.35}
.psv-17cyber-hero-link small,.psv-17cyber-mobile-cta small{display:block;color:#395c64;margin-top:3px;line-height:1.4}
.psv-17cyber-hero-link>span:nth-child(2),.psv-17cyber-mobile-cta>span:nth-child(2){flex:1;min-width:0}
.psv-17cyber-hero-symbol,.psv-17cyber-mobile-cta-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0b615d;color:white;font-size:1.25rem;font-weight:900}
.psv-17cyber-hero-link>b,.psv-17cyber-mobile-cta>b{font-size:1.3rem;color:#086962}
.psv-17cyber-mobile-cta{margin:12px 0 18px!important;position:relative;z-index:1}
.psv-17cyber-cybermois-link{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:100%;margin:14px 0 0;border:1px solid #aed9d2;background:#e6f6f2;color:#144c4c;border-radius:14px;padding:13px 16px;text-decoration:none}
.psv-17cyber-cybermois-link>span{flex:1;min-width:0}
.psv-17cyber-cybermois-link strong,.psv-17cyber-cybermois-link small{display:block;line-height:1.4}
.psv-17cyber-cybermois-link b{display:block;background:#08736b;color:white;flex:0 0 auto;text-align:center;padding:11px 15px;border-radius:10px;font-size:.92rem}
.psv-17cyber-cybermois-link:hover,.psv-17cyber-mobile-cta:hover,.psv-17cyber-hero-link:hover{border-color:#08857b;box-shadow:0 2px 12px rgba(5,93,83,.12)}
.psv-17cyber-news-entry{border-left:4px solid #0c8279!important}
.psv-nav-official-help{font-weight:800!important}
@media(max-width:900px){.psv-17cyber-grid{grid-template-columns:minmax(0,1fr)}.psv-17cyber-module-card{width:100%;max-width:560px;margin:0 auto}.psv-17cyber-copy h1{max-width:16ch}}
@media(max-width:520px){.psv-17cyber-page{padding:16px 12px 40px}.psv-17cyber-grid{gap:21px}.psv-17cyber-copy h1{font-size:2.1rem}.psv-17cyber-steps{gap:9px}.psv-17cyber-module-card{border-radius:19px}.psv-17cyber-cybermois-link{flex-direction:column;align-items:stretch}.psv-17cyber-cybermois-link b{width:100%}.psv-17cyber-widget-intro{padding:20px 17px}}
@media(prefers-reduced-motion:reduce){.psv-17cyber-launch{transition:none}}

/* V62.10.1 : secours 403, CTA officiel prioritaire et rendu mobile immédiat. */
.psv-17cyber-official-launch{text-decoration:none!important;text-align:left;line-height:1.35}
.psv-17cyber-official-launch:focus-visible{outline:3px solid #bce6de;outline-offset:2px}
.psv-17cyber-service-note{font-size:.93rem!important;line-height:1.5!important;margin:0 0 16px!important;color:#516a7b!important}
.psv-17cyber-widget-test{margin:0 15px 16px;padding:14px;background:#fff7e8;border:1px dashed #c9a76d;border-radius:12px}
.psv-17cyber-widget-test>p{margin:0 0 8px;font-size:.84rem;line-height:1.45}
.psv-17cyber-widget-test .psv-17cyber-widget-intro{padding:8px 0}
@media(max-width:900px){
 .psv-17cyber-grid{display:flex;flex-direction:column}
 .psv-17cyber-module-card{order:0;max-width:none}
 .psv-17cyber-copy{order:1}
 .psv-17cyber-copy h1{max-width:none}
}
@media(max-width:520px){
 .psv-17cyber-module-header{padding:16px}
 .psv-17cyber-launch{padding:15px 14px;min-width:0}
 .psv-17cyber-widget-intro{padding:18px 16px}
 .psv-17cyber-top{margin-bottom:12px}
}

/* V62.10.2 : alignement du CTA 17Cyber Cybermois avec les actions et l'aide humaine. */
.psv-cybermois-card > a.psv-17cyber-cybermois-link {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
  align-self: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 12px;
  margin: 12px 0 0 !important;
}
.psv-cybermois-card > a.psv-17cyber-cybermois-link > span {
  flex: 1 1 auto;
  min-width: 0;
}
.psv-cybermois-card > a.psv-17cyber-cybermois-link > b {
  flex: 0 0 auto;
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
/* Format pleine largeur sur telephone comme les boutons Cybermois du dessus. */
@media (max-width: 680px) {
  .psv-cybermois-card > a.psv-17cyber-cybermois-link {
    flex-direction: column;
    align-items: stretch;
  }
  .psv-cybermois-card > a.psv-17cyber-cybermois-link > b {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
/* Aucun étirement de l'iframe fournisseur au-dela de sa largeur documentee (400px). */
.psv-17cyber-widget-anchor { width: 100%; max-width: 400px; min-width: 0; }
.psv-17cyber-widget-anchor iframe { max-width: 100%; }

/* V62.10.3 : correctif d'affichage sur les ecrans compacts et les widgets a chargement differe. */
.psv-17cyber-grid, .psv-17cyber-module-card, .psv-17cyber-widget-shell,
.psv-17cyber-widget-anchor, .psv-17cyber-copy { min-width: 0; }
.psv-17cyber-widget-shell { padding: 10px 12px 16px; min-height: 0; }
.psv-17cyber-widget-anchor:empty { min-height: 0; }
.psv-17cyber-status { margin: 4px 0 10px; text-align: left; }
.psv-17cyber-module-card { align-self: start; }
.psv-17cyber-note { max-width: 68ch; margin: 22px auto 0; }
.psv-17cyber-widget-anchor iframe { display: block; width: 100%; max-width: 400px; border: 0; }
@media (max-width: 900px) {
  .psv-17cyber-page { width: 100%; max-width: 680px; }
  .psv-17cyber-grid { gap: 16px; }
  .psv-17cyber-module-card { width: 100%; margin: 0; }
  .psv-17cyber-note { margin: 18px 0 0; }
}
@media (max-width: 520px) {
  .psv-17cyber-page { padding: 12px 12px 28px; }
  .psv-17cyber-module-header { gap: 10px; }
  .psv-17cyber-module-header strong { font-size: 1.1rem; }
  .psv-17cyber-module-header small { font-size: .73rem; }
  .psv-17cyber-widget-shell { padding: 10px 8px 14px; }
  .psv-17cyber-fallback { padding: 14px 16px; }
  .psv-17cyber-note { font-size: .85rem; line-height: 1.5; }
}

/* V62.10.5 : action de diagnostic d'abord dans l'ordre DOM et sur mobile. */
.psv-17cyber-grid>.psv-17cyber-copy{grid-column:1;grid-row:1}
.psv-17cyber-grid>.psv-17cyber-module-card{grid-column:2;grid-row:1}
.psv-17cyber-page .psv-17cyber-launch{text-decoration:none;white-space:normal;text-align:left}
@media(max-width:900px){
 .psv-17cyber-grid>.psv-17cyber-module-card{grid-column:1;grid-row:1}
 .psv-17cyber-grid>.psv-17cyber-copy{grid-column:1;grid-row:2}
}