@layer composants{.tf-haut{padding-block:var(--espace-8) var(--espace-7);text-align:center;& h1{max-inline-size:16ch;margin-inline:auto;font-size:var(--taille-heros);line-height:1.05;text-wrap:balance}& p{max-inline-size:44ch;margin:var(--espace-4) auto 0;font-size:var(--taille-l);line-height:1.5;color:var(--ap-doux)}}.tf-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espace-4)}.tf-carte{display:grid;grid-row:span 6;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:var(--espace-4);padding:var(--espace-6);border-radius:1.75rem;background:var(--ap-sable);color:var(--ap-encre);overflow-wrap:anywhere}.tf-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--espace-2) var(--espace-3);& h3{font-size:var(--taille-2xl);line-height:1.1}}.tf-pilule{padding:.25rem .75rem;border-radius:var(--rayon-pilule);background:var(--gris-0);font-size:var(--taille-xs);font-weight:var(--graisse-demi)}.tf-desc{color:var(--ap-doux)}.tf-prix{display:grid;align-content:start;gap:var(--espace-1)}.tf-montant{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--espace-2);& b{font-size:clamp(2.75rem,2.2rem + 1.8vw,3.5rem);font-weight:500;line-height:1;letter-spacing:-.04em}& span{color:var(--ap-doux)}}.tf-annee{font-size:var(--taille-s);color:var(--ap-doux)}.tf-encadre{align-self:start;padding:var(--espace-3) var(--espace-4);border-radius:1rem;background:var(--gris-0);font-size:var(--taille-s);line-height:1.5;& a{color:inherit;text-decoration-color:var(--vert-500);text-decoration-thickness:2px;text-underline-offset:3px}}.tf-places{display:block;margin-block-start:var(--espace-1);font-weight:var(--graisse-demi)}.tf-action{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--espace-2);.ap-bouton{flex-wrap:wrap;row-gap:0;inline-size:100%}& small{font-size:var(--taille-xs);line-height:1.45;text-align:center;color:var(--ap-doux)}}.tf-bouton-encre{background:var(--ap-encre);color:var(--gris-0);&:hover{background:#34302b}}.tf-compris{padding-block-start:var(--espace-4);border-block-start:1px solid var(--ap-ligne)}.tf-liste-titre{font-size:var(--taille-s);font-weight:var(--graisse-demi)}.tf-liste{display:grid;gap:var(--espace-3);margin:var(--espace-3) 0 0;padding:0;list-style:none;& li{display:grid;grid-template-columns:1.125rem minmax(0,1fr);gap:var(--espace-3);align-items:start;font-size:var(--taille-s);line-height:1.45;overflow-wrap:anywhere}& a{color:inherit;text-decoration-color:var(--vert-500);text-decoration-thickness:2px;text-underline-offset:3px}}.tf-oui{inline-size:1.125rem;block-size:1.125rem;color:var(--vert-700)}.tf-liste .tf-oui{margin-block-start:.1em}.tf-sans{color:var(--ap-doux);& span{grid-column:2}}.tf-bientot{display:inline-block;padding:.0625rem .5rem;border-radius:var(--rayon-pilule);background:var(--ap-sable-fonce);font-size:.6875rem;font-weight:var(--graisse-demi);line-height:1.5;letter-spacing:0;white-space:nowrap;vertical-align:.1em;color:var(--ap-encre)}.tf-vedette{background:var(--ap-encre);color:var(--gris-0);:is(.tf-desc,.tf-montant span,.tf-annee,.tf-action small){color:#ffffffbd}.tf-pilule{background:var(--vert-400);color:var(--ap-encre)}.tf-encadre{border:1px solid rgb(255 255 255 / .16);background:#ffffff14}.tf-compris{border-color:#ffffff29}.tf-oui{color:var(--vert-400)}.tf-bientot{background:#ffffff29;color:var(--gris-0)}.ap-bouton:focus-visible{outline-color:var(--gris-0)}}.tf-note{max-inline-size:60ch;margin:var(--espace-5) auto 0;font-size:var(--taille-s);line-height:1.6;text-align:center;color:var(--ap-doux)}@media(width<60rem){.tf-grille{grid-template-columns:minmax(0,1fr);max-inline-size:34rem;margin-inline:auto}}@media(width<30rem){.tf-carte{padding:var(--espace-5)}.tf-action .ap-bouton{padding-inline:var(--espace-4)}}.tf-tous{padding-block-start:var(--espace-section);text-align:center}.tf-tous-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--espace-4);margin:var(--espace-7) 0 0;padding:0;list-style:none;text-align:start;& li{padding:var(--espace-5);border-radius:1.25rem;background:var(--ap-sable)}& h3{font-size:var(--taille-m);line-height:1.3;letter-spacing:-.01em}& p{margin-block-start:var(--espace-2);font-size:var(--taille-s);line-height:1.5;color:var(--ap-doux)}}@media(width<64rem){.tf-tous-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-tous-grille>li:last-child:nth-child(odd){grid-column:1 / -1}}@media(width<36rem){.tf-tous-grille{grid-template-columns:minmax(0,1fr)}}.tf-comparer{padding-block-start:var(--espace-section);text-align:center}.tf-comparer h2{position:relative;z-index:3}.tf-table{inline-size:100%;margin-block-start:var(--espace-7);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--taille-s);line-height:1.4;text-align:center;.tf-col-nom{inline-size:40%}& thead :is(th,td){position:sticky;inset-block-start:calc(var(--entete-place) + var(--espace-3));z-index:2;padding:var(--espace-4) var(--espace-2);border-block-end:1px solid var(--ap-encre);background:var(--gris-0)}& thead :is(th,td):before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:calc(var(--entete-place) + var(--espace-3) + 1px);background:var(--gris-0)}& thead th{font-size:var(--taille-l);font-weight:500;letter-spacing:-.02em}& thead th span{display:block;margin-block-start:.125rem;font-size:var(--taille-xs);font-weight:400;letter-spacing:0;color:var(--ap-doux)}& tbody :is(th,td){padding:var(--espace-3) var(--espace-2);border-block-end:1px solid var(--ap-ligne)}:is(th,td){overflow-wrap:anywhere}& tbody th[scope=row]{padding-inline-start:0;font-weight:400;text-align:start}& td .tf-oui{display:block;margin-inline:auto}.tf-groupe th{padding:var(--espace-6) 0 var(--espace-3);border-block-end-color:var(--ap-encre);font-size:var(--taille-m);font-weight:var(--graisse-demi);text-align:start}:is(thead th,tbody td):nth-child(3){background:var(--ap-sable)}}@media(width<40rem){.tf-table{font-size:.8125rem;.tf-col-nom{inline-size:36%}& thead :is(th,td){padding:var(--espace-3) .25rem}& thead th{font-size:var(--taille-m)}& thead th span{display:none}& tbody td{padding-inline:.25rem}}}.tarifs .ap-faq{padding-block-end:var(--espace-8)}.tf-fin{padding-block-end:var(--espace-section)}.tf-fin-bande{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--espace-4);padding:clamp(2.5rem,1.5rem + 4vw,4.5rem) var(--espace-5);border-radius:var(--ap-rayon);background:var(--ap-sable);text-align:center;& h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.1;text-wrap:balance}& p{max-inline-size:44ch;font-size:var(--taille-l);line-height:1.5;color:var(--ap-doux)}}.tf-fin-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--espace-3);max-inline-size:100%;margin-block-start:var(--espace-2);.ap-bouton{max-inline-size:100%;overflow-wrap:anywhere}}@media(forced-colors:active){.tf-carte,.tf-encadre,.tf-tous-grille li,.tf-fin-bande,.tf-bientot{border:1px solid CanvasText}}}