@layer theme,base;@layer components{.catalogue{padding-top:clamp(40px,5vw,72px)}.heros--court .fil{color:#faf8f4db;flex-wrap:wrap;gap:8px 12px;font-size:13px;display:flex}.heros--court .fil span[aria-hidden]{opacity:.6}.heros--court .fil+.surtitre{margin-top:22px}.outil input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:var(--noir);width:18px;height:18px;margin-left:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") 50%/contain no-repeat}.outils{border-bottom:1px solid var(--noir);grid-template-columns:minmax(0,1fr) 260px;align-items:end;column-gap:clamp(24px,5vw,72px);padding-bottom:28px;display:grid}.filtre legend{font:500 12px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pierre-texte);padding:0;display:block}.plan{grid-template-columns:240px minmax(0,1fr);align-items:start;column-gap:clamp(40px,6vw,96px);margin-top:36px;display:grid}.filtres{position:sticky;top:24px}.filtres__bascule{display:none}.filtre{border:0;margin:0;padding:0 0 24px}.filtre legend{border-bottom:1px solid var(--filet);width:100%;margin-bottom:8px;padding-bottom:10px}.filtre label{cursor:pointer;align-items:center;gap:12px;padding:6px 0;font-size:16px;display:flex}.filtre label:hover{color:var(--vert)}html:not(.js) .plan{display:block}.resultats__barre{flex-wrap:wrap;align-items:baseline;gap:10px 20px;min-height:44px;margin-bottom:28px;display:flex}.resultats__compte{font:400 clamp(28px,2.6vw,38px)/1.1 var(--serif);margin-right:8px}.puces{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.puce{border:1px solid var(--noir);color:var(--noir);font:400 14px/1.2 var(--sans);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:7px 10px 7px 12px;transition:background-color .4s,color .4s;display:inline-flex}.puce:hover{background:var(--noir);color:var(--ivoire)}.puce span[aria-hidden]{font-size:16px;line-height:1}.tout-effacer{color:var(--vert);font:500 14px/1.2 var(--sans);cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;border:0;padding:0 0 3px}.resultats__grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,6vw,88px) clamp(28px,4vw,64px);display:grid}.resultats__grille[hidden],.resultats__grille .sejour[hidden]{display:none}.resultats__grille .sejour h3{font-size:clamp(28px,2.4vw,36px)}.note-devis{border-left:2px solid var(--laiton);background:var(--ivoire-2);margin-top:48px;padding:18px 22px;font-size:16px}.vide{border-top:1px solid var(--noir);border-bottom:1px solid var(--filet);padding:clamp(40px,6vw,88px) 0}.vide h2{max-width:13ch;font-size:clamp(40px,5vw,72px)}.vide .chapeau{max-width:30em;margin-top:22px}.vide__actions{flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:30px;display:flex}.vide .rassure{margin-top:18px}.catalogue .invitation{margin-top:var(--souffle);border-top-color:var(--noir)}.catalogue .invitation p.chapeau{max-width:32em}.catalogue:has(.vide) .invitation{display:none}@media (width<=900px){.outils{grid-template-columns:1fr;row-gap:22px}.plan{grid-template-columns:1fr;margin-top:20px}.filtres{margin-bottom:28px;position:static}.filtres__bascule{border:1px solid var(--noir);width:100%;color:var(--noir);font:500 15px/1.2 var(--sans);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.filtres__bascule:after{content:"+";font:400 22px/1 var(--serif)}.filtres__bascule[aria-expanded=true]:after{content:"–"}.filtres__panneau{border:1px solid var(--noir);border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:22px 18px 4px;display:grid}.filtres__panneau[data-state=closed]{display:none}.filtre label{padding:9px 0}}@media (width<=640px){.resultats__grille{grid-template-columns:1fr}.vide__actions .btn{width:100%}}@media (width<=440px){.filtres__panneau{grid-template-columns:1fr}}}@layer utilities;