.etoiles{position:relative;display:inline-block;white-space:nowrap;
  font-size:var(--et-t,16px);line-height:1;letter-spacing:.08em;
  font-family:"Segoe UI Symbol","Apple Color Emoji",serif}
.etoiles .et-fond{color:#d9d2c4}
.etoiles .et-plein{position:absolute;left:0;top:0;overflow:hidden;color:var(--gold,#FFC233)}

.av-tete{display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--g20) var(--g40);background:#fff;border:1px solid var(--line);
  border-radius:var(--r14);padding:var(--e16) var(--g20)}
.av-moy{text-align:center;flex:none;min-width:104px}
.av-moy .av-note{font-family:var(--f-titres);font-weight:var(--w-titres,800);
  font-size:42px;line-height:1;margin-bottom:var(--e6)}
.av-moy .av-sous{color:var(--mute);font-size:var(--t-xs,12px);margin-top:var(--e6)}
.av-hist{display:grid;gap:var(--e5);flex:1 1 320px;max-width:430px}

.av-hist a,.av-hist span.ligne{display:grid;grid-template-columns:5.4em minmax(0,1fr) 30px;
  gap:var(--e10);align-items:center;font-size:var(--t-sm,13px);color:inherit;
  text-decoration:none}
.av-hist a>span:first-child,.av-hist span.ligne>span:first-child{white-space:nowrap}
@supports (grid-template-columns:subgrid){
  .av-hist{grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--e10)}
  .av-hist a,.av-hist span.ligne{grid-column:1/-1;grid-template-columns:subgrid}
}
.av-hist a:hover .av-bar i{background:var(--coral)}
.av-hist .av-bar{background:#efe9dc;border-radius:20px;height:9px;overflow:hidden}
.av-hist .av-bar i{display:block;height:100%;background:var(--gold,#FFC233);border-radius:20px}
.av-hist .av-cnt{color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}
.av-hist a.av-on{font-weight:800}
@media(max-width:700px){
  .av-tete{gap:var(--e14)}
  .av-moy{text-align:left;min-width:0}
  .av-hist{max-width:none}
}

.av-barre{display:flex;flex-wrap:wrap;gap:var(--e8);align-items:center;
  margin:var(--g20) 0 var(--e10)}

.av-barre.av-outils{margin-bottom:var(--g20)}

.av-tri{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--e10)}
.av-tri-l{display:inline-flex;align-items:center;gap:var(--e6);
  font-size:var(--t-sm,13px);color:var(--mute);font-weight:600}
@media(max-width:700px){.av-tri{margin-left:0;width:100%}}

.av-barre select{border:1.5px solid var(--line);border-radius:20px;
  padding:var(--e6) var(--e12);font:inherit;font-size:var(--t-sm,13px);
  font-weight:700;background:#fff;color:inherit;cursor:pointer}
.av-barre select:hover{border-color:var(--ink)}
.av-chip{display:inline-flex;align-items:center;gap:var(--e6);border:1.5px solid var(--line);
  border-radius:20px;padding:var(--e6) var(--e12);font-size:var(--t-sm,13px);
  font-weight:700;background:#fff;color:inherit;text-decoration:none}
.av-chip.av-on{border-color:var(--ink);background:var(--ink);color:#fff}
.av-tri-txt{color:var(--mute);font-size:var(--t-xs,12px);margin:0}

.av-liste{columns:1;column-gap:var(--e14)}
@media(min-width:820px){.av-liste{columns:2}}
@media(min-width:1280px){.av-liste{columns:3}}

.av{background:#fff;border:1px solid var(--line);border-radius:var(--r14);
  padding:var(--e14) var(--e16);break-inside:avoid;-webkit-column-break-inside:avoid;
  page-break-inside:avoid;display:inline-block;width:100%;
  margin:0 0 var(--e14);vertical-align:top;line-height:1.45}
.av .av-haut{display:flex;flex-wrap:wrap;gap:var(--e6) var(--e10);align-items:center}
.av .av-qui{font-weight:800}
.av .av-badge{display:inline-flex;align-items:center;gap:4px;background:#e9f4ee;
  color:#0b6b46;border-radius:20px;padding:2px 9px;font-size:var(--t-xxs,11px);
  font-weight:800}

.av .av-badge-testeur{background:#f1ecfb;color:#5b3fa8}

.av .av-dates{color:var(--mute);font-size:var(--t-xs,12px);margin-top:var(--e5)}
.av h3{font-family:var(--f-titres);font-weight:var(--w-titres,800);
  font-size:var(--t-md,15px);margin:var(--e10) 0 var(--e5);line-height:1.2}
.av p.av-txt{margin:0;white-space:pre-line}
.av .av-cp{margin-top:var(--e8);font-size:var(--t-xs,12px);color:var(--mute);font-style:italic}
.av .av-photos{display:flex;gap:var(--e8);flex-wrap:wrap;margin-top:var(--e10)}
.av .av-photos img{width:88px;height:88px;object-fit:cover;border-radius:var(--r10);
  border:1px solid var(--line)}
.av .av-rep{margin-top:var(--e12);border-left:3px solid var(--coral);
  background:var(--paper,#FBF7EE);padding:var(--e10) var(--e12);border-radius:0 var(--r10) var(--r10) 0}
.av .av-rep b{display:block;font-size:var(--t-xs,12px);margin-bottom:2px}
.av .av-rep p{margin:0;white-space:pre-line;font-size:var(--t-sm,13px)}
.av .av-actions{display:flex;flex-wrap:wrap;gap:var(--e10);align-items:center;
  margin-top:var(--e12);font-size:var(--t-xs,12px);color:var(--mute)}
.av .av-actions button{border:1px solid var(--line);background:#fff;border-radius:20px;
  padding:var(--e5) var(--e12);font:inherit;font-size:var(--t-xs,12px);cursor:pointer;
  color:inherit}
.av .av-actions button:hover{border-color:var(--coral);color:var(--coral)}
.av .av-actions form{display:inline}

.av .av-fait{display:inline-flex;align-items:center;gap:5px;
  border:1px solid transparent;border-radius:20px;padding:var(--e5) var(--e12);
  background:var(--paper,#FBF7EE);color:var(--mute);font-weight:700}

.av-cible{margin:var(--e8) 0 0}
.av-pastille{display:inline-flex;align-items:center;border-radius:20px;
  padding:3px 11px;font-size:var(--t-xxs,11px);font-weight:800;
  letter-spacing:.04em;text-decoration:none;border:1px solid transparent}
.av-produit{background:color-mix(in srgb,var(--coral) 12%,#fff);
  border-color:color-mix(in srgb,var(--coral) 32%,#fff);color:var(--coral)}
a.av-produit:hover{background:var(--coral);color:var(--coral-texte,#fff);
  border-color:var(--coral)}
.av-experience{background:var(--paper,#FBF7EE);border-color:var(--line);
  color:var(--mute);text-transform:uppercase}

.av-savoir{margin-top:var(--g20);font-size:var(--t-sm,13px);color:var(--mute);
  border-top:1px solid var(--line);padding-top:var(--e12)}
.av-savoir>summary{cursor:pointer;list-style:none;display:inline-flex;
  align-items:center;gap:var(--e6);color:var(--mute)}
.av-savoir>summary::-webkit-details-marker{display:none}
.av-savoir>summary::after{content:"+";font-weight:800;font-size:15px;line-height:1}
.av-savoir[open]>summary::after{content:"–"}
.av-savoir>summary:hover{color:var(--coral)}
.av-savoir p{margin:var(--e10) 0 0;line-height:1.55;max-width:72ch}
.av-savoir a{color:var(--coral);font-weight:700}
.av-vide{background:#fff;border:1px dashed var(--line);border-radius:var(--r14);
  padding:var(--g24);text-align:center;color:var(--mute);
  break-inside:avoid;display:inline-block;width:100%}

.av-mur{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:var(--e12)}
.av-mur figure{margin:0}
.av-mur img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r12);
  border:1px solid var(--line);display:block}
.av-mur figcaption{font-size:var(--t-xs,12px);color:var(--mute);margin-top:var(--e6)}

.prd-av{display:block;margin-top:2px;line-height:1}
.prd-av small{color:var(--mute);font-size:var(--t-xxs,11px);vertical-align:middle}

html:has(.av-pleine){overflow-x:clip}
.av-pleine{width:100vw;margin-left:calc(50% - 50vw);
  padding-inline:var(--gut,max(clamp(20px,4.5vw,64px),
    calc((100vw - var(--page-large,1560px))/2)))}

.av-railwrap{position:relative}
.av-rail{display:flex;gap:var(--e14);overflow-x:auto;padding-bottom:var(--e8);
  scroll-snap-type:x proximity;scroll-padding-inline:0;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none}
.av-rail::-webkit-scrollbar{display:none}
.av-rail:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}
.av-rail.tire{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none}
.av-rail.tire a{pointer-events:none}
.av-rnav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:var(--paper,#FBF7EE);color:var(--ink);font-size:var(--t-lg,18px);
  line-height:1;cursor:pointer;display:flex;align-items:center;
  justify-content:center;box-shadow:0 6px 18px -8px rgba(0,0,0,.35);
  transition:opacity .2s,background .2s}
.av-rnav:hover{background:#fff}
.av-rnav[disabled]{opacity:0;pointer-events:none}
.av-rnav.pre{left:-10px}
.av-rnav.suiv{right:-10px}
@media (hover:none){.av-rnav{display:none}}
.av-railbar{margin-top:var(--e14);height:3px;border-radius:20px;position:relative;
  background:var(--line);cursor:pointer;touch-action:none}
.av-railbar i{position:absolute;top:-2px;height:7px;border-radius:20px;
  background:var(--ink);width:22%;left:0;transition:height .2s,top .2s}
.av-railbar:hover i,.av-railbar.grab i{height:11px;top:-4px}
.av-rail>*{flex:0 0 clamp(258px,26vw,340px);scroll-snap-align:start;min-width:0}