:root{--fond:#fafbfa;--encre:#17201c;--discret:#56625c;--filet:#d5dbd7;--surface:#eff2f0;--lien:#00703c;--classe-a:#00a651;--classe-b:#50b848;--classe-c:#bed630;--classe-d:#fff200;--classe-e:#fdb913;--classe-f:#f37021;--classe-g:#ed1c24;--texte:var(--police), system-ui, sans-serif;--titre:var(--police-etroite), "Arial Narrow", sans-serif;color-scheme:light}*{box-sizing:border-box}body{font-family:var(--texte);color:var(--encre);background:var(--fond);margin:0;font-size:1.0625rem;line-height:1.55}.conteneur{max-width:46rem;margin:0 auto;padding:0 1rem}main.conteneur{padding-top:1.25rem;padding-bottom:3rem}p,li{max-width:68ch}a{color:var(--lien);text-underline-offset:.15em}a:focus-visible,button:focus-visible{outline:3px solid var(--encre);outline-offset:2px;border-radius:2px}h1,h2,h3,.marque{font-family:var(--titre);letter-spacing:-.01em;font-weight:700;line-height:1.1}h1{margin:.6rem 0 1.25rem;font-size:clamp(2rem,6.5vw,3.1rem)}h2{margin:2.5rem 0 .75rem;font-size:1.5rem}.entete{border-bottom:1px solid var(--filet)}.entete nav{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;padding:.9rem 1rem;display:flex}.entete a{color:var(--encre);font-size:.95rem;font-weight:500;text-decoration:none}.entete a:hover{text-decoration:underline}.entete .marque{margin-right:auto;font-size:1.5rem}@media (width<=40rem){.entete .marque{flex-basis:100%}}footer{border-top:1px solid var(--filet);color:var(--discret);padding:1rem 0 2rem;font-size:.9rem}footer ul{flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;list-style:none;display:flex}.discret{color:var(--discret)}.ariane{color:var(--discret);font-size:.9rem}.a-completer{background:#fff3b0;border-radius:3px;padding:.1rem .4rem}.etiquette{border:2px solid var(--encre);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:1.25rem 2rem;padding:1.25rem;display:grid}@media (width>=40rem){.etiquette{grid-template-columns:13rem minmax(0,1fr)}}.etiquette .resume .prix-median{font-family:var(--titre);color:var(--encre);font-variant-numeric:tabular-nums;margin:.15rem 0 .4rem;font-size:clamp(3.5rem,13vw,4.75rem);font-weight:700;line-height:.95}.etiquette .resume p{color:var(--discret);margin:0 0 .1rem;font-size:.95rem}.etiquette .resume .libelle{color:var(--encre);font-weight:600}.fleches{font-variant-numeric:tabular-nums;gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.fleches li{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.6rem;max-width:none;font-size:.9rem;display:grid}.fleches .tranche{text-align:right;color:var(--discret);white-space:nowrap}.fleches .barre{align-items:center;gap:.5rem;min-width:0;display:flex}.fleches .barre span:first-child{clip-path:polygon(0 0,calc(100% - .7rem) 0,100% 50%,calc(100% - .7rem) 100%,0 100%);min-width:1.1rem;height:1.35rem}.fleches .compte{white-space:nowrap}.fleches .mediane{font-weight:700}.fleches .mediane .tranche{color:var(--encre)}.sparkline{margin:1.25rem 0 0}.sparkline svg{max-width:100%;height:auto;color:var(--encre);display:block}.sparkline figcaption{color:var(--discret);margin-top:.25rem;font-size:.85rem}.marques{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.4rem 1.25rem;padding:0;list-style:none;display:grid}.marques li{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--filet);justify-content:space-between;gap:.5rem;padding-bottom:.3rem;display:flex}.tableau-defilant{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}caption{caption-side:bottom;text-align:left;color:var(--discret);padding-top:.6rem;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--filet);vertical-align:top;padding:.55rem .5rem}th{color:var(--discret);background:var(--surface);font-size:.85rem;font-weight:600}td.meta{display:none}td.prix{font-family:var(--titre);white-space:nowrap;text-align:right;font-size:1.15rem;font-weight:700}th.prix{text-align:right}td.action a{white-space:nowrap;border:1.5px solid var(--lien);border-radius:6px;padding:.3rem .7rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}td.action a:hover{background:var(--lien);color:#fff}@media (width<=40rem){table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table,table tbody{display:block}table tbody tr{border-bottom:1px solid var(--filet);grid-template-columns:auto minmax(0,1fr) auto;gap:.15rem 0;padding:.75rem 0;display:grid}table caption{display:block}table td.vignette{grid-area:1/1/span 2;width:auto}table td.vignette img{margin-right:.75rem}td.produit,td.meta{padding-right:.75rem}table td{border:0;padding:0}td.produit{font-weight:600}td.vendeur,td.etat,td.garantie{display:none}td.meta{color:var(--discret);grid-area:2/2;font-size:.85rem;display:block}td.prix{text-align:right;grid-area:1/3}td.produit{grid-area:1/2}td.action{grid-area:2/3}}.signature{color:var(--discret);margin:.75rem 0 0;font-size:.9rem}.visuellement-cache{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}td.vignette{width:4.5rem;padding-right:0}td.vignette img{object-fit:contain;border:1px solid var(--filet);background:#fff;border-radius:6px;width:64px;height:64px;display:block}.filtre{border:0;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .75rem;padding:0;display:flex}.filtre legend{float:left;margin-right:.4rem;font-size:.9rem;font-weight:600}.filtre input{opacity:0;position:absolute}.filtre label{cursor:pointer;border:1.5px solid var(--filet);border-radius:999px;padding:.25rem .75rem;font-size:.9rem}.filtre input:checked+label{border-color:var(--encre);background:var(--encre);color:#fff}.filtre input:focus-visible+label{outline:3px solid var(--lien);outline-offset:2px}.vendeurs{gap:.75rem;margin:0;display:grid}.vendeurs dt{font-weight:700}.vendeurs dd{color:var(--discret);margin:0}.accroche{color:var(--discret);margin-top:-.5rem;font-size:1.15rem}.categories{gap:.9rem;margin:2rem 0;padding:0;list-style:none;display:grid}.categories li{max-width:none}.categories a{color:var(--encre);border-bottom:1px solid var(--filet);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.2rem 1rem;padding-bottom:.9rem;text-decoration:none;display:grid}.categories a:hover .nom{text-decoration:underline}.categories .nom{font-family:var(--titre);font-size:1.6rem;font-weight:700;line-height:1.1}.categories .prix{font-family:var(--titre);text-align:right;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.categories .detail{color:var(--discret);grid-column:1/-1;font-size:.9rem}
