@layer components{.ds-fenetre{border-radius:var(--ds-r-l);background:var(--ds-fond);box-shadow:var(--ds-ombre-3);position:relative;overflow:hidden;container:ds-fenetre/inline-size}@media (width>=768px){.ds-fenetre{border-radius:18px}}.ds-fenetre-barre{border-bottom:1px solid var(--ds-trait);background:var(--ds-fond);grid-template-columns:1fr auto 1fr;align-items:center;height:clamp(22px,6cqi,34px);padding:0 clamp(8px,2.4cqi,14px);display:grid}.ds-fenetre-points{gap:clamp(4px,1cqi,6px);display:flex}.ds-fenetre-points i{aspect-ratio:1;background:color-mix(in srgb, var(--color-grey-2) 18%, transparent);border-radius:50%;width:clamp(6px,1.5cqi,10px)}.ds-fenetre-adresse{border-radius:var(--ds-r-pilule);background:var(--ds-fond-gris);text-align:center;white-space:nowrap;min-width:34cqi;color:var(--ds-encre-70);padding:2px 12px;font-size:clamp(10px,2.1cqi,13px);line-height:1.5}.ds-fenetre-capture{width:100%;height:auto;display:block}.ds-zoom{width:min(var(--ds-zoom-l,360px), 100%)}.ds-zoom-fragment{border-radius:var(--ds-r-l);background:var(--ds-fond);box-shadow:var(--ds-ombre-flottante), 0 30px 50px -30px color-mix(in srgb, var(--dv-ombre) 45%, transparent);overflow:hidden}.ds-zoom-fragment img{width:100%;height:auto;display:block}.ds-zoom-recadre{aspect-ratio:var(--ds-zoom-ratio)}.ds-zoom-recadre img{object-fit:cover;object-position:top;height:100%}.ds-zoom-carte{width:min(var(--ds-zoom-l,320px), 100%)}.ds-zoom-carte>.dvf-alerte{margin:0}.ds-scene{isolation:isolate;width:100%;max-width:var(--ds-scene-max,640px);margin-inline:auto;position:relative;container:ds-scene/inline-size}.ds-scene-plateau{z-index:-1;border-radius:var(--ds-r-2xl);background-color:var(--ds-teinte-8);background-image:var(--ds-points);box-shadow:inset 0 0 0 1px var(--ds-bord-bleu);background-size:24px 24px;position:absolute;inset:0}.ds-scene-cadre{position:relative}.ds-scene-zoom{z-index:2;position:relative}.ds-scene-fenetre,.ds-scene-fenetre-zoom{padding:5% 4% 7% 6%}.ds-scene-fenetre .ds-scene-plateau,.ds-scene-fenetre-zoom .ds-scene-plateau{inset:0;rotate:-1.6deg}.ds-scene-fenetre-zoom .ds-scene-zoom{justify-content:flex-end;margin-top:-36px;padding-right:4%;display:flex}@container ds-scene (width>=480px){.ds-scene-fenetre-zoom{padding:4% 15% 12% 4%}.ds-scene-fenetre-zoom .ds-scene-plateau{inset:9% 6% 0 0}.ds-scene-fenetre-zoom .ds-scene-zoom{width:clamp(240px, 58%, var(--ds-zoom-l,360px));margin:0;padding:0;position:absolute;bottom:0;right:0}.ds-scene-fenetre-zoom .ds-zoom{width:100%}}.ds-scene-telephone{--ds-scene-max:560px;padding:2% 3% 0}.ds-scene-telephone .ds-scene-plateau{inset:18% 2% 2%;rotate:-2deg}.ds-scene-duo{padding:4% 0 14% 2%}.ds-scene-duo .ds-scene-plateau{inset:8% 10% 4% 0;rotate:-1.6deg}.ds-scene-duo .ds-scene-cadre{width:86%}.ds-scene-duo-tel{z-index:2;width:50%;position:absolute;bottom:0;right:-2%}.ds-scene-humain{padding:4% 0 10% 18%}.ds-scene-humain .ds-scene-plateau{inset:12% 6% 0 0;rotate:-1.6deg}.ds-scene-portrait{z-index:2;width:clamp(132px,34%,210px);position:absolute;bottom:0;left:0}.ds-scene-portrait-carte{border:1px solid var(--ds-bord-bleu);border-radius:var(--ds-r-2xl);background:var(--ds-fond);box-shadow:var(--ds-ombre-2), 0 24px 40px -28px color-mix(in srgb, var(--dv-ombre) 50%, transparent);margin:0;padding:8px;position:relative}.ds-scene-portrait-carte img{aspect-ratio:1;object-fit:cover;border-radius:var(--ds-r-l);width:100%;height:auto;display:block}.ds-scene-portrait-carte .ds-puce{position:absolute;bottom:0;left:50%;translate:-50% 50%}@container ds-scene (width<480px){.ds-scene-portrait-carte .ds-puce{left:6px;translate:0 50%}}.ds-scene-sans-avec{--ds-scene-max:1040px}.ds-scene-duel{gap:16px;display:grid}@container ds-scene (width>=560px){.ds-scene-duel{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.ds-scene-panneau{border:1px solid var(--ds-bord);border-radius:var(--ds-r-2xl);background:var(--ds-fond-gris);flex-direction:column;gap:14px;margin:0;padding:14px;display:flex;position:relative}.ds-scene-panneau-avec{border-color:var(--ds-bord-bleu);background-color:var(--ds-teinte-8);background-image:var(--ds-points);background-size:24px 24px}.ds-scene-libelle{color:var(--ds-encre);align-self:flex-start;font-size:15px;font-weight:700;line-height:1.2}.ds-scene-photo{aspect-ratio:16/10.9;object-fit:cover;border-radius:var(--ds-r-l);width:100%;height:auto;display:block}.ds-scene-tablette{padding:4% 4% 7% 6%}.ds-scene-tablette .ds-scene-plateau{inset:0;rotate:-1.6deg}.ds-scene-tablette .dv-ap-tablette .dv-ap-corps{box-shadow:0 2px 4px color-mix(in srgb, var(--dv-ombre) 8%, transparent), 0 44px 90px -36px color-mix(in srgb, var(--color-blue) 55%, transparent), 0 26px 50px -30px color-mix(in srgb, var(--dv-ombre) 35%, transparent)}.ds-scene-sans-plateau.ds-scene-fenetre,.ds-scene-sans-plateau.ds-scene-telephone{padding:0}}@media (width<640px){.ds-scene-plateau{rotate:none!important}}
