@font-face{font-family:"Comfortaa";src:url("../fonts/Comfortaa-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Comfortaa";src:url("../fonts/Comfortaa-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#FFFFFF;color:#000000;font-family:"Comfortaa","Nunito",system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.w{max-width:820px;margin:0 auto;padding:0 24px}
header{position:relative;border-bottom:1px solid #CCCCCC;padding:40px 0 36px;overflow:hidden}
header::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#C17CF4,#E855A3)}
header img{display:block;width:170px;height:auto;margin-bottom:28px}
h1{margin:0 0 8px;font-size:clamp(30px,4vw,42px);line-height:1.2;text-wrap:balance}
header p{margin:0;color:#434343}
main{padding:24px 24px 72px}
h2{margin:48px 0 14px;font-size:22px;line-height:1.35;text-wrap:balance}
p{margin:0 0 14px;color:#434343;text-wrap:pretty}
strong{color:#000000}
a{color:#000000;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid #000000;outline-offset:3px}
code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:#F5F5F5;border:1px solid #E6E6E6;border-radius:6px;padding:1px 6px;white-space:nowrap}
.encart{margin:24px 0;padding:18px 22px;border-radius:18px;background:rgba(193,124,244,.12);border:1px solid rgba(193,124,244,.35)}
.encart p{margin:0;color:#000000}
.tab{overflow-x:auto;margin:0 0 14px;border:1px solid #CCCCCC;border-radius:16px}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;min-width:560px}
th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #E6E6E6}
th{background:#F5F5F5;font-weight:700}
tr:last-child td{border-bottom:0}
td{color:#434343}
.btn{appearance:none;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.05em;padding:14px 28px;border-radius:999px;background:linear-gradient(90deg,#C17CF4,#E855A3);color:#000000}
footer{background:#000000;color:#CCCCCC;font-size:14px;padding:32px 0}
footer .w{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;text-align:center}
footer a,footer button{color:#CCCCCC;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
footer a:hover,footer button:hover{color:#FFFFFF}
footer a:focus-visible,footer button:focus-visible{outline-color:#FFFFFF}
html:not(.mca-cnst-actif) [data-mca-cookies]{display:none}
@media (max-width:640px){.w{padding:0 16px}main{padding:16px 16px 56px}header{padding:32px 0 28px}}
.maj{margin-top:6px;font-size:14px;color:#666666}
ul{margin:0 0 14px;padding-left:22px;color:#434343}
li{margin:0 0 6px}
.fiche{margin:0 0 14px;padding:18px 22px;border:1px solid #CCCCCC;border-radius:18px}
.fiche p{margin:0 0 6px}
.fiche p:last-child{margin:0}
.sommaire{margin:28px 0 8px;padding:18px 22px;border-radius:18px;background:#F5F5F5}
.sommaire p{margin:0 0 8px;font-weight:700;color:#000000}
.sommaire ol{margin:0;padding-left:22px;color:#434343;columns:2;column-gap:32px}
.sommaire li{margin:0 0 4px;break-inside:avoid}
@media (max-width:640px){.sommaire ol{columns:1}}

/* Mobile : chaque ligne de tableau devient une fiche, chaque cellule rappelle sa colonne */
@media (max-width:640px){
  .tab{overflow:visible;border:0;border-radius:0}
  table{min-width:0}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  tr{display:block;margin:0 0 12px;border:1px solid #CCCCCC;border-radius:16px;padding:6px 0}
  td{display:block;border:0;padding:6px 16px}
  td[data-th]::before{content:attr(data-th);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#666666;margin-bottom:2px}
  td:first-child{color:#000000;font-weight:700}
}