.ca-msg-ctawrap{display:flex;flex-direction:column;gap:4px;align-items:stretch;margin-top:8px} .ca-msg-ctawrap.is-profil{align-items:flex-start;margin-top:12px} .ca-msg-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:11px;border:1px solid rgba(16,126,237,.42);background:rgba(16,126,237,.12);color:#6ab5ff;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,transform .16s,color .16s;line-height:1.2} .ca-msg-cta svg{width:15px;height:15px;flex:0 0 15px} .ca-msg-cta:hover{background:rgba(16,126,237,.22);border-color:#107eed;color:#fff;transform:translateY(-1px)} .ca-msg-cta:focus-visible{outline:2px solid #107eed;outline-offset:2px} .ca-msg-react-mini{font-size:.71rem;color:#34d399;font-weight:600;text-align:center} .ca-msg-ctawrap.is-profil .ca-msg-react-mini{text-align:left} html.ca-light .ca-msg-cta{background:rgba(17,113,210,.08);border-color:rgba(17,113,210,.35);color:#1e64ab} html.ca-light .ca-msg-cta:hover{background:#1171d2;border-color:#1171d2;color:#fff} html.ca-light .ca-msg-react-mini{color:#047857} .ca-msg-ov{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(8,9,14,.68);backdrop-filter:blur(4px)} .ca-msg-ov.is-on{display:flex} .ca-msg-mod{width:100%;max-width:480px;background:#171a25;color:#e8eaf2;border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden;animation:caModIn .18s ease-out} html.ca-light .ca-msg-mod{background:#fff;color:#181b26;border-color:rgba(18,20,29,.1)} @keyframes caModIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}} .ca-msg-mod-top{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08)} html.ca-light .ca-msg-mod-top{border-color:rgba(18,20,29,.08)} .ca-msg-mod-top strong{font-size:1rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ca-msg-x{border:0;background:transparent;color:inherit;opacity:.6;cursor:pointer;font-size:1.4rem;line-height:1;padding:2px 6px;border-radius:8px} .ca-msg-x:hover{opacity:1;background:rgba(255,255,255,.07)} .ca-msg-mod-body{padding:16px} .ca-msg-mod-ctx{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:20px;font-size:.74rem;font-weight:700;background:rgba(16,126,237,.16);color:#6ab5ff} html.ca-light .ca-msg-mod-ctx{background:rgba(17,113,210,.09);color:#1e64ab} .ca-msg-mod-react{margin:0 0 10px;font-size:.76rem;color:#34d399;font-weight:600} .ca-msg-mod-body textarea{width:100%;min-height:104px;max-height:220px;resize:vertical;padding:12px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:.9rem;outline:none;transition:border-color .16s,box-shadow .16s} html.ca-light .ca-msg-mod-body textarea{background:#f7f8fc;border-color:rgba(18,20,29,.12)} .ca-msg-mod-body textarea:focus{border-color:#107eed;box-shadow:0 0 0 3px rgba(16,126,237,.18)} .ca-msg-mod-sugg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px} .ca-msg-mod-sugg button{border:1px dashed rgba(255,255,255,.16);background:transparent;color:inherit;opacity:.75;border-radius:20px;padding:5px 11px;font-size:.75rem;cursor:pointer} .ca-msg-mod-sugg button:hover{opacity:1;border-style:solid;border-color:#107eed} html.ca-light .ca-msg-mod-sugg button{border-color:rgba(18,20,29,.18)} .ca-msg-mod-bas{display:flex;align-items:center;gap:10px;padding:0 16px 16px} .ca-msg-mod-cnt{font-size:.74rem;opacity:.6;margin-right:auto} .ca-msg-mod-go{border:0;border-radius:12px;padding:11px 20px;background:linear-gradient(135deg,#1171d2,#0f93d6);color:#fff;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 6px 18px rgba(17,113,210,.32)} .ca-msg-mod-go[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none} .ca-msg-mod-note{margin:10px 0 0;font-size:.74rem;opacity:.6;line-height:1.5} .ca-msg-mod-flash{margin:0 0 10px;padding:10px 13px;border-radius:11px;font-size:.85rem;display:none} .ca-msg-mod-flash.is-on{display:block} .ca-msg-mod-flash.is-ko{background:rgba(248,113,113,.14);color:#fca5a5} .ca-msg-mod-flash.is-ok{background:rgba(52,211,153,.14);color:#6ee7b7} html.ca-light .ca-msg-mod-flash.is-ko{color:#b91c1c} html.ca-light .ca-msg-mod-flash.is-ok{color:#047857} .ca-msg-ok{text-align:center;padding:10px 4px 4px} .ca-msg-ok svg{width:44px;height:44px;color:#34d399;margin:0 auto 10px;display:block} .ca-msg-ok p{margin:0 0 14px;font-size:.9rem;opacity:.85} .ca-msg-lien{display:inline-block;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#1171d2,#0f93d6);color:#fff;font-weight:700;font-size:.86rem;text-decoration:none} a.ca-stat.ca-stat-msg{text-decoration:none;transition:transform .16s,box-shadow .16s} a.ca-stat.ca-stat-msg:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,113,210,.20)} .ca-msg-badge{display:inline-block;box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;margin-left:6px;border-radius:999px;background:#f0243f;color:#fff;font-size:10px;line-height:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;vertical-align:middle;position:relative;top:-1px;box-shadow:none;text-shadow:none;-webkit-font-smoothing:antialiased} .ca-navmob-i{position:relative} .ca-navmob-i .ca-msg-badge{position:absolute;top:3px;left:calc(50% + 4px);margin:0} .ca-dash-alerte{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0 0 1rem;border-radius:16px;text-decoration:none;background:linear-gradient(100deg,rgba(15,147,214,.20),rgba(56,189,248,.12));border:1px solid rgba(15,147,214,.40);box-shadow:0 6px 20px rgba(17,113,210,.16);transition:transform .16s,border-color .16s} .ca-dash-alerte:hover{transform:translateY(-2px);border-color:rgba(15,147,214,.68)} .ca-dash-alerte-ico{position:relative;flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1171d2,#0f93d6);color:#fff} .ca-dash-alerte-ico::after{content:"";position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#f0243f;border:2px solid #131735} .ca-dash-alerte-ico svg{width:21px;height:21px} .ca-dash-alerte-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto} .ca-dash-alerte-txt strong{font-size:.98rem;font-weight:800;color:#fff} .ca-dash-alerte-txt span{font-size:.82rem;color:#a5c2df} .ca-dash-alerte-go{flex:0 0 auto;padding:9px 16px;border-radius:999px;background:#fff;color:#12132f;font-weight:800;font-size:.84rem} .ca-dash-msg .ca-dash-sec-head h3{display:flex;align-items:center;gap:8px} .ca-dash-msg .ca-dash-sec-head h3 svg{width:19px;height:19px} .ca-dash-msg-lien{font-size:.84rem;font-weight:700;color:#59acff;text-decoration:none} .ca-dash-msg-lien:hover{text-decoration:underline} .ca-dash-convs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .ca-dash-conv{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);transition:background .16s,border-color .16s} .ca-dash-conv:hover{background:rgba(15,147,214,.12);border-color:rgba(15,147,214,.4)} .ca-dash-conv img{flex:0 0 auto;width:38px;height:38px;border-radius:50%;object-fit:cover} .ca-dash-conv-in{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px} .ca-dash-conv-top{display:flex;align-items:baseline;gap:8px;justify-content:space-between} .ca-dash-conv-nom{font-weight:700;font-size:.9rem;color:#e9ebff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ca-dash-conv-date{flex:0 0 auto;font-size:.72rem;color:#7d99b5} .ca-dash-conv-ap{font-size:.82rem;color:#94b0cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ca-dash-conv.is-nl{background:rgba(15,147,214,.12);border-color:rgba(15,147,214,.34)} .ca-dash-conv.is-nl .ca-dash-conv-nom::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#f0243f;margin-right:7px;vertical-align:middle} .ca-dash-conv.is-nl .ca-dash-conv-nom{color:#fff} .ca-dash-conv.is-nl .ca-dash-conv-ap{color:#dfe2ff;font-weight:600} .ca-dash-msg-vide{margin:0 0 .9rem;font-size:.88rem;color:#94b0cb;line-height:1.55} .ca-dash-msg-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;background:linear-gradient(90deg,#0068d0,#1a6fd0);color:#fff;font-weight:700;font-size:.86rem;text-decoration:none} .ca-dash-hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .ca-dash-cta2{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.88rem;color:#dfe3ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:background .16s,border-color .16s} .ca-dash-cta2:hover{background:rgba(15,147,214,.2);border-color:rgba(15,147,214,.55);color:#fff} .ca-dash-cta2 svg{width:17px;height:17px} .ca-dash-cta2.has-nl{border-color:rgba(15,147,214,.55);background:rgba(15,147,214,.18)} html.ca-light .ca-dash-alerte{background:linear-gradient(100deg,rgba(15,147,214,.12),rgba(56,189,248,.08));border-color:rgba(15,147,214,.32);box-shadow:0 6px 18px rgba(17,113,210,.09)} html.ca-light .ca-dash-alerte-ico::after{border-color:#ffffff} html.ca-light .ca-dash-alerte-txt strong{color:#12132f} html.ca-light .ca-dash-alerte-txt span{color:#4a5170} html.ca-light .ca-dash-alerte-go{background:#12132f;color:#fff} html.ca-light .ca-dash-conv{background:#fff;border-color:rgba(15,23,42,.10)} html.ca-light .ca-dash-conv:hover{background:rgba(15,147,214,.08);border-color:rgba(15,147,214,.35)} html.ca-light .ca-dash-conv-nom{color:#141733} html.ca-light .ca-dash-conv-ap{color:#525a78} html.ca-light .ca-dash-conv-date{color:#6b7290} html.ca-light .ca-dash-conv.is-nl{background:rgba(15,147,214,.08);border-color:rgba(15,147,214,.32)} html.ca-light .ca-dash-conv.is-nl .ca-dash-conv-nom{color:#0b0e22} html.ca-light .ca-dash-conv.is-nl .ca-dash-conv-ap{color:#3a4160} html.ca-light .ca-dash-msg-vide{color:#525a78} html.ca-light .ca-dash-cta2{color:#25305a;background:#fff;border-color:rgba(15,23,42,.14)} html.ca-light .ca-dash-cta2:hover{color:#12132f} html.ca-light .ca-dash-msg-lien{color:#1861ab} @media (max-width:640px){.ca-dash-alerte{padding:12px;gap:11px}.ca-dash-alerte-go{padding:8px 13px;font-size:.8rem}.ca-dash-alerte-txt span{display:none}.ca-dash-hero-act{width:100%}.ca-dash-hero-act>a{flex:1 1 100%;justify-content:center}} @media (max-width:600px){.ca-msg-cta{width:100%}} @media (prefers-reduced-motion:reduce){.ca-msg-mod{animation:none}} .ca-row-meta .ca-coeur{position:relative;box-sizing:border-box;display:inline-flex;align-self:stretch;align-items:center;justify-content:center;gap:5px;height:auto;min-height:0;margin:0;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:inherit;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .16s ease,border-color .16s ease,color .16s ease} .ca-row-meta .ca-coeur:hover{background:rgba(244,63,94,.14);border-color:rgba(244,63,94,.46);color:#fda4af;text-decoration:none} .ca-row-meta .ca-coeur:focus-visible{outline:2px solid #fb7185;outline-offset:2px} .ca-row-meta .ca-coeur .ca-coeur-i{display:block;line-height:0} .ca-row-meta .ca-coeur svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s ease,stroke .18s ease,transform .2s ease} .ca-row-meta .ca-coeur:hover svg{stroke:#fb7185} .ca-row-meta .ca-coeur .ca-coeur-n{font-variant-numeric:tabular-nums;letter-spacing:.01em} /* Zone tactile élargie sans effet sur la mise en page. */ .ca-row-meta .ca-coeur::after{content:'';position:absolute;inset:-8px -6px} .ca-row-meta .ca-coeur.is-on{background:rgba(244,63,94,.16);border-color:rgba(244,63,94,.52);color:#fda4af;cursor:default} .ca-row-meta .ca-coeur.is-on svg{fill:#f43f5e;stroke:#f43f5e} .ca-row-meta .ca-coeur.is-bump svg{animation:ca-coeur-bump .42s ease} @keyframes ca-coeur-bump{0%{transform:scale(1)}35%{transform:scale(1.4)}70%{transform:scale(.9)}100%{transform:scale(1)}} html.ca-light .ca-row-meta .ca-coeur{border-color:rgba(16,24,40,.18);background:rgba(16,24,40,.04)} html.ca-light .ca-row-meta .ca-coeur:hover{color:#be123c;background:rgba(244,63,94,.10);border-color:rgba(244,63,94,.44)} html.ca-light .ca-row-meta .ca-coeur.is-on{color:#be123c;background:rgba(244,63,94,.11);border-color:rgba(244,63,94,.46)} @media (prefers-reduced-motion:reduce){.ca-row-meta .ca-coeur,.ca-row-meta .ca-coeur svg{transition:none}.ca-row-meta .ca-coeur.is-bump svg{animation:none}} .ca-cmp-chips{display:flex;flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto 22px;padding:0 4px} .ca-cmp-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid rgba(61,153,244,.35);background:rgba(30,32,66,.55);color:#e7e9ff!important;font-weight:600;font-size:.94rem;line-height:1;text-decoration:none!important;transition:background .18s,border-color .18s} .ca-cmp-chip span{font-size:.78rem;opacity:.65;font-weight:700} .ca-cmp-chip:hover{border-color:#3d99f4;background:rgba(35,83,132,.4)} .ca-cmp-chip.is-on{background:linear-gradient(135deg,#1861ab 0%,#1a6fd0 100%);border-color:transparent;color:#fff!important} .ca-cmp-chip.is-on span{opacity:.85} .ca-cmp-intro{max-width:1180px;margin:0 auto 26px;padding:0 4px} .ca-cmp-intro p{margin:0;font-size:1rem;line-height:1.7;color:#b9c0e0!important} .ca-cmp-intro a{color:#7dd3fc!important;font-weight:600;text-decoration:underline} .ca-cmp-next{max-width:1180px;margin:0 auto 30px;padding:20px 22px;border-radius:18px;border:1px dashed rgba(61,153,244,.45);background:rgba(24,26,58,.45)} .ca-cmp-next-t{margin:0 0 6px;font-weight:800;font-size:1.05rem;color:#fff!important} .ca-cmp-next-d{margin:0 0 14px;font-size:.94rem;color:#9bb6d0!important} .ca-cmp-next-l{display:flex;flex-wrap:wrap;gap:9px} .ca-cmp-next-l a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:rgba(24,97,171,.22);border:1px solid rgba(61,153,244,.3);color:#e7e9ff!important;font-weight:600;font-size:.9rem;text-decoration:none!important} .ca-cmp-next-l a span{font-size:.76rem;opacity:.6} .ca-cmp-next-l a:hover{background:rgba(56,189,248,.25);border-color:#38bdf8} .ca-cmp-toc{margin:0 0 28px;padding:16px 22px;border-radius:16px;border:1px solid rgba(61,153,244,.28);background:rgba(24,26,58,.5)} .ca-cmp-toc-t{margin:0 0 8px!important;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;color:#7ebdfb!important} .ca-cmp-toc ol{margin:0!important;padding-left:20px} .ca-cmp-toc li{margin:5px 0;font-size:.96rem} .ca-cmp-toc a{color:#b1d8fe!important;text-decoration:none!important} .ca-cmp-toc a:hover{color:#7dd3fc!important;text-decoration:underline!important} .ca-cmp-updated{margin:0 0 14px!important;font-size:.88rem;color:#8ea7c0!important} html.ca-light .ca-cmp-chip{background:#fff;border-color:#d7dbf0;color:#1f2447!important} html.ca-light .ca-cmp-chip:hover{background:#eef1fd;border-color:#3d99f4} html.ca-light .ca-cmp-chip.is-on{color:#fff!important;border-color:transparent} html.ca-light .ca-cmp-intro p{color:#41476b!important} html.ca-light .ca-cmp-intro a{color:#1d4ed8!important} html.ca-light .ca-cmp-next{background:#f6f7fe;border-color:#c9d0ee} html.ca-light .ca-cmp-next-t{color:#161a34!important} html.ca-light .ca-cmp-next-d{color:#4a5175!important} html.ca-light .ca-cmp-next-l a{background:#fff;border-color:#d7dbf0;color:#1f2447!important} html.ca-light .ca-cmp-toc{background:#f6f7fe;border-color:#dfe3f5} html.ca-light .ca-cmp-toc-t{color:#235384!important} html.ca-light .ca-cmp-toc a{color:#1f2447!important} html.ca-light .ca-cmp-updated{color:#5b6285!important} html.ca-light .ast-article-post .cat-links a,html.ca-light .ast-article-single .cat-links a,html.ca-light .ast-article-post .tags-links a{color:#1f446a!important} @media (max-width:600px){.ca-cmp-next{padding:16px}.ca-cmp-chip{font-size:.88rem;padding:8px 13px}} .ca-dash{grid-template-columns:minmax(0,1fr)}.ca-dash>*,.ca-dash-grid>*,.ca-dash-col>*,.ca-dash-section{min-width:0} @supports (grid-template-rows:subgrid){.ca-grid>.ca-card{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0}.ca-grid>.ca-card[hidden]{display:none}.ca-grid>.ca-card>.ca-card-top{grid-row:1}.ca-grid>.ca-card>.ca-brand{grid-row:2}.ca-grid>.ca-card>.ca-badges{grid-row:3}.ca-grid>.ca-card>.ca-desc{grid-row:4}.ca-grid>.ca-card>.ca-bonus{grid-row:5}.ca-grid>.ca-card>.ca-codebox{grid-row:6}.ca-grid>.ca-card>.ca-actions{grid-row:7;margin-top:0;align-self:stretch}.ca-grid>.ca-card>.ca-actions>.ca-more{margin-top:auto}} .ca-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--cal-px,72px);height:var(--cal-px,72px);flex:0 0 auto;border-radius:23%;overflow:hidden}.ca-logo-mono{background:linear-gradient(140deg,var(--cal-1,#0072e4),var(--cal-2,#174b80));box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.09)}.ca-logo-has{background:#fff;box-shadow:0 10px 26px -14px rgba(2,6,23,.7),inset 0 0 0 1px rgba(15,23,42,.10)}.ca-logo-img{width:100%;height:100%;object-fit:contain;padding:0;background:#fff;display:block}.ca-logo-ini{font-weight:800;font-size:var(--cal-fs,28px);letter-spacing:.02em;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ca-logo-ini[hidden]{display:none}.ca-logo-mono .ca-logo-ini{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.ca-logo-sm{border-radius:26%} .ca-cmp-brand{white-space:normal;line-height:1.3} .ca-cmp-brand strong{vertical-align:middle;display:inline-block} .ca-cmp-brand .ca-logo{vertical-align:middle;margin-right:9px} .ca-vpn-card{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr) auto;gap:18px;align-items:center;margin:30px 0 26px;padding:18px 20px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))} .ca-vpn-rang{position:absolute;top:-13px;left:18px;display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#1861ab,#0369a1);padding:5px 13px;border-radius:999px;box-shadow:0 10px 20px -12px rgba(14,165,233,.95)} .ca-vpn-id{display:flex;align-items:center;gap:14px;min-width:0} .ca-vpn-id > *{min-width:0} .ca-vpn-id .ca-logo{flex:0 0 auto} .ca-vpn-nom{font-weight:800;font-size:19px;line-height:1.2;display:block} .ca-vpn-meta{display:block;margin-top:5px;font-size:13px;opacity:.78;line-height:1.35;overflow-wrap:anywhere} .ca-vpn-specs{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:5px;font-size:13.5px;line-height:1.45} .ca-vpn-specs li{margin:0;padding:0;list-style:none} .ca-vpn-specs span{opacity:.72} .ca-vpn-cta{display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:center} .ca-vpn-btn,.entry-content a.ca-vpn-btn{display:inline-block;padding:13px 24px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#1861ab,#0369a1);box-shadow:0 14px 26px -16px rgba(24,97,171,.95);white-space:nowrap;border:0} .ca-vpn-btn:hover,.ca-vpn-btn:focus,.entry-content a.ca-vpn-btn:hover,.entry-content a.ca-vpn-btn:focus{filter:brightness(1.09);color:#fff!important} .ca-vpn-note{font-size:11px;opacity:.62;letter-spacing:.02em} @media (max-width:900px){.ca-vpn-card{grid-template-columns:1fr;gap:14px;padding:20px 16px 18px}.ca-vpn-cta{align-items:stretch}} html.ca-light .ca-vpn-card{background:#fff;border-color:rgba(15,23,42,.10);box-shadow:0 14px 34px -26px rgba(15,23,42,.55)} html.ca-light .ca-vpn-meta,html.ca-light .ca-vpn-specs span{opacity:.72;color:#334155} .ca-vpn-specs li,.ca-vpn-specs b{color:#f1f5f9} .ca-vpn-nom{color:inherit} html.ca-light .ca-vpn-card{background:linear-gradient(180deg,#ffffff,#f8fafc)} html.ca-light .ca-vpn-specs li,html.ca-light .ca-vpn-specs b,html.ca-light .ca-vpn-nom{color:#0f172a} html.ca-light .ca-vpn-rang{box-shadow:0 10px 20px -12px rgba(24,97,171,.8)} .ca-qr{display:flex;gap:18px;align-items:center;margin:14px 0 0;padding:16px;border:1px solid rgba(30,143,255,.30);border-radius:16px;background:rgba(30,143,255,.09);color:#c9cfe0}.ca-qr-c{flex:0 0 auto;line-height:0;background:#f4f5fb;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;box-shadow:0 4px 12px -4px rgba(0,0,0,.5)}.ca-qr-img{display:block;height:auto;max-width:100%}.ca-qr-t{font-size:14.5px;line-height:1.55;color:#c9cfe0}.ca-qr-t strong{display:block;font-weight:700;font-size:15.5px;color:#eef1f8;margin-bottom:4px}.ca-qr-code{display:block;margin-top:8px;color:#c9cfe0}.ca-qr-code b{color:#eef1f8;letter-spacing:.4px}html.ca-light .ca-qr{border-color:rgba(16,108,199,.28);background:rgba(16,108,199,.055);color:#1e2340}html.ca-light .ca-qr-c{background:#ffffff;border-color:rgba(16,108,199,.20);box-shadow:0 2px 8px -2px rgba(16,24,40,.18)}html.ca-light .ca-qr-t{color:#1e2340}html.ca-light .ca-qr-t strong{color:#101828}html.ca-light .ca-qr-code{color:#1e2340}html.ca-light .ca-qr-code b{color:#101828}@media (max-width:782px){.ca-qr{display:none}}@media print{.ca-qr{display:flex;background:#ffffff;border-color:#cbd5e1;color:#111111}.ca-qr-c{background:#ffffff;border-color:#cbd5e1;box-shadow:none}.ca-qr-t,.ca-qr-t strong,.ca-qr-code,.ca-qr-code b{color:#111111}} textarea{max-width:100%;box-sizing:border-box;resize:vertical}.ca-review-form-wrap,.ca-review-form-wrap .comment-form,.ca-review-form-wrap .comment-form-comment{max-width:100%;min-width:0}.ca-review-form-wrap textarea{width:100%;max-width:100%;min-height:120px;resize:vertical}.ca-dash-msg-cta svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;fill:none}.ca-dash-msg-cta,.ca-dash-msg-cta:hover,.ca-dash-msg-cta:focus{color:#fff}html.ca-light body.page:not(.home):not(.blog):not(.page-id-47) .entry-content a.ca-dash-msg-cta{color:#fff!important} .ca-row.is-stale{opacity:.78;position:relative}.ca-stale-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.38);color:#fbbf24;font-size:13.5px;line-height:1.45}.ca-stale-note strong{color:#fbbf24}.ca-stale-txt{flex:1 1 240px}.ca-stale-acts{display:flex;gap:8px;flex-wrap:wrap}.ca-stale-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;background:#f59e0b;color:#1e1b4b!important;font-weight:800;font-size:12.5px;text-decoration:none!important;border:1px solid #f59e0b}.ca-stale-btn.is-ghost{background:transparent;color:#fbbf24!important}.ca-stale-btn:hover{filter:brightness(1.08)}html.ca-light .ca-stale-note{background:#fff7ed;border-color:#fdba74;color:#9a3412}html.ca-light .ca-stale-note strong{color:#9a3412}html.ca-light .ca-stale-btn{background:#c2410c;border-color:#c2410c;color:#fff!important}html.ca-light .ca-stale-btn.is-ghost{background:transparent;color:#9a3412!important}html body .entry-content a.ca-stale-btn,html body .entry-content a.ca-stale-btn:link,html body .entry-content a.ca-stale-btn:visited,html body .entry-content a.ca-stale-btn:hover{color:#1b1206!important;text-decoration:none!important;background:#f59e0b;border-color:#f59e0b}html body .entry-content a.ca-stale-btn.is-ghost,html body .entry-content a.ca-stale-btn.is-ghost:link,html body .entry-content a.ca-stale-btn.is-ghost:visited,html body .entry-content a.ca-stale-btn.is-ghost:hover{color:#fbbf24!important;background:transparent;border-color:rgba(245,158,11,.55)}html.ca-light body .entry-content a.ca-stale-btn,html.ca-light body .entry-content a.ca-stale-btn:link,html.ca-light body .entry-content a.ca-stale-btn:visited,html.ca-light body .entry-content a.ca-stale-btn:hover{color:#fff!important;background:#c2410c;border-color:#c2410c}html.ca-light body .entry-content a.ca-stale-btn.is-ghost,html.ca-light body .entry-content a.ca-stale-btn.is-ghost:link,html.ca-light body .entry-content a.ca-stale-btn.is-ghost:visited,html.ca-light body .entry-content a.ca-stale-btn.is-ghost:hover{color:#9a3412!important;background:transparent;border-color:#fdba74}html body .entry-content .ca-myc-stale a,html body .entry-content .ca-myc-stale a:visited{color:#fbbf24!important}html.ca-light body .entry-content .ca-myc-stale a,html.ca-light body .entry-content .ca-myc-stale a:visited{color:#9a3412!important}.ca-dash-code-st.ca-st-pause{background:rgba(245,158,11,.18);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}html.ca-light .ca-dash-code-st.ca-st-pause{background:#fff7ed;color:#9a3412;border-color:#fdba74}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote{max-width:640px!important;margin:16px auto 0!important;box-sizing:border-box}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote strong{color:#fbbf24!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote a,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote a:visited{color:#fbbf24!important;text-decoration:underline}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote strong,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote a,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content p.ca-share-ttlnote a:visited{color:#9a3412!important}.ca-share-ttlnote{max-width:640px;margin:16px auto 0;padding:11px 15px;border-radius:12px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);color:#fbbf24!important;font-size:13px;line-height:1.55}.ca-share-ttlnote strong{color:#fbbf24}.ca-share-ttlnote a{color:#fbbf24!important;text-decoration:underline}html.ca-light .ca-share-ttlnote{background:#fff7ed;border-color:#fdba74;color:#9a3412!important}html.ca-light .ca-share-ttlnote strong,html.ca-light .ca-share-ttlnote a{color:#9a3412!important}.ca-myc-stale{margin-top:6px;font-size:12.5px;color:#fbbf24;line-height:1.4}.ca-myc-stale a{color:#fbbf24!important;text-decoration:underline}html.ca-light .ca-myc-stale,html.ca-light .ca-myc-stale a{color:#9a3412!important}.ca-myc-fresh{margin-top:4px;font-size:12px;color:#94a3b8;line-height:1.4}html.ca-light .ca-myc-fresh{color:#64748b} /* ---- 1. En-tete mobile compact (57px au lieu de 100px) ---- */ @media (max-width:782px){ html #ast-mobile-header .custom-logo-link img,html #ast-mobile-header .site-branding img{width:40px;height:40px;max-width:40px} html #ast-mobile-header .site-title{font-size:18px;line-height:1.2} html #ast-mobile-header .ast-site-identity{padding-top:8px;padding-bottom:8px} html #ast-mobile-header .ast-primary-header-bar{min-height:0!important} /* ---- 2. Champs de saisie : 16px pour empecher le zoom automatique iOS ---- */ html .ca-wrap input,html .ca-wrap select,html .ca-wrap textarea,html #ca-hs-input,html #ca-search,html .ca-sort{font-size:16px} html #ca-hs-input,html #ca-search{min-height:44px} html .ca-hsearch{padding-top:8px;padding-bottom:8px} /* une seule recherche sur l accueil : celle qui filtre la grille */ html body.home .ca-hsearch{display:none!important} /* ---- 3. Hero resserre (513px au lieu de 677px) ---- */ html .ca-hero{padding-top:14px;padding-bottom:0} html .ca-hero-kicker{margin-bottom:12px} html .ca-hero-title{font-size:30px;line-height:1.12;margin-bottom:8px} html .ca-hero-sub{font-size:16.5px;line-height:1.4;margin-bottom:12px} /* le paragraphe de presentation est replie sur 3 lignes en mobile, le texte reste entier dans la page pour le referencement */ html .ca-hero-desc{font-size:13.8px;line-height:1.55;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} html .ca-hero-desc.est-ouvert{display:block;-webkit-line-clamp:unset;overflow:visible;margin-bottom:16px} html .ca-hero-lire{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin:2px 0 6px;padding:0 2px;border:0;background:none;color:#a5adcc;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent} html .ca-hero-lire span{text-decoration:underline;text-underline-offset:3px} html .ca-hero-lire svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease} html .ca-hero-lire[aria-expanded="true"] svg{transform:rotate(180deg)} html.ca-light .ca-hero-lire{color:#4c5474} html .ca-hero-cta{margin-top:14px;gap:10px} /* ---- 4. Categories : rail horizontal colle sous l en-tete ---- */ html .ca-search-box{margin-bottom:12px} html .ca-toolbar{padding-top:10px;padding-bottom:12px} html .ca-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 4px;margin:0 -4px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 26px),transparent 100%)} html .ca-chips::-webkit-scrollbar{display:none} html .ca-chips>*{flex:0 0 auto;scroll-snap-align:start} /* degrade sur le bord qui cache des puces : le rail se voit defilable */ html .ca-chips{--mg:0px;--md:0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--mg),#000 calc(100% - var(--md)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--mg),#000 calc(100% - var(--md)),transparent 100%)} html .ca-chip{min-height:44px} /* ---- 5. Tri et filtre sur deux lignes compactes ---- */ html .ca-controls{gap:8px;align-items:center;margin-top:12px} html .ca-controls .ca-sort{order:1;flex:1 1 40%;min-width:0;min-height:44px} html .ca-controls .ca-count{order:2;flex:0 0 auto;margin:0;text-align:right;font-size:12.5px} html .ca-controls .ca-toggle{order:3;flex:1 0 100%;min-height:44px} /* ---- 6. Cartes : densite, lisibilite, cibles tactiles 44px ---- */ html .ca-card{padding:16px 16px 14px} html .ca-cat{font-size:12.5px} html .ca-official{font-size:11.5px} html .ca-code-label{font-size:12px} html .ca-desc{font-size:13.5px} html .ca-bonus{padding:10px 12px} html .ca-codebox{min-height:46px} html .ca-actions{padding-top:10px} html .ca-cta-offer{min-height:48px} html .ca-copy-btn,html .ca-wrap button.ca-cta-ghost{min-height:44px} html .ca-wrap .ca-more{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13.5px} html .ca-brand-link{display:inline-block;padding:4px 0} /* ---- 7. Bouton Voir plus (8 offres par palier) ---- */ html .ca-plus{display:block;width:100%;max-width:330px;margin:16px auto 2px;min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#e8ebf5;font-size:14.5px;font-weight:700;cursor:pointer} html .ca-plus:active{background:rgba(255,255,255,.10)} html.ca-light .ca-plus{border-color:rgba(15,23,42,.16);background:rgba(15,23,42,.04);color:#1b2136} /* ---- 8. Barre de navigation basse ---- */ html .ca-navmob{display:flex} html body{padding-bottom:calc(60px + env(safe-area-inset-bottom))} html .ca-toast{bottom:calc(74px + env(safe-area-inset-bottom))} html #ast-scroll-top{display:none!important} /* ---- 10. Newsletter et formulaires : largeur fluide sous 360px ---- */ html .ca-nl-form{min-width:0;width:100%} html .ca-nl-ligne{flex-wrap:wrap} /* ---- 11. Specificite : la grille imprime son style dans le corps de page ---- */ html .ca-wrap .ca-code-label{font-size:12px} html .ca-wrap .ca-cta-offer{min-height:48px} html .ca-wrap .ca-chip{min-height:44px} html .ca-wrap select.ca-sort,html .ca-wrap .ca-sort{font-size:16px} html .ca-wrap .ca-compare-btn,html .ca-compare-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center} html .ca-wrap .ca-cat-link-n,html .ca-cat-link-n{font-size:12px} html .ca-wrap th,html .ca-wrap .ca-th-action,html .cab-table th{font-size:12px} html #ast-mobile-header .custom-logo-link{display:flex;align-items:center;min-height:40px} html .ca-wrap .ca-codebox .ca-code-label{font-size:12px} html .ca-wrap .ca-official,html .ca-official{font-size:12px} html .ca-compare-table th,html .ca-compare-table .ca-th-action{font-size:12px} html .ca-cat-link{min-height:44px;display:inline-flex;align-items:center} html .ca-compare-table thead th{font-size:12px} html .ca-footer-nav a{min-height:32px;display:inline-flex;align-items:center} /* ---- 12. Espace membre et systeme de niveau : confort tactile ---- */ html .ca-dash-sec-head{flex-wrap:wrap;row-gap:10px} html .ca-dash-mycodes-sec .ca-dash-sec-head h3{flex:1 1 100%;margin:0} html .ca-add-code-btn{width:100%;min-height:44px;justify-content:center} html .ca-copy-code,html .ca-myc-cp{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center} html .ca-shb-btn{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center} html .ca-bump-btn{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center} html .ca-myc-see,html .ca-dash-msg-lien{min-height:40px;display:inline-flex;align-items:center} html .ca-profile-form .ca-pf-file{min-height:40px;padding:.5rem .9rem;font-size:.82rem} html .ca-profile-form .ca-pf-submit{width:100%;min-height:46px;justify-content:center;font-size:.95rem} html .ca-hs-go{width:42px;height:42px} html a.ca-lvt{padding:4px 11px} html .ca-myc{gap:11px} html .ca-myc-logo,html .ca-myc-logo .ca-logo{width:42px;height:42px;flex:0 0 42px} html .ca-myc-logo .ca-logo-img{width:40px;height:40px} html .ca-myc-acts{flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:9px} html .ca-myc-acts .ca-bump-btn{flex:1 1 45%} html .ca-myc-acts .ca-myc-see{flex:1 1 100%;justify-content:center} html .ca-myc-l2{row-gap:8px} html .ca-profile-form textarea{min-height:96px;resize:vertical} html .ca-dash-hero{gap:14px} html .ca-dash-meta{row-gap:8px} html .caf-verif-t em,html .caf-gift-t em,html .caf-facts-t span{font-size:11.5px} html .ca-cb-lbl{font-size:11px;letter-spacing:.08em} html .ca-niv-ring-in i{font-size:11px} html .ca-community-more,html .ca-sig-link,html .ca-niv-topu,html .ca-prof-link2{min-height:34px;display:inline-flex;align-items:center} html .caf-bar{bottom:calc(65px + env(safe-area-inset-bottom))} html body{padding-bottom:calc(64px + env(safe-area-inset-bottom))} html .ca-dash .ca-dash-cta{min-height:46px} html .ca-dash .ca-dash-cta2{min-height:44px} html .ca-dash .ca-dash-links a{min-height:44px} html .ca-dash .ca-dpub-see{min-height:40px} html .ca-navmob{padding-left:4px;padding-right:4px} html .ca-navmob-i{justify-content:flex-start;padding:6px 1px 4px} html .ca-navmob-i>span{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px} @media (max-width:384px){html .ca-navmob-i>span{font-size:10.5px;letter-spacing:-.2px}} @media (max-width:340px){html .ca-navmob-i>span{font-size:10px;letter-spacing:-.25px}} } /* ---- 9. Elements mobiles masques au dessus de 782px ---- */ .ca-plus-wrap{text-align:center} .ca-navmob{display:none;position:fixed;left:0;right:0;bottom:0;z-index:9990;align-items:stretch;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(9,13,28,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.09)} .ca-navmob-i{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:5px 2px;border:0;background:none;border-radius:12px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1.1;color:#b9c0d6;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent} .ca-navmob-i svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .ca-navmob-i:active{background:rgba(255,255,255,.08)} .ca-navmob-i.is-current{color:#a78bfa} html.ca-light .ca-navmob{background:rgba(255,255,255,.95);border-top-color:rgba(15,23,42,.10)} html.ca-light .ca-navmob-i{color:#475069} html.ca-light .ca-navmob-i.is-current{color:#1861ab} .ca-sheet[hidden]{display:none} .ca-sheet{position:fixed;inset:0;z-index:9995} .ca-sheet-bg{position:absolute;inset:0;background:rgba(4,7,18,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .ca-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:78vh;display:flex;flex-direction:column;padding:14px 14px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#0d1226;border-top:1px solid rgba(255,255,255,.10);box-shadow:0 -18px 44px rgba(2,5,16,.55)} .ca-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .ca-sheet-head strong{font-size:16px;color:#eef1f8} .ca-sheet-x{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#e8ebf5;font-size:15px;cursor:pointer} .ca-sheet-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none} .ca-sheet-list::-webkit-scrollbar{display:none} .ca-sheet-i{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e8ebf5;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer} .ca-sheet-i b{color:var(--cc,#a78bfa);font-weight:800} .ca-sheet-i > span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ca-sheet-n{flex:0 0 auto;margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.10);color:#c8cee1} .ca-sheet-i.is-active{border-color:var(--cc,#a78bfa);background:rgba(255,255,255,.09);color:#fff} html.ca-light .ca-sheet-panel{background:#fff;border-top-color:rgba(15,23,42,.10)} html.ca-light .ca-sheet-head strong{color:#141a2c} html.ca-light .ca-sheet-x{background:rgba(15,23,42,.06);color:#1b2136} html.ca-light .ca-sheet-i{border-color:rgba(15,23,42,.12);background:rgba(15,23,42,.03);color:#1b2136} html.ca-light .ca-sheet-i.is-active{background:rgba(15,23,42,.06);color:#0f1526} html.ca-light .ca-sheet-n{background:rgba(15,23,42,.07);color:#4a5268} /* ---- 11. Survol, focus et focus clavier ---- Astra applique un fond bleu a tout