.ca-rows{display:flex;flex-direction:column;gap:10px;margin:0}.ca-row{display:grid;grid-template-columns:96px minmax(0,1fr) 194px;gap:14px;align-items:center;padding:9px 14px;border-radius:14px;background:rgba(12,13,31,.62);border:1px solid rgba(46,151,255,.2);transition:border-color .18s,background .18s}.ca-row:hover{border-color:rgba(46,151,255,.45);background:rgba(18,20,46,.74)}.ca-row.is-target{border-color:#7dd3fc;box-shadow:0 0 0 3px rgba(125,211,252,.22)}.ca-row.is-hidden{display:none}.ca-row-who{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}.ca-row-idlink{display:flex;flex-direction:column;align-items:center;gap:4px}.ca-row-avwrap{position:relative;display:inline-block;line-height:0}.ca-row-av{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(46,151,255,.42);background:#232a4d}.ca-row-avwrap .ca-dot{position:absolute;right:1px;bottom:3px;width:14px;height:14px;border-radius:50%;border:2px solid #0c0d1f}.ca-row-who-brand .ca-row-blogo{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#fff;border:1px solid rgba(46,151,255,.28);overflow:hidden}.ca-row-who-brand .ca-row-blogo img{max-width:38px;max-height:38px;width:auto;height:auto}.ca-row-body{min-width:0}.ca-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px}.ca-row-brand{display:flex;align-items:center;gap:8px;margin-top:6px}.ca-row-brand img{max-height:22px;width:auto}.ca-row-cta{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:0}.ca-row-full{display:none!important}.ca-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px}.ca-row-head .ca-row-meta{order:2}.ca-row-head .ca-row-brand{order:1;margin:0!important;gap:7px}.ca-row-head .ca-logo{width:24px!important;height:24px!important;border-radius:8px!important}.ca-row-head .ca-row-brand img{max-height:17px}.ca-codebox{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:4px 8px 3px;border-radius:10px;border:1.5px dashed rgba(46,151,255,.55);background:linear-gradient(180deg,#141a38 0%,#10142c 100%);box-shadow:inset 0 2px 8px rgba(0,0,0,.42);cursor:pointer;text-align:center;transition:border-color .16s,box-shadow .16s}.ca-codebox:hover{border-color:#7dd3fc;background:linear-gradient(180deg,#18204a 0%,#131a3a 100%);box-shadow:inset 0 2px 10px rgba(0,0,0,.48)}.ca-cb-lbl{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.2}.ca-cb-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:15px;letter-spacing:.04em;line-height:1.2;word-break:break-all}.ca-cb-act{font-size:9.5px;font-weight:700;line-height:1.15}.ca-row-cta .ca-shb-xs{justify-content:center;gap:5px;flex-wrap:wrap}.ca-row-cta .ca-msg-ctawrap{margin-top:0!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  .ca-row-cta .ca-msg-cta{padding:7px 10px!important;font-size:12.5px!important;border-radius:10px!important;min-height:0!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-pseudo{font-weight:800;font-size:13px;color:#e8ecff!important;text-decoration:none!important;word-break:break-word;line-height:1.25}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-idlink,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-pseudo{text-decoration:none!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-idlink:hover .ca-row-pseudo,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-pseudo:hover{color:#7ebdfb!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-badge{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#b1d8fe!important;background:rgba(20,119,219,.22);border:1px solid rgba(46,151,255,.34)}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-meta,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-date{color:#a2aac2!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-boost{color:#34d399!important;font-weight:700}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-brandlink{font-weight:800;font-size:14px;color:#e8ecff!important;text-decoration:none!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-brandlink:hover{color:#7ebdfb!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-bonus{margin:2px 0 0!important;font-weight:800;font-size:13px;line-height:1.3;color:#34d399!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-desc{margin:2px 0 0!important;font-size:13.5px;line-height:1.55;color:#f2f5ff!important;white-space:pre-line}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-desc.is-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.32;font-size:14px}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-more{display:inline-flex;align-items:center;gap:4px;margin-top:0;padding:2px 0;border:0;background:none;font-weight:700;font-size:13px;color:#7dd3fc!important;text-decoration:none!important;cursor:pointer;transition:color .16s}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-more:hover{color:#bae6fd!important;background:none;text-decoration:underline!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-lbl{color:#a2aac2!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-val{color:#fff!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-act{color:#7dd3fc!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-codebox:hover .ca-cb-act{color:#bae6fd!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:0;border-radius:10px;font-weight:900;font-size:13.5px;letter-spacing:.2px;color:#2a1d00!important;text-decoration:none!important;cursor:pointer;background:#e3a812;box-shadow:0 5px 14px rgba(227,168,18,.26);text-align:center;line-height:1.2;transition:transform .16s,box-shadow .16s,filter .16s}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:before{display:none!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:hover{filter:brightness(1.05);color:#2a1d00!important;transform:translateY(-1px);box-shadow:0 9px 20px rgba(227,168,18,.38)}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:active{transform:translateY(0)}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go .ca-go-txt,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go .ca-go-ar{position:relative;z-index:1;color:inherit!important}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go .ca-go-ar{display:inline-block;transition:transform .16s}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:hover .ca-go-ar{transform:translateX(4px)}@keyframes caGoShine{0%{left:-60%}60%{left:130%}100%{left:130%}}@media (prefers-reduced-motion:reduce){html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:before{display:none}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:hover{transform:none}}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  .ca-shb-xs a,html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  .ca-shb-xs button{font-size:11px!important;padding:4px 9px!important}html.ca-light .ca-row{background:#fff;border-color:#e2e8f5}html.ca-light .ca-row:hover{background:#f8faff;border-color:#b1d8fe}html.ca-light .ca-row-av{background:#eef2ff;border-color:#b1d8fe}html.ca-light .ca-row-avwrap .ca-dot{border-color:#fff}html.ca-light .ca-row-who-brand .ca-row-blogo{border-color:#e2e8f5}html.ca-light .ca-codebox{background:#e6ecfb;border-color:#7ebdfb;box-shadow:inset 0 2px 6px rgba(28,33,74,.09)}html.ca-light .ca-codebox:hover{background:#dbe8fb;border-color:#0284c7;box-shadow:inset 0 2px 8px rgba(28,33,74,.12)}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-pseudo,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-brandlink,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-val{color:#1f2430!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-idlink:hover .ca-row-pseudo,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-pseudo:hover,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-brandlink:hover{color:#235384!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-desc{color:#48506a!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-meta,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-date,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-lbl{color:#5c6478!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-bonus,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-boost{color:#047857!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-badge{color:#1f446a!important;background:#eef2ff;border-color:#b1d8fe}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-more,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-cb-act{color:#0369a1!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-more{border:0;background:none}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:hover,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go:visited,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go .ca-go-txt,html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go .ca-go-ar{color:#2a1d00!important}html.ca-light body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  a.ca-row-more:hover{color:#075985!important;background:none;text-decoration:underline!important}@media (max-width:900px){.ca-row{grid-template-columns:1fr;gap:10px;padding:12px}.ca-row-who{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:9px}.ca-row-idlink{flex-direction:row;align-items:center;gap:9px}.ca-row-av,.ca-row-who-brand .ca-row-blogo{width:44px;height:44px}.ca-row-cta{flex-direction:row;flex-wrap:wrap;align-items:center}.ca-codebox{flex:1 1 180px}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-go{flex:1 1 150px}}.ca-amodal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,5,16,.74)}.ca-amodal .ca-am-box{position:relative;width:100%;max-width:680px;max-height:88vh;overflow:auto;border-radius:18px;padding:24px 24px 20px;background:#12142c;border:1px solid rgba(46,151,255,.32);box-shadow:0 30px 80px rgba(0,0,0,.6)}.ca-amodal .ca-am-x{position:absolute;top:10px;right:12px;width:34px;height:34px;padding:0;border:0;border-radius:50%;font-size:19px;line-height:1;cursor:pointer;background:rgba(255,255,255,.09);color:#e8ecff!important}.ca-amodal .ca-am-x:hover{background:rgba(255,255,255,.18)}.ca-amodal .ca-am-top{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-right:34px}.ca-amodal .ca-am-av{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(46,151,255,.42);background:#232a4d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#b1d8fe!important}.ca-amodal .ca-am-who{display:flex;flex-direction:column;gap:2px;min-width:0}.ca-amodal .ca-am-name{font-weight:800;font-size:17px;color:#e8ecff!important;line-height:1.2}.ca-amodal .ca-am-sub{font-size:12.5px;color:#a2aac2!important}.ca-amodal .ca-am-sub a{color:#7ebdfb!important;text-decoration:none!important}.ca-amodal .ca-am-sub a:hover{text-decoration:underline!important}.ca-amodal .ca-am-meta{margin-top:14px;font-size:12.5px;color:#a2aac2!important;display:flex;gap:14px;flex-wrap:wrap}.ca-amodal .ca-am-boost{color:#34d399!important;font-weight:700}.ca-amodal .ca-am-bonus{margin:12px 0 0;font-weight:800;font-size:15.5px;color:#34d399!important}.ca-amodal .ca-am-txt{margin:12px 0 0;font-size:14.5px;line-height:1.68;color:#f2f5ff!important;white-space:pre-line}.ca-amodal .ca-am-code{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:18px;padding:13px 14px;border-radius:14px;border:1.5px dashed rgba(46,151,255,.55);background:rgba(20,119,219,.14);cursor:pointer;text-align:center}.ca-amodal .ca-am-code:hover{border-color:#7dd3fc;background:rgba(125,211,252,.16)}.ca-amodal .ca-am-cl{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#a2aac2!important}.ca-amodal .ca-am-cv{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:26px;letter-spacing:.07em;color:#fff!important;word-break:break-all;line-height:1.25}.ca-amodal .ca-cb-act{font-size:12px;font-weight:700;color:#7dd3fc!important}.ca-amodal .ca-am-linkl{margin:16px 0 6px;font-size:12.5px;color:#a2aac2!important}.ca-amodal .ca-am-linkrow{display:flex;gap:8px;flex-wrap:wrap}.ca-amodal .ca-am-linkrow input{flex:1 1 240px;min-width:0;padding:10px 12px;border-radius:11px;font-size:12.5px;background:rgba(255,255,255,.06);border:1px solid rgba(46,151,255,.3);color:#c3c9de!important}.ca-amodal .ca-am-cp{padding:10px 14px;border:0;border-radius:11px;font-weight:800;font-size:12.5px;cursor:pointer;background:rgba(20,119,219,.24);color:#b1d8fe!important}.ca-amodal .ca-am-cp:hover{background:rgba(20,119,219,.4);color:#fff!important}.ca-amodal .ca-am-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:13px 18px;border-radius:12px;font-weight:800;font-size:15.5px;color:#2a1d00!important;text-decoration:none!important;background:#e3a812;box-shadow:0 8px 20px rgba(227,168,18,.3)}.ca-amodal .ca-am-go:hover{filter:brightness(1.05);color:#2a1d00!important}.ca-amodal .ca-am-foot{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(46,151,255,.18);font-size:12.5px}.ca-amodal .ca-am-foot a{color:#7ebdfb!important;text-decoration:none!important}.ca-amodal .ca-am-foot a:hover{text-decoration:underline!important}.ca-amodal .ca-am-warn{margin-top:14px;font-size:12px;line-height:1.5;color:#8f97ae!important}html.ca-light .ca-amodal{background:rgba(31,36,48,.5)}html.ca-light .ca-amodal .ca-am-box{background:#fff;border-color:#dbe3f7}html.ca-light .ca-amodal .ca-am-x{background:#eef2ff;color:#1f446a!important}html.ca-light .ca-amodal .ca-am-name,html.ca-light .ca-amodal .ca-am-cv{color:#1f2430!important}html.ca-light .ca-amodal .ca-am-txt{color:#3b4257!important}html.ca-light .ca-amodal .ca-am-sub,html.ca-light .ca-amodal .ca-am-meta,html.ca-light .ca-amodal .ca-am-cl,html.ca-light .ca-amodal .ca-am-linkl,html.ca-light .ca-amodal .ca-am-warn{color:#5c6478!important}html.ca-light .ca-amodal .ca-am-bonus,html.ca-light .ca-amodal .ca-am-boost{color:#047857!important}html.ca-light .ca-amodal .ca-am-code{background:#eef2ff;border-color:#7ebdfb}html.ca-light .ca-amodal .ca-cb-act,html.ca-light .ca-amodal .ca-am-sub a,html.ca-light .ca-amodal .ca-am-foot a{color:#0369a1!important}html.ca-light .ca-amodal .ca-am-av{background:#eef2ff;border-color:#b1d8fe;color:#235384!important}html.ca-light .ca-amodal .ca-am-linkrow input{background:#f4f6fd;border-color:#d3dcf3;color:#3b4257!important}html.ca-light .ca-amodal .ca-am-cp{background:#eef2ff;color:#1f446a!important}body.ca-noscroll{overflow:hidden}.ca-row-sharesrc{display:none!important}@media (min-width:901px){.ca-row{min-height:150px}.ca-row-cta{justify-content:center}.ca-row-head{flex-wrap:nowrap;min-width:0}.ca-row-head .ca-row-brand{min-width:0;flex:0 1 auto}.ca-row-head .ca-row-meta{flex:0 0 auto;flex-wrap:nowrap}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-brandlink{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content  p.ca-row-bonus{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.ca-row-head{flex-direction:column;align-items:flex-start;gap:2px;flex-wrap:nowrap}.ca-row-head .ca-row-meta{flex-wrap:wrap}.ca-row-cta{min-height:104px;align-content:center}.ca-row-cta .ca-codebox{flex:1 1 100%;min-width:0}html body:not(.home):not(.blog):not(.error404):not(.search) .entry-content .ca-row-cta .ca-row-go{flex:1 1 44%}.ca-row-cta .ca-msg-ctawrap{flex:1 1 44%;min-width:0}}.ca-amodal .ca-am-share{margin:16px 0 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(46,151,255,.22);background:rgba(8,10,26,.5)}.ca-amodal .ca-am-sharel{display:block;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a2aac2}.ca-amodal .ca-am-share .ca-shb{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:7px;margin:0}html.ca-light .ca-amodal .ca-am-share{background:#f4f7ff;border-color:#e2e8f5}html.ca-light .ca-amodal .ca-am-sharel{color:#48506a}

/* ==== 1. Jetons de design en version claire ==== */
html.ca-light .ca-wrap,html.ca-light .ca-methode,html.ca-light .ca-authority,html.ca-light .ca-authority-inner,html.ca-light .ca-compare,html.ca-light .ca-compare-tablewrap{--bg:#ffffff;--panel:#f7f8fc;--panel-2:#eef1f8;--line:rgba(23,31,56,.13);--ink:#1c2333;--text:#1c2333;--muted:#4f5872;--violet:#1861ab;--violet-2:#235384;}
/* ==== 2. Hero : titre lisible et non tronque ==== */
.ca-hero-title{line-height:1.14 !important;padding-top:.05em;padding-bottom:.12em;}
html.ca-light .ca-hero-title{background-image:linear-gradient(96deg,#1f3b58 0%,#1861ab 45%,#235384 100%) !important;}
html.ca-light .ca-hero-kicker{color:#0b7a58 !important;}
html.ca-light .ca-hero-kicker .ca-pulse{background:#0b7a58 !important;box-shadow:0 0 0 3px rgba(11,122,88,.18) !important;}
html.ca-light .ca-hero-cta .ca-h-ghost{color:#28304a !important;background:#ffffff !important;border-color:rgba(23,31,56,.28) !important;}
html.ca-light .ca-hero-cta .ca-h-ghost:hover{background:#eef1f8 !important;border-color:#1861ab !important;color:#1f3b58 !important;}
/* ==== 3. Barre de filtres et compteur ==== */
html.ca-light .ca-wrap .ca-sort,html.ca-light .ca-wrap .ca-toggle{background:#ffffff !important;color:#28304a !important;border-color:rgba(23,31,56,.18) !important;}
html.ca-light .ca-wrap .ca-sort:focus,html.ca-light .ca-wrap .ca-toggle:hover{border-color:#1861ab !important;}
html.ca-light .ca-count{color:#4f5872 !important;}
html.ca-light .ca-count strong{color:#235384 !important;}
html.ca-light .ca-search-ico{color:#5b6480 !important;}
/* ==== 5. Cartes : titres, survol, libelles ==== */
html.ca-light .ca-card .ca-brand-link{background-image:linear-gradient(90deg,#1861ab,#0e7490) !important;}
html.ca-light .ca-card .ca-brand-link:hover,html.ca-light .ca-card .ca-brand-link:focus-visible,html.ca-light .ca-card:hover .ca-brand-link,html.ca-light .ca-card:hover .ca-brand,html.ca-light .ca-card:hover .ca-brand-link *{color:#1f3b58 !important;}
html.ca-light .ca-card .ca-code-label,html.ca-light .ca-code-label{color:#4a5268 !important;}
html.ca-light .ca-card .ca-btn-more{color:color-mix(in srgb, var(--cc,#1861ab) 62%, #0b1020) !important;}
html.ca-light .ca-card .ca-btn-more:hover{background:#f2f4fa !important;}
/* ==== 6. Bloc Comment ca marche ==== */
html.ca-light .ca-methode{background:#ffffff !important;border-color:#e6e9f2 !important;box-shadow:0 4px 16px rgba(20,30,60,.06) !important;color:#1c2333 !important;}
html.ca-light .ca-methode h2,html.ca-light .ca-methode h3,html.ca-light .ca-methode strong{color:#111827 !important;}
html.ca-light .ca-methode p,html.ca-light .ca-methode li,html.ca-light .ca-methode>p,html.ca-light .ca-methode-sub,html.ca-light .ca-methode-note{color:#3f485e !important;}
html.ca-light .ca-methode a{color:#235384 !important;}
/* ==== 7. Bloc communaute (autorite) ==== */
html.ca-light .ca-authority-inner{background:linear-gradient(160deg,#f8f9ff,#eef1fb) !important;border-color:#dfe3f2 !important;}
html.ca-light .ca-authority-inner::before,html.ca-light .ca-authority-inner::after{opacity:.30 !important;}
html.ca-light .ca-authority-eyebrow{color:#1f446a !important;background:rgba(24,97,171,.10) !important;}
html.ca-light .ca-authority-title{background-image:linear-gradient(90deg,#111827,#235384) !important;}
html.ca-light .ca-authority-lead,html.ca-light .ca-authority-foot{color:#3f485e !important;}
html.ca-light .ca-authority-lead strong{color:#1f3b58 !important;}
html.ca-light .ca-authority-card{background:#ffffff !important;border-color:#e2e6f3 !important;box-shadow:0 4px 14px rgba(20,30,60,.05) !important;}
html.ca-light .ca-authority-card:hover{border-color:#1861ab !important;}
html.ca-light .ca-authority-h{color:#111827 !important;}
html.ca-light .ca-authority-d{color:#4a5268 !important;}
html.ca-light .ca-authority-foot a{color:#235384 !important;border-bottom-color:rgba(35,83,132,.45) !important;}
html.ca-light .ca-authority-foot a:hover{color:#0e7490 !important;border-bottom-color:#0e7490 !important;}
/* ==== 8. Comparatif : tableau ==== */
html.ca-light .ca-compare-eyebrow{color:#0e7490 !important;background:rgba(14,116,144,.10) !important;}
html.ca-light .ca-compare-title{color:#111827 !important;}
html.ca-light .ca-compare-sub,html.ca-light .ca-compare-note{color:#4a5268 !important;}
html.ca-light .ca-compare-tablewrap{background:#ffffff !important;border-color:#e2e6f3 !important;box-shadow:0 4px 16px rgba(20,30,60,.06) !important;}
html.ca-light .ca-compare-table thead th{color:#1f3b58 !important;background:#f2f4fd !important;}
html.ca-light .ca-compare-table td{color:#26304a !important;border-bottom-color:#eceff7 !important;}
html.ca-light .ca-compare-table tbody tr:hover{background:#f6f7fd !important;}
html.ca-light .ca-compare-name{color:#111827 !important;}
html.ca-light .ca-compare-code{background:#f4f5fc !important;border-color:rgba(24,97,171,.45) !important;color:#26304a !important;}
html.ca-light .ca-compare-btn,html.ca-light .ca-compare-btn:hover{background-image:linear-gradient(90deg,#1861ab,#0e7490) !important;color:#ffffff !important;}
html.ca-light .ca-compare-table td::before{color:#4a5268 !important;}
/* ==== 9. Liens et libelles pales divers ==== */
html.ca-light .ca-footer-note,html.ca-light .ca-cat-link-n{color:#4a5268 !important;}
html.ca-light .ca-cat-links-title{color:#1c2333 !important;}
html.ca-light .ca-blog-hero-badge{color:#1f446a !important;background:rgba(24,97,171,.10) !important;}
html.ca-light .ca-prof-link2{color:#235384 !important;}
/* ==== 10. En-tete et pied de page clairs sur tous les modeles ==== */
html.ca-light{background:#f5f7fb !important;}
html.ca-light body .site-header,html.ca-light body header.site-header,html.ca-light body #masthead,html.ca-light body .ast-primary-header-bar,html.ca-light body .main-header-bar{background:#ffffff !important;border-bottom:1px solid #e6e9f2 !important;}
html.ca-light body .site-footer,html.ca-light body footer.site-footer,html.ca-light body .ca-footer{background:#ffffff !important;border-top:1px solid #e6e9f2 !important;}
html.ca-light body .site-title a,html.ca-light body .site-header .site-title a{color:#1c2333 !important;}
html.ca-light .ca-hbtn-primary{background:#1861ab !important;}
html.ca-light .ca-theme-toggle{color:#28304a !important;border-color:rgba(23,31,56,.20) !important;}
html.ca-light .ca-hero-cta .ca-h-primary{background:#1861ab !important;}
/* ==== 11. Tableau comparatif des pages categories ==== */
html.ca-light .cac-tablewrap{background:#ffffff !important;border-color:#e2e6f3 !important;}
html.ca-light .cac-caption{color:#4a5268 !important;}
html.ca-light .cac-table th{color:#1f3b58 !important;}
html.ca-light .cac-table td{color:#26304a !important;}
/* ==== 12. Page Points et niveaux : deux pastilles gardaient leurs couleurs du mode sombre ==== */
html.ca-light .ca-niv-rank{color:#9a3412 !important;background:rgba(249,115,22,.14) !important;border-color:rgba(154,52,18,.42) !important;}
html.ca-light .ca-hist-p{color:#15803d !important;border-color:rgba(21,128,61,.55) !important;}
html.ca-light .ca-hist-p.est-negatif,html.ca-light .ca-hist-p.est-moins{color:#b91c1c !important;border-color:rgba(185,28,28,.55) !important;}
html.ca-light .ca-niv-topp{color:#14539e !important;}
html.ca-light .cac-na{color:#5b6480 !important;}
html.ca-light .cac-contrib{color:#3f485e !important;}
html.ca-light .cac-contrib a{color:#235384 !important;}
/* ==== 12. Details restants ==== */
html.ca-light .ca-compare-eyebrow{color:#0b5f74 !important;}
html.ca-light .ca-compare-logo-ph{background-image:linear-gradient(135deg,#1861ab,#0e7490) !important;color:#ffffff !important;}
html.ca-light .ca-more{color:#3f485e !important;}
/* ==== 13. Logo de repli (initiales) : lisible sur fond clair ==== */
html.ca-light .ca-logo-ini{color:#1f3b58 !important;}
html.ca-light .ca-logo,html.ca-light .ca-logo.ca-logo-has{background:#eef0fa !important;}
/* ==== 14. Fiche : texte secondaire, etapes, tableau recapitulatif ==== */
html.ca-light .cad-crumb{color:#4a5268 !important;}
html.ca-light .cad-crumb a{color:#235384 !important;}
html.ca-light .cad-steps li,html.ca-light .cad-steps p{color:#3f485e !important;}
html.ca-light .cad-steps strong{color:#111827 !important;}
html.ca-light .ca-why-list li,html.ca-light .ca-why-list span{color:#3f485e !important;}
html.ca-light .cafl-table th{color:#4a5268 !important;}
html.ca-light .cafl-table td{color:#26304a !important;}
html.ca-light .ca-faq-a,html.ca-light .ca-faq-a p,html.ca-light .ca-faq-a li{color:#3f485e !important;}
html.ca-light .ca-faq-a strong{color:#111827 !important;}
html.ca-light .caf-bar-txt,html.ca-light .caf-bar-txt em{color:#4a5268 !important;}
html.ca-light .caf-rc-t em{color:#4a5268 !important;}
/* ==== 15. Encadres contribution et avis ==== */
html.ca-light .ca-contrib{background-image:linear-gradient(120deg,#f4f5ff,#eefaff) !important;border-color:#dfe3f2 !important;}
html.ca-light .ca-contrib strong,html.ca-light .ca-contrib-title{color:#111827 !important;}
html.ca-light .ca-contrib-txt,html.ca-light .ca-contrib-txt span,html.ca-light .ca-contrib p{color:#3f485e !important;}
html.ca-light .ca-btn-ghost{color:#1f3b58 !important;border-color:rgba(31,59,88,.35) !important;background:#ffffff !important;}
html.ca-light .ca-btn-ghost:hover{background:#eef1f8 !important;}
html.ca-light .ca-reviews{background-image:linear-gradient(#f8f9ff,#f2f4fd) !important;border-color:#dfe3f2 !important;}
html.ca-light .ca-review-form-title,html.ca-light .ca-reviews-title,html.ca-light .ca-reviews h2,html.ca-light .ca-reviews h3{color:#111827 !important;}
html.ca-light .ca-reviews-summary{color:#4a5268 !important;}
html.ca-light .ca-rating-label{color:#3f485e !important;}
html.ca-light .ca-reviews .comment-form label,html.ca-light .ca-review-form-wrap label{color:#3f485e !important;}
/* ==== 16. Autres offres, liens et etoiles ==== */
html.ca-light .cad-related .cad-card{background:#ffffff !important;border-color:#e6e9f2 !important;box-shadow:0 4px 14px rgba(20,30,60,.05) !important;}
html.ca-light .cad-related .caf-rc-t strong{color:#111827 !important;}
html.ca-light .cad-related .caf-rc-t em{color:#4a5268 !important;}
html.ca-light .cad-back a{color:#1861ab !important;}
html.ca-light .logged-in-as a{color:#1861ab !important;}
html.ca-light .ca-rate{color:#b45309 !important;}
/* ==== 17. Textes en degrade et badges de presence ==== */
html.ca-light .ca-prof-h1 span,html.ca-light .ca-prof-num strong,html.ca-light .ca-hub-stat strong,html.ca-light .ca-statsband .ca-stat-num{background-image:linear-gradient(90deg,#235384,#0e7490) !important;}
html.ca-light .ca-prof-pres.ca-on{color:#0b7a58 !important;}
html.ca-light .ca-prof-pres{color:#4a5268 !important;}
/* ==== 18. Liens de texte : contraste AA ==== */
html.ca-light p a:not([class*=btn]):not([class*=cta]):not(.ca-brand-link),html.ca-light li a:not([class*=btn]):not([class*=cta]):not(.ca-brand-link){color:#1861ab !important;}
/* ==== 19. Espace membre (tableau de bord) ==== */
html.ca-light .ca-dash-hero{background-image:linear-gradient(120deg,#f2f3ff,#eafaff) !important;border-color:#dfe3f2 !important;}
html.ca-light .ca-dash-welcome{color:#111827 !important;}
html.ca-light .ca-dash-welcome span,html.ca-light .ca-dash-hi span{color:#235384 !important;}
html.ca-light .ca-dash-meta,html.ca-light .ca-dash-bio{color:#3f485e !important;}
html.ca-light .ca-dash-badge{color:#26304a !important;}
html.ca-light .ca-dash-progress{background:#ffffff !important;border-color:#e6e9f2 !important;}
html.ca-light .ca-dash-progress-top,html.ca-light .ca-dash-progress-top span{color:#3f485e !important;}
html.ca-light .ca-dash-section{background:#ffffff !important;border-color:#e6e9f2 !important;box-shadow:0 4px 14px rgba(20,30,60,.05) !important;}
html.ca-light .ca-dash-sec-head{color:#111827 !important;}
html.ca-light .ca-stat{background-image:linear-gradient(#ffffff,#f7f8fc) !important;border-color:#e6e9f2 !important;}
html.ca-light .ca-stat-num{background-image:linear-gradient(90deg,#235384,#0e7490) !important;}
html.ca-light .ca-stat-lbl{color:#4a5268 !important;}
html.ca-light .ca-pf-lbl{color:#26304a !important;}
html.ca-light .ca-pf-hint{color:#4a5268 !important;}
html.ca-light .ca-pf-hint[style]{color:#b45309 !important;}
html.ca-light .ca-pf-file{color:#1f3b58 !important;background:#ffffff !important;border-color:rgba(31,59,88,.30) !important;}
html.ca-light .ca-mission{background:#f4fbf7 !important;border-color:#d6ece0 !important;}
html.ca-light .ca-mission-lbl{color:#26304a !important;}
html.ca-light .ca-mission-pts{color:#1f446a !important;}
html.ca-light .ca-bump-info{color:#4a5268 !important;}
html.ca-light .ca-bump-info strong{color:#111827 !important;}
html.ca-light .ca-dash-rev-txt{color:#3f485e !important;}
html.ca-light .ca-dash-rev-code{color:#111827 !important;}
html.ca-light .ca-dash-rev-stars{color:#b45309 !important;}
html.ca-light .ca-dash-links a,html.ca-light .ca-dash-logout{color:#1861ab !important;}
html.ca-light .ca-dash-code-st{background:rgba(16,185,129,.14) !important;color:#0b6b4f !important;}
/* ==== 20. Boutons a degrade : blanc lisible en mode clair ==== */
html.ca-light .ca-dash-cta,html.ca-light .ca-pf-submit,html.ca-light .ca-bump-btn,html.ca-light .ca-prof-cta,html.ca-light .ca-community-cta,html.ca-light .ca-btn-primary,html.ca-light .ca-copy-code,html.ca-light .ca-cc-copy,html.ca-light .ca-share-btn,html.ca-light .ca-go-btn,html.ca-light .ca-add-code-btn{background-image:linear-gradient(90deg,#1861ab,#0e7490) !important;color:#ffffff !important;}
html.ca-light .ca-dash-cta *,html.ca-light .ca-prof-cta *,html.ca-light .ca-community-cta *,html.ca-light .ca-btn-primary *,html.ca-light .ca-go-btn *{color:#ffffff !important;}
/* ==== 21. Priorite sur la regle generale des liens de contenu ====
   Une regle existante force la couleur de TOUS les liens du contenu,
   y compris les boutons. On la neutralise avec :not(#zz) qui monte la
   specificite sans cibler aucun element reel. ==== */
html.ca-light .entry-content a:not(#zz):is(.ca-dash-cta,.ca-pf-submit,.ca-bump-btn,.ca-prof-cta,.ca-community-cta,.ca-btn-primary,.ca-copy-code,.ca-cc-copy,.ca-share-btn,.ca-go-btn,.ca-add-code-btn,.ca-compare-btn,.caf-cta),
html.ca-light .entry-content a:not(#zz):is(.ca-dash-cta,.ca-pf-submit,.ca-bump-btn,.ca-prof-cta,.ca-community-cta,.ca-btn-primary,.ca-copy-code,.ca-cc-copy,.ca-share-btn,.ca-go-btn,.ca-add-code-btn,.ca-compare-btn,.caf-cta) *,
html.ca-light .entry-content button:not(#zz):is(.ca-dash-cta,.ca-pf-submit,.ca-bump-btn,.ca-prof-cta,.ca-community-cta,.ca-btn-primary,.ca-copy-code,.ca-cc-copy,.ca-share-btn,.ca-go-btn,.ca-add-code-btn,.ca-compare-btn,.caf-cta){color:#ffffff !important;}
html.ca-light .entry-content a:not(#zz).ca-btn-ghost{color:#1f3b58 !important;}
html.ca-light .entry-content a:not(#zz).ca-brand-link{color:#1c2333 !important;}
html.ca-light .entry-content .ca-card:hover a:not(#zz).ca-brand-link,html.ca-light .entry-content a:not(#zz).ca-brand-link:hover,html.ca-light .entry-content a:not(#zz).ca-brand-link:focus-visible{color:#1f3b58 !important;}
html.ca-light .entry-content a:not(#zz).ca-more{color:#3f485e !important;}
html.ca-light .entry-content a:not(#zz).ca-btn-more{color:#1f446a !important;}
html.ca-light .entry-content a:not(#zz):not([class]),html.ca-light .entry-content a:not(#zz).ca-dash-logout,html.ca-light .entry-content a:not(#zz).ca-prof-link2{color:#1861ab !important;}
/* ==== 22. Champs de formulaire en mode clair ==== */
html.ca-light .ca-share-form input[type="text"],html.ca-light .ca-share-form input[type="url"],html.ca-light .ca-share-form input[type="email"],html.ca-light .ca-share-form select,html.ca-light .ca-share-form textarea,html.ca-light .ca-pf-lbl input,html.ca-light .ca-pf-lbl textarea,html.ca-light .ca-sig-form input,html.ca-light .ca-sig-form textarea,html.ca-light .ca-sig-form select,html.ca-light .ca-review-form-wrap input,html.ca-light .ca-review-form-wrap textarea{background:#ffffff !important;color:#1c2333 !important;border:1px solid rgba(23,31,56,.20) !important;}
html.ca-light .ca-share-form input:focus,html.ca-light .ca-share-form textarea:focus,html.ca-light .ca-share-form select:focus,html.ca-light .ca-pf-lbl input:focus,html.ca-light .ca-pf-lbl textarea:focus{border-color:#1861ab !important;}
html.ca-light .ca-share-form ::placeholder,html.ca-light .ca-pf-lbl ::placeholder{color:#6b7280 !important;opacity:1;}
/* ==== 23. Libelles du formulaire de partage ==== */
html.ca-light .ca-share-form label,html.ca-light .ca-share-row label{color:#26304a !important;}
html.ca-light .ca-lien-note{color:#4a5268 !important;}
html.ca-light .ca-share-hint{color:#4a5268 !important;}
html.ca-light .ca-sig-btn{background:#1861ab !important;}
/* ==== 24. Conteneurs de formulaires en mode clair ==== */
html.ca-light .ca-share-form,html.ca-light .ca-sig-form,html.ca-light .ca-review-form-wrap{background-image:none !important;background:#ffffff !important;border:1px solid #e6e9f2 !important;box-shadow:0 4px 16px rgba(20,30,60,.06) !important;}
html.ca-light .ca-share-form h2,html.ca-light .ca-share-form h3,html.ca-light .ca-share-form legend,html.ca-light .ca-sig-form h2,html.ca-light .ca-sig-form h3{color:#111827 !important;}
html.ca-light .ca-share-form p,html.ca-light .ca-sig-form p,html.ca-light .ca-sig-form label{color:#3f485e !important;}
html.ca-light .ca-share-form strong,html.ca-light .ca-sig-form strong{color:#111827 !important;}
/* ==== 25. Mode sombre : titre du bloc Comment ca marche ====
   Le h2 heritait de la couleur sombre du theme sur un panneau sombre. ==== */
html:not(.ca-light) .ca-methode h2,html:not(.ca-light) .ca-methode h3{color:#f3f4f8 !important;}
html:not(.ca-light) .ca-methode-sub,html:not(.ca-light) .ca-methode-note{color:#a3abc2 !important;}
/* ==== 26. Derniers libelles gris trop clairs ==== */
html.ca-light .cap-fact-l,html.ca-light .cam-table th,html.ca-light .cam-table caption{color:#4a5268 !important;}

/* 27. Boutons fantomes de fiche : lisibles sur fond clair. */
html.ca-light .caf-cta-ghost:not(#zz),
html.ca-light .caf-cta-ghost:not(#zz) *,
html.ca-light .entry-content a.caf-cta-ghost:not(#zz),
html.ca-light .entry-content a.caf-cta-ghost:not(#zz) *,
html.ca-light .entry-content button.caf-cta-ghost:not(#zz),
html.ca-light .entry-content button.caf-cta-ghost:not(#zz) *{
	color:#1f3b58 !important;
	-webkit-text-fill-color:#1f3b58 !important;
	background:#ffffff !important;
	border-color:rgba(31,59,88,.32) !important;
	text-decoration:none !important;
}
html.ca-light .caf-cta-ghost:not(#zz):hover,
html.ca-light .caf-cta-ghost:not(#zz):hover *,
html.ca-light .caf-cta-ghost:not(#zz):focus-visible,
html.ca-light .caf-cta-ghost:not(#zz):focus-visible *{
	color:#1e1b4b !important;
	-webkit-text-fill-color:#1e1b4b !important;
	background:#eef2ff !important;
	border-color:rgba(31,59,88,.50) !important;
}

/* 28. Ancres sans classe stylees en bouton degrade (profil membre, blog). */
html.ca-light .ca-prof-own a:not(#zz),
html.ca-light .ca-prof-own a:not(#zz):visited,
html.ca-light .ca-prof-own a:not(#zz):hover,
html.ca-light .ca-prof-own a:not(#zz):focus,
html.ca-light .ca-prof-own a:not(#zz) *,
html.ca-light .entry-content .ca-prof-own a:not(#zz),
html.ca-light .entry-content .ca-prof-own a:not(#zz):visited,
html.ca-light .entry-content .ca-prof-own a:not(#zz):hover,
html.ca-light body.blog .read-more a:not(#zz),
html.ca-light body.blog a.button:not(#zz){
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	text-decoration:none !important;
}

/* 29. Blocs d appel a l action des pages editoriales. */
/* 29a. Panneau violet plein (barometre) : tout le texte passe en blanc. */
html.ca-light .cab-cta:not(#zz),
html.ca-light .cab-cta:not(#zz) h2,
html.ca-light .cab-cta:not(#zz) h3,
html.ca-light .cab-cta:not(#zz) p,
html.ca-light .cab-cta:not(#zz) li,
html.ca-light .cab-cta:not(#zz) strong{
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
}
html.ca-light .cab-cta:not(#zz) .cab-btn-primary,
html.ca-light .entry-content .cab-cta a.cab-btn-primary:not(#zz){
	background:#ffffff !important;
	color:#1f446a !important;
	-webkit-text-fill-color:#1f446a !important;
	border-color:#ffffff !important;
	text-decoration:none !important;
}
html.ca-light .cab-cta:not(#zz) .cab-btn-ghost,
html.ca-light .entry-content .cab-cta a.cab-btn-ghost:not(#zz){
	background:rgba(255,255,255,.10) !important;
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	border-color:rgba(255,255,255,.72) !important;
	text-decoration:none !important;
}
html.ca-light .cab-cta:not(#zz) .cab-btn-ghost:hover,
html.ca-light .entry-content .cab-cta a.cab-btn-ghost:not(#zz):hover{
	background:rgba(255,255,255,.22) !important;
	border-color:#ffffff !important;
}

/* 29b. Panneaux pales (a-propos, methode) : bouton principal blanc sur violet. */
html.ca-light .cap-btn-primary:not(#zz),
html.ca-light .cam-btn-primary:not(#zz),
html.ca-light .entry-content a.cap-btn-primary:not(#zz),
html.ca-light .entry-content a.cam-btn-primary:not(#zz),
html.ca-light .entry-content a.cap-btn-primary:not(#zz) *,
html.ca-light .entry-content a.cam-btn-primary:not(#zz) *{
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	text-decoration:none !important;
}
html.ca-light .cap-btn-ghost:not(#zz),
html.ca-light .cam-btn-ghost:not(#zz),
html.ca-light .entry-content a.cap-btn-ghost:not(#zz),
html.ca-light .entry-content a.cam-btn-ghost:not(#zz){
	color:#1f3b58 !important;
	-webkit-text-fill-color:#1f3b58 !important;
	background:#ffffff !important;
	border-color:rgba(31,59,88,.32) !important;
	text-decoration:none !important;
}
html.ca-light .cap-btn-ghost:not(#zz):hover,
html.ca-light .cam-btn-ghost:not(#zz):hover,
html.ca-light .entry-content a.cap-btn-ghost:not(#zz):hover,
html.ca-light .entry-content a.cam-btn-ghost:not(#zz):hover{
	background:#eef2ff !important;
	border-color:rgba(31,59,88,.50) !important;
}

/* 29c. Filet de securite : tout bouton principal garde un texte blanc. */
html.ca-light .entry-content a[class*='btn-primary']:not(#zz),
html.ca-light .entry-content a[class*='btn-primary']:not(#zz) *,
html.ca-light .entry-content button[class*='btn-primary']:not(#zz),
html.ca-light .entry-content a[class*='cta-primary']:not(#zz),
html.ca-light .entry-content a[class*='cta-primary']:not(#zz) *{
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	text-decoration:none !important;
}

/* 30. Derniers ecarts de contraste : passage au niveau AA. */
/* 30a. Liens de contenu : violet plus profond. */
html.ca-light body.page:not(.home):not(.blog):not(.page-id-47) .entry-content a{color:#1861ab !important;}
html.ca-light .ca-legal-card-body a{color:#1861ab !important;}
html.ca-light .ca-footer-nav a:hover{color:#1861ab;}

/* 30b. Boutons violets : fond assombri pour un texte blanc lisible. */
html.ca-light .ca-cta-primary:not(#zz),
html.ca-light .caf-cta:not(#zz):not(.caf-cta-ghost),
html.ca-light .ca-row-go:not(#zz),
html.ca-light .ca-prof-cta:not(#zz),
html.ca-light .ca-dash-cta:not(#zz),
html.ca-light .ca-community-cta:not(#zz),
html.ca-light .ca-btn-primary:not(#zz){
	background-image:linear-gradient(135deg,#1861ab 0%,#235384 100%) !important;
	background-color:#1861ab !important;
	border-color:#235384 !important;
}
html.ca-light .ca-cta-primary:not(#zz),
html.ca-light .ca-cta-primary:not(#zz) span,
html.ca-light .ca-cta-primary:not(#zz) .ca-cta-lbl,
html.ca-light .ca-cta-primary:not(#zz) .ca-cta-ar,
html.ca-light .caf-cta:not(#zz):not(.caf-cta-ghost),
html.ca-light .caf-cta:not(#zz):not(.caf-cta-ghost) span,
html.ca-light .ca-row-go:not(#zz),
html.ca-light .ca-row-go:not(#zz) span,
html.ca-light .ca-prof-cta:not(#zz) span,
html.ca-light .ca-dash-cta:not(#zz) span,
html.ca-light .ca-community-cta:not(#zz) span,
html.ca-light .ca-btn-primary:not(#zz) span{
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
}

/* 30c. Panneau violet du barometre : fond assombri. */
html.ca-light .cab-cta:not(#zz){background-image:linear-gradient(135deg,#235384 0%,#196bbc 100%) !important;}

/* 30d. Pastille d avantage : socle sombre sous le degrade translucide. */
html.ca-light .caf-gift:not(#zz){background-color:#111827 !important;}

/* 30e. Libelles gris trop pales sur fond clair. */
html.ca-light .ca-footer-note:not(#zz){color:#5c6478 !important;}
html.ca-light .cap-fact-l:not(#zz),
html.ca-light .cam-fact-l:not(#zz),
html.ca-light .cab-fact-l:not(#zz){color:#545c70 !important;}
html.ca-light .entry-content th:not(#zz){color:#454b5e !important;}
html.ca-light .ca-blog-hero-sub:not(#zz){color:#454b5e !important;}
html.ca-light .ca-hero-kicker:not(#zz){color:#04624a !important;}

/* 31. Ajustements finaux. */
/* 31a. Pastille d avantage : voile sombre uniforme, la teinte de marque reste visible. */
html.ca-light .caf-gift:not(#zz){box-shadow:inset 0 0 0 999px rgba(15,18,34,.52) !important;}
html.ca-light .caf-gift:not(#zz),
html.ca-light .caf-gift:not(#zz) em,
html.ca-light .caf-gift:not(#zz) strong,
html.ca-light .caf-gift:not(#zz) span{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}

/* 31b. Bouton fantome du barometre : voile plus discret pour garder le contraste. */
html.ca-light .cab-cta:not(#zz) .cab-btn-ghost,
html.ca-light .entry-content .cab-cta a.cab-btn-ghost:not(#zz){background:rgba(255,255,255,.06) !important;}

/* 32. Degrades bleus et pastille Premium : passage au niveau AA. */
html.ca-light .ca-prof-own a:not(#zz),
html.ca-light .entry-content .ca-prof-own a:not(#zz){
	background-image:linear-gradient(90deg,#1861ab 0%,#0369a1 100%) !important;
	background-color:#1861ab !important;
}
html.ca-light .cap-btn-primary:not(#zz),
html.ca-light .cam-btn-primary:not(#zz),
html.ca-light .entry-content a.cap-btn-primary:not(#zz),
html.ca-light .entry-content a.cam-btn-primary:not(#zz){
	background-image:linear-gradient(135deg,#1861ab 0%,#2f5fc0 100%) !important;
	background-color:#1861ab !important;
	border-color:#2f5fc0 !important;
}
html.ca-light .ca-premium-badge:not(#zz),
html.ca-light .ca-dash-badge.ca-premium-badge:not(#zz){
	color:#451a03 !important;
	-webkit-text-fill-color:#451a03 !important;
}

/* 33. Icone des en-tetes juridiques : symbole blanc sur la pastille violette. */
html.ca-light .ca-legal-hero-ico:not(#zz){color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;}

/* 33b. Pastille juridique : degrade assombri pour un symbole blanc lisible. */
html.ca-light .ca-legal-hero-ico:not(#zz){background-image:linear-gradient(135deg,#1861ab 0%,#235384 100%) !important;background-color:#1861ab !important;}

/* 34. Mode sombre : boutons du bloc barometre (soulignement et teintes pales). */
html:not(.ca-light) .cab-cta .cab-btn-primary,
html:not(.ca-light) .entry-content .cab-cta a.cab-btn-primary:not(#zz){
	background:#ffffff !important;
	color:#1f446a !important;
	-webkit-text-fill-color:#1f446a !important;
	border-color:#ffffff !important;
	text-decoration:none !important;
}
html:not(.ca-light) .cab-cta .cab-btn-ghost,
html:not(.ca-light) .entry-content .cab-cta a.cab-btn-ghost:not(#zz){
	background:rgba(9,12,28,.30) !important;
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	border-color:rgba(255,255,255,.72) !important;
	text-decoration:none !important;
}
html:not(.ca-light) .cab-cta .cab-btn-ghost:hover,
html:not(.ca-light) .entry-content .cab-cta a.cab-btn-ghost:not(#zz):hover{
	background:rgba(255,255,255,.22) !important;
	border-color:#ffffff !important;
}

/* 1. Tailles : boutons plus compacts (aspect plus professionnel) */
.ca-dash .ca-dash-cta{padding:.52rem 1.05rem;font-size:.94rem;font-weight:700;border-radius:10px;box-shadow:0 3px 12px rgba(0,106,213,.26)}
.ca-dash .ca-dash-cta:hover{box-shadow:0 5px 16px rgba(0,106,213,.34)}
.ca-dash .ca-dash-cta2{padding:9px 15px;font-size:.85rem;font-weight:600}
.ca-dash .ca-dash-links a{padding:.44rem .9rem;font-size:.9rem}
.ca-dash .ca-dpub-see{padding:7px 13px;font-size:12.5px;font-weight:600;line-height:1.35;display:inline-flex;align-items:center}

/* 2. Secondaire : contour neutre (Modifier, Remonter) */
.ca-dash a.ca-bump-btn:not(#zz){background:rgba(255,255,255,.055);background-image:none;border:1px solid rgba(255,255,255,.17);color:#ccd2f2!important;padding:.3rem .78rem;font-size:.8rem;font-weight:600;box-shadow:none}
.ca-dash a.ca-bump-btn:not(#zz):hover{background:rgba(255,255,255,.1);border-color:rgba(46,151,255,.5);color:#fff!important}

/* 3. Secondaire : Copier et Partager du bloc Mes codes de parrainage */
.ca-dash .ca-copy-code:not(#zz){background:rgba(255,255,255,.055);background-image:none;border:1px solid rgba(255,255,255,.17);color:#ccd2f2}
.ca-dash .ca-copy-code:not(#zz):hover{background:rgba(255,255,255,.1);border-color:rgba(46,151,255,.5);color:#fff}
.ca-dash .ca-shb-native:not(#zz){background:rgba(255,255,255,.055);background-image:none;border-color:rgba(255,255,255,.17)}
.ca-dash a.ca-shb-native:not(#zz){color:#ccd2f2!important}
.ca-dash a.ca-shb-native:not(#zz):hover{border-color:rgba(46,151,255,.5);color:#fff!important}

/* 4. Enregistrer : contour teinte indigo, visible sans bloc sature */
.ca-dash .ca-pf-submit:not(#zz){background:rgba(17,113,210,.15);background-image:none;border:1px solid rgba(17,113,210,.44);color:#a4d2ff;padding:.55rem 1.1rem;border-radius:9px;font-size:.86rem;font-weight:600;box-shadow:none}
.ca-dash .ca-pf-submit:not(#zz):hover{background:rgba(17,113,210,.26);border-color:rgba(46,151,255,.7);color:#fff}

/* 5. Mode clair : meme hierarchie, contrastes AA */
html.ca-light .ca-dash a.ca-bump-btn:not(#zz),html.ca-light .ca-dash button.ca-copy-code:not(#zz),html.ca-light .ca-dash a.ca-shb-native:not(#zz){background:rgba(15,23,42,.05)!important;background-image:none!important;border-color:rgba(15,23,42,.17)!important;color:#3d4666!important}
html.ca-light .ca-dash a.ca-bump-btn:not(#zz):hover,html.ca-light .ca-dash button.ca-copy-code:not(#zz):hover,html.ca-light .ca-dash a.ca-shb-native:not(#zz):hover{border-color:rgba(24,97,171,.5)!important;color:#1f3b58!important}
html.ca-light .ca-dash button.ca-pf-submit:not(#zz){background:rgba(24,97,171,.1)!important;background-image:none!important;border-color:rgba(24,97,171,.4)!important;color:#235282!important}
html.ca-light .ca-dash button.ca-pf-submit:not(#zz):hover{background:rgba(24,97,171,.18)!important;color:#1f3b58!important}

/* Ligne d en-tete : tout est aligne sur la hauteur du champ de recherche. */
.ca-header-actions:not(#zz){gap:8px}
.ca-hbtn:not(#zz){height:40px;padding:0 16px;gap:8px;font-size:14px;font-weight:600;letter-spacing:.005em;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);box-shadow:none;transition:background .16s ease,border-color .16s ease,color .16s ease}
.ca-hbtn:not(#zz):hover{background:rgba(61,153,244,.14);border-color:rgba(61,153,244,.52);color:#fff}
.ca-hbtn:not(#zz):focus-visible{outline:2px solid #3d99f4;outline-offset:2px}
/* Comparatifs : reste parfaitement identifiable, mais sans halo lumineux. */
.ca-hbtn.ca-hbtn-primary:not(#zz){background:#1861ab;border-color:#1a6fc5;color:#fff;box-shadow:0 1px 2px rgba(8,10,26,.4)}
.ca-hbtn.ca-hbtn-primary:not(#zz):hover{background:#1d5792;border-color:#1d5792;color:#fff}
/* Icones monochromes en SVG : plus aucun emoji couleur ni requete externe. */
.ca-hbtn-ico:not(#zz){display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px;font-size:0;opacity:.88}
.ca-hbtn-ico svg{width:17px;height:17px;display:block}
.ca-hbtn:hover .ca-hbtn-ico{opacity:1}
.ca-hbtn.ca-hbtn-primary .ca-hbtn-ico{opacity:.95}
/* Quatre entrees dans l en-tete : on resserre avant que la recherche ne se retracte. */
.ast-site-identity .site-title,.ast-site-identity .site-title a{white-space:nowrap}
@media (min-width:922px) and (max-width:1379px){.ca-header-actions:not(#zz){gap:6px}.ca-hbtn:not(#zz){padding:0 12px;gap:7px;font-size:13.5px}.ca-hbtn-ico:not(#zz){width:16px;height:16px;flex:0 0 16px}.ca-hbtn-ico svg{width:16px;height:16px}}
@media (min-width:922px) and (max-width:1199px){.ca-hbtn:not(#zz){padding:0 10px;gap:6px;font-size:13px}}
/* Bascule clair/sombre : cercle parfait, meme hauteur que les boutons. */
.ca-theme-toggle:not(#zz){width:40px;height:40px;min-width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);box-shadow:none;transition:background .16s ease,border-color .16s ease}
.ca-theme-toggle:not(#zz):hover{background:rgba(61,153,244,.14);border-color:rgba(61,153,244,.52)}
.ca-theme-toggle:not(#zz):focus-visible{outline:2px solid #3d99f4;outline-offset:2px}
.ca-theme-ico:not(#zz){display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:0;line-height:0}
.ca-theme-ico svg{width:18px;height:18px;display:block}
.ca-theme-ico .ca-ti-moon{display:none}
html.ca-light .ca-theme-ico .ca-ti-sun{display:none}
html.ca-light .ca-theme-ico .ca-ti-moon{display:block}
/* Mode clair : le fond de l en-tete est blanc, on repasse sur des bords doux. */
html.ca-light .ca-hbtn:not(#zz){background:#fff;border-color:#d6dbe8;box-shadow:0 1px 1px rgba(23,31,56,.04)}
html.ca-light .ca-hbtn:not(#zz):hover{background:#f4f5fd;border-color:#6cacec;color:#1c2333}
html.ca-light .ca-hbtn.ca-hbtn-primary:not(#zz){background:#1861ab !important;border-color:#1861ab;color:#fff;box-shadow:0 1px 2px rgba(24,97,171,.22)}
html.ca-light .ca-hbtn.ca-hbtn-primary:not(#zz):hover{background:#1d5792 !important;border-color:#1d5792;color:#fff}
html.ca-light .ca-theme-toggle:not(#zz){background:#fff;border-color:#d6dbe8 !important;color:#28304a !important}
html.ca-light .ca-theme-toggle:not(#zz):hover{background:#f4f5fd;border-color:#6cacec !important}
/* Le libelle de recherche est volontairement long pour le referencement.
   Sans cette regle il est tranche au milieu d un mot : on le coupe proprement. */
.ca-hs-input:not(#zz){text-overflow:ellipsis}
.ca-hs-input:not(#zz)::placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
/* Mobile : la barre d actions se comprime, on garde des cibles tactiles saines. */
@media (max-width:782px){
.ca-header-actions:not(#zz){gap:6px}
.ca-hbtn:not(#zz){height:38px;padding:0 13px;font-size:13.5px}
.ca-theme-toggle:not(#zz){width:38px;height:38px;min-width:38px}
}
@media (prefers-reduced-motion:reduce){.ca-hbtn:not(#zz),.ca-theme-toggle:not(#zz){transition:none}}


/* ══ 1. Lisere d accent de la carte d annonce ══
   Le lisere etait un ::before de 4 px avec un rayon de 16 px : sur une boite
   de 4 px de large ce rayon ne peut pas s afficher, la bande restait droite
   pendant que le cadre s arrondissait, d ou l effet de piece rapportee.
   Solution : la carte decoupe elle meme le lisere (aucun enfant ne deborde,
   verifie), le lisere n a donc plus besoin de rayon et epouse exactement
   l arrondi du cadre. Il passe au passage de 4 a 6 px. */
html body .entry-content .ca-row:not(#zz){overflow:hidden}
html body .entry-content .ca-row:not(#zz)::before{left:0;top:0;bottom:0;width:6px;border-radius:0;opacity:.92;transition:opacity .18s ease}
html body .entry-content .ca-row:not(#zz):hover::before{width:6px;opacity:1}

/* ══ 2. Bouton de conversion de la section communaute ══
   Meme langage que les deux CTA de /mon-espace/ : degrade 5453ff vers 1a6fd0
   et halo discret 0 3px 12px, au lieu du halo de 24 px et du saut de 2 px.
   La fusee est remplacee par un plus, comme sur  + Partager un code . */
.ca-community-foot:not(#zz){display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.ca-community-cta:not(#zz){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.005em;line-height:1.15;background-image:linear-gradient(90deg,#006ad5 0%,#1a6fd0 100%);box-shadow:0 3px 12px rgba(0,106,213,.26);transition:box-shadow .16s ease,transform .16s ease}
.ca-community-cta:not(#zz):hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,106,213,.32)}
.ca-community-cta:not(#zz):focus-visible{outline:2px solid #7ebdfb;outline-offset:3px}
.ca-community-cta .ca-cta-ico{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px}
.ca-community-cta .ca-cta-ico svg{width:17px;height:17px;display:block}
.ca-community-more:not(#zz){margin-left:0;line-height:1.2}
html.ca-light .ca-community-cta:not(#zz){box-shadow:0 3px 12px rgba(24,97,171,.22)}
html.ca-light .ca-community-cta:not(#zz):hover{box-shadow:0 5px 16px rgba(24,97,171,.28)}
@media (prefers-reduced-motion:reduce){.ca-community-cta:not(#zz){transition:none}.ca-community-cta:not(#zz):hover{transform:none}}
@media (max-width:782px){
.ca-community-foot:not(#zz){gap:14px}
.ca-community-cta:not(#zz){min-height:46px;padding:0 20px;font-size:14.5px}
html body .entry-content .ca-row:not(#zz)::before{width:5px}
}



/* ---- Encart contribution (fiches) : panneau sobre ---- */
.entry-content .ca-contrib{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022)) !important;
  border:1px solid rgba(148,163,208,.2) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  display:flex;align-items:center;gap:18px;
}
.ca-contrib-ico{
  width:46px;height:46px;min-width:46px;
  display:inline-flex !important;align-items:center;justify-content:center;
  border-radius:13px;
  background:rgba(0,106,213,.13);
  border:1px solid rgba(0,106,213,.24);
  color:#6eb7ff !important;
  font-size:0 !important;
}
.ca-contrib-ico svg{display:block;width:22px;height:22px}
.ca-contrib-txt strong{font-size:17px !important}
.ca-contrib-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ---- Boutons : socle commun ---- */
.entry-content a.ca-btn-primary,
.entry-content input.ca-review-submit,
.ca-reviews input[type="submit"]{
  background:linear-gradient(90deg,#006ad5,#1a6fd0) !important;
  box-shadow:0 3px 12px rgba(0,106,213,.26) !important;
  border:0 !important;
  border-radius:11px !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:.1px;
  color:#fff !important;
  transition:box-shadow .18s ease,filter .18s ease,transform .12s ease !important;
}
.entry-content a.ca-btn-primary{
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 20px !important;text-decoration:none !important;
}
.entry-content input.ca-review-submit,.ca-reviews input[type="submit"]{
  min-height:46px;padding:0 22px !important;line-height:1 !important;
}
.entry-content a.ca-btn-primary:hover,
.entry-content input.ca-review-submit:hover,
.ca-reviews input[type="submit"]:hover{
  filter:brightness(1.06);
  box-shadow:0 5px 16px rgba(0,106,213,.32) !important;
  transform:translateY(-1px) !important;
}
.entry-content a.ca-btn-primary:active,
.entry-content input.ca-review-submit:active{transform:translateY(0) !important}

/* ---- Bouton secondaire ---- */
.entry-content a.ca-btn-ghost{
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 18px !important;
  border-radius:11px !important;
  border:1px solid rgba(148,163,208,.28) !important;
  background:rgba(255,255,255,.045) !important;
  color:#e7ebf5 !important;
  font-weight:700 !important;font-size:15px !important;
  text-decoration:none !important;box-shadow:none !important;
  transition:background .18s ease,border-color .18s ease !important;
}
.entry-content a.ca-btn-ghost:hover{
  background:rgba(255,255,255,.085) !important;
  border-color:rgba(148,163,208,.46) !important;
}
.ca-btn-ico{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.ca-btn-ico svg{display:block}

/* ---- Page "Publier mon code" ---- */
.ca-share-btn{
  box-shadow:0 3px 12px rgba(0,106,213,.26) !important;
  border-radius:11px !important;
  font-size:15px !important;
}
.ca-share-btn:hover{box-shadow:0 5px 16px rgba(0,106,213,.32) !important}
.ca-share-btn svg{vertical-align:-3px;margin-right:5px}
.ca-legal-hero-ico{
  background:linear-gradient(135deg,#1066bd,#0d7ef0) !important;
  box-shadow:0 8px 22px -10px rgba(7,119,232,.55) !important;
  border-radius:18px !important;
  font-size:34px !important;
}
.ca-legal-hero-ico:has(svg){font-size:0 !important}
.ca-legal-hero-ico svg{display:block}
.ca-legal-card-ico{
  display:inline-flex !important;align-items:center;
  color:#42a1ff !important;width:auto !important;
}
.ca-legal-card-ico svg{display:block}
.ca-share-ttlnote svg{vertical-align:-2px;margin-right:4px}

/* ---- Mode clair ---- */
html.ca-light .entry-content .ca-contrib:not(#zz){
  background:#f7f8fc !important;
  border-color:rgba(31,59,88,.16) !important;
}
html.ca-light .ca-contrib-ico:not(#zz){
  background:#eceafd !important;
  border-color:rgba(24,97,171,.24) !important;
  color:#235384 !important;
}
html.ca-light .ca-legal-card-ico:not(#zz){color:#235384 !important}
html.ca-light .entry-content a.ca-btn-ghost:not(#zz){
  background:#fff !important;
  border-color:rgba(31,59,88,.3) !important;
  color:#1f3b58 !important;
}
html.ca-light .entry-content a.ca-btn-ghost:not(#zz):hover{background:#eef1f8 !important}

/* ---- Lien vers les classements depuis le tableau de bord ---- */
.ca-dash-clcta{margin:12px 0 0;font-size:13.5px;color:#8f98b0}
.ca-dash-clcta a{color:#77bbff !important;font-weight:600;text-decoration:none !important}
.ca-dash-clcta a:hover{text-decoration:underline !important}
.ca-dash-clsep{padding:0 9px;opacity:.5}
html.ca-light .ca-dash-clcta{color:#565f78}
html.ca-light .ca-dash-clcta a:not(#zz){color:#235384 !important}

/* ---- Mobile ---- */
@media (max-width:600px){
  .entry-content .ca-contrib{flex-direction:column;align-items:flex-start;gap:14px}
  .ca-contrib-btns{width:100%}
  .entry-content a.ca-btn-primary,.entry-content a.ca-btn-ghost{flex:1 1 auto;min-height:44px}
  .ca-contrib-ico{width:42px;height:42px;min-width:42px}
}


/* ---- Grands chiffres du tableau de bord : teinte adoucie, toujours distincte ---- */
.ca-stat-num:not(#zz){background-image:linear-gradient(90deg,#82afdb,#7ab3d4)}
html.ca-light .ca-stat-num:not(#zz){background-image:linear-gradient(90deg,#32567b,#1f6377) !important}

/* ---- Icones vectorielles a la place des emoticones ---- */
.ca-i{display:inline-block;vertical-align:-.12em;flex:0 0 auto}
.ca-dash-sec-head h3 .ca-i{width:.92em;height:.92em;opacity:.9}
.ca-dash-badge .ca-i,.ca-myc-fresh .ca-i,.ca-bump-btn .ca-i{width:.95em;height:.95em}
.ca-authority-ico .ca-i{width:1em;height:1em;vertical-align:middle}
.ca-cb-act{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ca-cb-act::before{content:"";flex:0 0 auto;width:13px;height:13px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228.5%22%20y%3D%222.6%22%20width%3D%227%22%20height%3D%223.8%22%20rx%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M8.5%204.4H6.2A2%202%200%200%200%204.2%206.4v13a2%202%200%200%200%202%202h11.6a2%202%200%200%200%202-2v-13a2%202%200%200%200-2-2h-2.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228.5%22%20y%3D%222.6%22%20width%3D%227%22%20height%3D%223.8%22%20rx%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M8.5%204.4H6.2A2%202%200%200%200%204.2%206.4v13a2%202%200%200%200%202%202h11.6a2%202%200%200%200%202-2v-13a2%202%200%200%200-2-2h-2.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain}

/* ---- Teinte des icones vectorielles ---- */
.ca-authority-ico:not(#zz){color:#6c9fd1}
html.ca-light .ca-authority-ico:not(#zz){color:#32567b}
.ca-tldr-ico:not(#zz){color:#6c9fd1}
html.ca-light .ca-tldr-ico:not(#zz){color:#32567b}
.ca-dash-sec-head h3 .ca-i{color:#7ea9d3}
html.ca-light .ca-dash-sec-head h3 .ca-i{color:#32567b}


/* ---- Passerelle entre "Publier un code" et "Proposer un code" ---- */
.ca-xlink{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:14px 16px;border-radius:14px;
  background:rgba(255,255,255,.035);border:1px solid rgba(148,163,208,.2);border-left:3px solid #467fb9}
.ca-xlink-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:11px;background:rgba(70,127,185,.15);border:1px solid rgba(70,127,185,.26);color:#8db7e0}
.ca-xlink-ico svg{display:block}
.ca-xlink-c{flex:1 1 auto;min-width:0}
.ca-xlink p:not(#zz){margin:0}
.ca-xlink-t{font-size:15px;font-weight:700;color:#eef0fa;line-height:1.35}
.ca-xlink-d{margin-top:3px !important;font-size:13.5px;color:#b3b9d0;line-height:1.5}
.ca-xlink-a:not(#zz){flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;
  border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;color:#dfe2ff;
  background:rgba(70,127,185,.18);border:1px solid rgba(100,157,213,.4);transition:background .15s,border-color .15s}
.ca-xlink-a:not(#zz):hover{background:rgba(70,127,185,.3);border-color:rgba(170,176,238,.65);color:#fff}
.ca-xlink-a svg{display:block}
html.ca-light .ca-xlink{background:#f6f7fc;border-color:#dfe2ef;border-left-color:#375b80}
html.ca-light .ca-xlink-ico{background:#e8eaf7;border-color:#d3d7ee;color:#325477}
html.ca-light .ca-xlink-t{color:#1a1f38}
html.ca-light .ca-xlink-d{color:#3d4459}
html.ca-light .ca-xlink-a:not(#zz){color:#1a3755;background:#eceefb;border-color:#c8cceb}
html.ca-light .ca-xlink-a:not(#zz):hover{background:#e2e5f8;border-color:#93b6d8;color:#0f253c}

/* ---- Page "Proposer un code" : note et suivi des propositions ---- */
.ca-legal-note{margin-top:12px !important;font-size:13.5px;color:#a8aec6;line-height:1.55}
html.ca-light .ca-legal-note{color:#4b5268}
.ca-prop-suivi{margin:18px 0 6px}
.ca-prop-suivi-t:not(#zz){margin:0 0 8px;font-size:14px;font-weight:700;letter-spacing:.02em;color:#c6cbe4;text-transform:uppercase}
.ca-prop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.ca-prop-list li{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:11px;
  background:rgba(255,255,255,.03);border:1px solid rgba(148,163,208,.17)}
.ca-prop-nm{flex:1 1 auto;min-width:0;font-weight:700;font-size:14px;color:#e7e9f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-prop-dt{flex:0 0 auto;font-size:12.5px;color:#8c93ab}
.ca-prop-st{flex:0 0 auto;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}
.ca-prop-list li{flex-wrap:wrap}
.ca-prop-motif{flex:1 0 100%;margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#a8aec6}
html.ca-light .ca-prop-motif{color:#4b5268}
.ca-prop-att{color:#d9c58a;background:rgba(217,197,138,.13);box-shadow:inset 0 0 0 1px rgba(217,197,138,.3)}
.ca-prop-okk{color:#8fd6b0;background:rgba(143,214,176,.13);box-shadow:inset 0 0 0 1px rgba(143,214,176,.3)}
.ca-prop-nok{color:#a8aec6;background:rgba(168,174,198,.11);box-shadow:inset 0 0 0 1px rgba(168,174,198,.26)}
.ca-prop-warn:not(#zz){color:#e3b7a0}
html.ca-light .ca-prop-suivi-t:not(#zz){color:#3d4459}
html.ca-light .ca-prop-list li{background:#f8f9fd;border-color:#e2e5f0}
html.ca-light .ca-prop-nm{color:#1a1f38}
html.ca-light .ca-prop-dt{color:#5b6279}
html.ca-light .ca-prop-att{color:#7a5c12;background:#fdf4dd;box-shadow:inset 0 0 0 1px #ecd9a4}
html.ca-light .ca-prop-okk{color:#12603f;background:#e2f6ec;box-shadow:inset 0 0 0 1px #b2ddc6}
html.ca-light .ca-prop-nok{color:#4b5268;background:#f1f2f7;box-shadow:inset 0 0 0 1px #dcdfe9}
html.ca-light .ca-prop-warn:not(#zz){color:#9a4b22}

@media (max-width:600px){
  /* 34px sur 390px de large produit des titres de 4 a 5 lignes : on resserre */
  .ca-legal-hero h1:not(#zz){font-size:26px !important;line-height:1.24 !important}
  .ca-legal-hero-sub:not(#zz){font-size:14.5px !important;line-height:1.55 !important}
  .ca-xlink{flex-wrap:wrap;gap:11px;padding:13px}
  .ca-xlink-ico{width:34px;height:34px;border-radius:10px}
  .ca-xlink-c{flex:1 1 60%}
  .ca-xlink-t{font-size:14px}
  .ca-xlink-d{font-size:13px}
  .ca-xlink-a:not(#zz){flex:1 1 100%;justify-content:center;min-height:42px}
  .ca-prop-list li{flex-wrap:wrap;gap:6px 10px}
  .ca-prop-nm{flex:1 1 100%}
}

/* ---- Pages formulaire (publier / proposer) : le formulaire en premier ---- */
.ca-form-page:not(#zz){max-width:640px;padding-top:4px}
.ca-form-page .ca-legal-hero.ca-hero-slim{
  text-align:left;background:none;border:0;box-shadow:none;
  padding:0;margin:0 0 16px;border-radius:0;
}
.ca-form-page .ca-legal-hero.ca-hero-slim::before,
.ca-form-page .ca-legal-hero.ca-hero-slim::after{display:none}
.ca-form-page .ca-legal-hero.ca-hero-slim h1:not(#zz){
  font-size:30px !important;line-height:1.2 !important;margin:0 0 7px !important;
}
.ca-form-page .ca-legal-hero.ca-hero-slim .ca-legal-hero-sub:not(#zz){
  margin:0 !important;max-width:none !important;font-size:15px !important;line-height:1.55 !important;
}
.ca-form-after{margin-top:26px;display:flex;flex-direction:column;gap:16px}
.ca-form-after .ca-legal-card:not(#zz),.ca-form-after .ca-xlink:not(#zz){margin:0}

@media (max-width:600px){
  .ca-form-page .ca-legal-hero.ca-hero-slim h1:not(#zz){font-size:23px !important}
  .ca-form-page .ca-legal-hero.ca-hero-slim .ca-legal-hero-sub:not(#zz){font-size:14px !important}
  .ca-form-after{margin-top:20px;gap:13px}
}


