/* Types d’activités : couverture éditoriale et répertoire de programme. */ #section.hm-activity-type { --hm-program-line: color-mix(in srgb, var(--hm-primary) 18%, transparent); margin: 0; padding: 0; color: var(--hm-primary); background: var(--hm-background); font-family: "BrownStd-Regular", sans-serif; } #section.hm-activity-type *, #section.hm-activity-type *::before, #section.hm-activity-type *::after { box-sizing: border-box; } #section.hm-activity-type .hm-program-shell { width: min(1120px, calc(100% - 96px)); max-width: 1120px; margin: 0 auto; } #section.hm-activity-type :is(h1,h2,h3,p,figure,ol) { margin: 0; } #section.hm-activity-type :is(h1,h2,h3) { color: var(--hm-primary); text-transform: none; } #section.hm-activity-type :is(h1,h2,h3) a { color: inherit; text-decoration: none; } #section.hm-activity-type a { overflow-wrap: anywhere; } #section.hm-activity-type a:focus-visible { outline: 3px solid var(--hm-primary); outline-offset: 5px; } #section.hm-activity-type .hm-program-hero { padding: 32px 0 64px; background: color-mix(in srgb, var(--hm-accent2) 12%, var(--hm-background)); } #section.hm-activity-type .hm-program-breadcrumb { margin-bottom: 54px; font-size: 13px; line-height: 1.5; } #section.hm-activity-type .hm-program-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 0; list-style: none; } #section.hm-activity-type .hm-program-breadcrumb li { padding: 0; font: inherit; } #section.hm-activity-type .hm-program-breadcrumb li::before { content: none; } #section.hm-activity-type .hm-program-breadcrumb li + li::before { content: "/"; position: static; margin-right: 14px; opacity: .45; } #section.hm-activity-type .hm-program-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } #section.hm-activity-type .hm-program-cover { display: grid; align-items: center; gap: 52px; } #section.hm-activity-type .hm-program-cover.has-image { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } #section.hm-activity-type .hm-program-cover__copy { min-width: 0; } #section.hm-activity-type .hm-program-eyebrow { color: var(--hm-accent); font: 13px/1.4 "BrownStd-Bold",sans-serif; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 18px; } #section.hm-activity-type h1 { font: clamp(42px,4.5vw,64px)/1.08 "BrownStd-Bold",sans-serif; letter-spacing: -.035em; margin-bottom: 25px; overflow-wrap: normal; hyphens: none; } #section.hm-activity-type .hm-program-lead { max-width: 740px; } #section.hm-activity-type .hm-program-lead :is(p,li) { color: inherit; font: 19px/1.55 "BrownStd-Regular",sans-serif; text-align: left; } #section.hm-activity-type .hm-program-lead p + p { margin-top: 16px; } #section.hm-activity-type .hm-program-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 48px; margin-top: 28px; padding: 14px 20px; color: var(--hm-primary); background: var(--hm-accent3); border-radius: 5px; font: 16px/1.3 "BrownStd-Bold",sans-serif; text-decoration: none; } #section.hm-activity-type .hm-program-cover__media { position: relative; min-width: 0; padding: 0 16px 16px 0; isolation: isolate; } #section.hm-activity-type .hm-program-cover__media::before { content: ""; position: absolute; z-index: -1; inset: 24px 0 0 24px; border-right: 3px solid var(--hm-accent); border-bottom: 3px solid var(--hm-accent); } #section.hm-activity-type .hm-program-cover__media img { display: block; width: 100%; height: auto; border-radius: 6px; } #section.hm-activity-type figcaption { margin-top: 9px; color: inherit; font: 12px/1.45 "BrownStd-Regular",sans-serif; opacity: .8; overflow-wrap: anywhere; } #section.hm-activity-type .hm-program-content { padding-top: 48px; padding-bottom: 64px; } #section.hm-activity-type .hm-program-about { max-width: 820px; margin: 0 auto 48px; } #section.hm-activity-type .hm-program-about :is(p,li) { color: inherit; font: 19px/1.6 "BrownStd-Regular",sans-serif; text-align: left; } #section.hm-activity-type .hm-program-about p + p { margin-top: 18px; } #section.hm-activity-type .hm-program-next { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.65fr); gap: 32px; align-items: center; padding: 28px 32px; margin-bottom: 56px; border-left: 4px solid var(--hm-accent); background: color-mix(in srgb,var(--hm-accent2) 16%,var(--hm-background)); } #section.hm-activity-type .hm-program-next .hm-program-eyebrow { margin-bottom: 10px; } #section.hm-activity-type .hm-program-next h2 { margin-bottom: 12px; font: 25px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activity-type .hm-program-next__booking { min-width: 0; } #section.hm-activity-type .single-activite-banner-inner-link { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; } #section.hm-activity-type .single-activite-link { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; max-width: 100%; margin: 0; padding: 12px 18px; border: 0; border-radius: 5px; background: var(--hm-accent3); color: var(--hm-primary); font: 16px/1.4 "BrownStd-Bold",sans-serif; text-decoration: none; } #section.hm-activity-type .single-activite-boutons-visio { width: 100%; } #section.hm-activity-type .single-activite-youtube-embed iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } #section.hm-activity-type .hm-program-activities { scroll-margin-top: calc(var(--hm-header-height,100px) + 24px); } #section.hm-activity-type .hm-program-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 24px; border-bottom: 2px solid var(--hm-primary); } #section.hm-activity-type .hm-program-section-heading h2 { font: 36px/1.15 "BrownStd-Bold",sans-serif; letter-spacing: -.025em; } #section.hm-activity-type .hm-program-section-heading p { flex-shrink: 0; font: 14px/1.4 "BrownStd-Regular",sans-serif; } #section.hm-activity-type .hm-program-card { display: grid; gap: 32px; padding: 36px 0; border-bottom: 1px solid var(--hm-program-line); } #section.hm-activity-type .hm-program-card.has-image { grid-template-columns: minmax(0,.8fr) minmax(0,1.4fr); gap: 48px; } #section.hm-activity-type .hm-program-card__media img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; object-position: left top; border-radius: 6px; } #section.hm-activity-type .hm-program-card__copy { min-width: 0; } #section.hm-activity-type .hm-program-date { color: inherit; font: 15px/1.5 "BrownStd-Regular",sans-serif; } #section.hm-activity-type .hm-program-card .hm-program-date { margin-bottom: 12px; } #section.hm-activity-type .hm-program-status { display: inline-block; margin-bottom: 12px; padding: 4px 9px; border: 1px solid var(--hm-program-line); border-radius: 3px; font: 12px/1.4 "BrownStd-Regular",sans-serif; } #section.hm-activity-type .hm-program-card h3 { margin-bottom: 18px; font: 29px/1.18 "BrownStd-Bold",sans-serif; letter-spacing: -.015em; } #section.hm-activity-type .hm-program-card__description { font: 17px/1.55 "BrownStd-Regular",sans-serif; color: inherit; } #section.hm-activity-type .hm-program-text-link { display: inline-flex; align-items: center; gap: 20px; min-height: 44px; margin-top: 16px; color: var(--hm-primary); font: 16px/1.4 "BrownStd-Bold",sans-serif; text-decoration: none; } #section.hm-activity-type .hm-program-text-link span:first-child { text-decoration: underline; text-decoration-color: var(--hm-accent); text-decoration-thickness: 2px; text-underline-offset: 5px; } #section.hm-activity-type .hm-program-text-link span:last-child { color: var(--hm-accent); } #section.hm-activity-type .hm-program-empty { padding: 32px 0; font: 18px/1.6 "BrownStd-Regular",sans-serif; } #section.hm-activity-type .hm-program-resources { margin-top: 48px; } #section.hm-activity-type .hm-program-resources > .zone { padding: 0; } #section.hm-activity-type .hm-program-resources > .zone:empty { display: none; } #section.hm-activity-type .activite-message-activite-terminee { margin: 0 0 32px; padding: 22px 26px; border-left: 3px solid var(--hm-accent); background: color-mix(in srgb,var(--hm-accent2) 14%,var(--hm-background)); } #section.hm-activity-type .single-activite-a-la-une { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } #section.hm-activity-type .single-activite-a-la-une-item:only-child { grid-column: 1 / -1; } #section.hm-activity-type .single-activite-a-la-une-item { min-width: 0; margin: 0; padding: 28px; border: 1px solid var(--hm-program-line); background: transparent; } #section.hm-activity-type .single-activite-a-la-une-title { margin-bottom: 16px; font: 25px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activity-type .hm-program-resources :is(p,li) { font: 17px/1.55 "BrownStd-Regular",sans-serif; color: inherit; } #section.hm-activity-type .hm-program-resources a { color: inherit; } #section.hm-activity-type .single-activite-a-la-une-links { margin: 18px 0 0; padding-left: 20px; } #section.hm-activity-type .single-activite-a-la-une-links a { display: inline-block; padding: 8px 0; text-decoration: underline; text-underline-offset: 4px; } #section.hm-activity-type .single-activite-partenaires { display: flex; align-items: center; flex-wrap: wrap; gap: 30px 44px; margin-top: 44px; padding-top: 32px; border-top: 1px solid var(--hm-program-line); } #section.hm-activity-type .single-activite-partenaires-section-title { width: 100%; font: 25px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activity-type .single-activite-partenaire-item { max-width: 260px; margin: 0; } #section.hm-activity-type .single-activite-partenaire-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 72px; object-fit: contain; } #section.hm-activity-type .single-activite-partenaire-titre { margin-top: 10px; font-size: 14px; } #section.hm-activity-type :is(.single-activite-a-la-une-hr,.single-activite-partenaires-hr) { display: none; } #section.hm-activity-type .pagination { margin: 32px 0; } #section.hm-activity-type .pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; } #section.hm-activity-type .pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; color: var(--hm-primary); border: 1px solid var(--hm-program-line); text-decoration: none; } #section.hm-activity-type .pagination .current { background: var(--hm-primary); color: var(--hm-background); } @media (hover:hover) { #section.hm-activity-type .hm-program-button:hover, #section.hm-activity-type .single-activite-link:hover { background: var(--hm-accent2); } #section.hm-activity-type :is(h2,h3) a:hover { text-decoration: none; } } @media (max-width:900px) { #section.hm-activity-type .hm-program-cover { gap: 32px; } #section.hm-activity-type .hm-program-cover.has-image { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); } #section.hm-activity-type .hm-program-card.has-image { gap: 30px; } } @media (max-width:768px) { #section.hm-activity-type .hm-program-shell { width: calc(100% - 40px); } #section.hm-activity-type .hm-program-hero { padding: 24px 0 36px; } #section.hm-activity-type .hm-program-breadcrumb { margin-bottom: 32px; font-size: 12px; } #section.hm-activity-type .hm-program-cover.has-image { grid-template-columns: minmax(0,1fr); gap: 32px; } #section.hm-activity-type h1 { font-size: clamp(38px,9.8vw,56px); margin-bottom: 20px; } #section.hm-activity-type .hm-program-eyebrow { font-size: 11px; margin-bottom: 14px; } #section.hm-activity-type .hm-program-lead :is(p,li) { font-size: 18px; } #section.hm-activity-type .hm-program-cover__media { padding-right: 12px; padding-bottom: 12px; } #section.hm-activity-type .hm-program-cover__media::before { inset: 16px 0 0 16px; } #section.hm-activity-type .hm-program-content { padding-top: 32px; padding-bottom: 40px; } #section.hm-activity-type .hm-program-about { margin-bottom: 32px; } #section.hm-activity-type .hm-program-about :is(p,li) { font-size: 17px; } #section.hm-activity-type .hm-program-next { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 22px 20px; margin-bottom: 36px; } #section.hm-activity-type .hm-program-next h2 { font-size: 23px; } #section.hm-activity-type .hm-program-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; padding-bottom: 20px; } #section.hm-activity-type .hm-program-section-heading h2 { font-size: 30px; } #section.hm-activity-type .hm-program-card.has-image { grid-template-columns: minmax(0,1fr); gap: 22px; } #section.hm-activity-type .hm-program-card { padding: 28px 0; } #section.hm-activity-type .hm-program-card h3 { font-size: 25px; } #section.hm-activity-type .hm-program-card__description { font-size: 16px; } #section.hm-activity-type .single-activite-a-la-une { grid-template-columns: minmax(0,1fr); } #section.hm-activity-type .single-activite-a-la-une-item { padding: 22px 20px; } #section.hm-activity-type .single-activite-partenaires { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } #section.hm-activity-type .single-activite-partenaires-section-title { grid-column: 1 / -1; } #section.hm-activity-type .single-activite-partenaire-logo img { max-height: 56px; } } #section.hm-activity-type .single-activite-link { color: var(--hm-primary) !important; animation: none; } #section.hm-activity-type .single-activite-link::after { color: inherit; } #section.hm-activity-type :is(.single-activite-link-sold-out,.single-activite-link-upcoming-sale) { background: transparent; border: 1px solid var(--hm-program-line); } #section.hm-activity-type .single-activite-a-la-une-links { padding: 0; list-style: none; } #section.hm-activity-type .single-activite-a-la-une-links li { padding: 0; margin: 0; } #section.hm-activity-type .single-activite-a-la-une-links li::before, #section.hm-activity-type .single-activite-a-la-une-links a::before { content: none; } #section.hm-activity-type .single-activite-partenaires { padding: 32px 0 0; border-radius: 0; background: transparent; } @media (prefers-reduced-motion: reduce) { #section.hm-activity-type *, #section.hm-activity-type *::before, #section.hm-activity-type *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* Page Activités : alignements communs et cartes allégées, structure conservée. */ @media screen { #section.hm-archive-activites-page { --hm-activities-line: color-mix(in srgb, var(--hm-primary) 18%, transparent); } #section.hm-archive-activites-page > .wpr-block { margin: 0 !important; padding: 0 0 56px !important; } #section.hm-archive-activites-page > .wpr-block::before { display: none; } #section.hm-archive-activites-page > .wpr-block > .block.widthRegulator { width: min(1120px, calc(100% - 96px)) !important; max-width: 1120px !important; margin: 0 auto !important; padding: 0 !important; } #section.hm-archive-activites-page .block-central { width: 100%; max-width: none; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0; box-shadow: none; overflow: visible; } #section.hm-archive-activites-page .hm-archive-activites-intro { width: 100%; max-width: none; margin: 36px 0 0; padding: 0; text-align: left; } #section.hm-archive-activites-page .hm-archive-activites-intro :is(p,li) { color: var(--hm-primary); font: 19px/1.6 "BrownStd-Regular",sans-serif !important; text-align: left; } #section.hm-archive-activites-page .hm-archive-activites-section-heading, #section.hm-archive-activites-page .hm-archive-activites-intro + .hm-archive-activites-section-heading { margin: 44px 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--hm-activities-line); } #section.hm-archive-activites-page .hm-archive-activites-section-heading--activities { margin-top: 52px; } #section.hm-archive-activites-page .hm-archive-activites-section-heading::after { content: none; } #section.hm-archive-activites-page .hm-archive-activites-section-heading h2 { font: 36px/1.15 "BrownStd-Bold",sans-serif !important; letter-spacing: -.025em; } #section.hm-archive-activites-page .hm-archive-activites-categories, #section.hm-archive-activites-page .hm-archive-activites-list, #section.hm-archive-activites-page .hm-archive-activites-grid { padding: 0; } #section.hm-archive-activites-page .hm-archive-activites-categories__grid { gap: 24px; } #section.hm-archive-activites-page .hm-archive-activites-categories__card { grid-template-columns: 140px minmax(0,1fr); min-height: 180px; border: 1px solid var(--hm-activities-line); border-radius: 6px; background: #fff; box-shadow: none; transform: none; transition: border-color 180ms ease; } #section.hm-archive-activites-page .hm-archive-activites-categories__content { padding: 20px; } #section.hm-archive-activites-page .hm-archive-activites-categories__title { margin-bottom: 10px; font: 24px/1.18 "BrownStd-Bold",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-categories__description p { color: var(--hm-primary); font: 16px/1.5 "BrownStd-Regular",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-grid { gap: 24px; } #section.hm-archive-activites-page .hm-archive-activites-grid--compact:not(:empty) { margin-top: 24px; } #section.hm-archive-activites-page .hm-archive-activites-card, #section.hm-archive-activites-page .hm-archive-activites-card.is-compact { height: 100%; min-width: 0; margin: 0; padding: 22px; border: 1px solid var(--hm-activities-line); border-radius: 6px; background: #fff; box-shadow: none; transform: none; transition: border-color 180ms ease; } #section.hm-archive-activites-page .hm-archive-activites-card__taxonomy { margin-bottom: 12px; text-align: left; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__taxonomy span { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--hm-accent); font: 12px/1.4 "BrownStd-Bold",sans-serif !important; letter-spacing: .07em; text-transform: uppercase; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__title, #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__title a { margin-bottom: 14px; color: var(--hm-primary) !important; font: 24px/1.2 "BrownStd-Bold",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-card__date { margin-bottom: 14px; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__date strong { display: block; width: auto; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--hm-primary); text-align: left; font: 15px/1.5 "BrownStd-Regular",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-card__status { margin: 0 0 14px; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__status span { display: inline-block; width: auto; min-height: 0; padding: 4px 8px; border: 1px solid var(--hm-activities-line); border-radius: 3px; color: var(--hm-primary); background: transparent; text-align: left; font: 12px/1.4 "BrownStd-Regular",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-card__image { margin-bottom: 16px; border-radius: 0; overflow: visible; } #section.hm-archive-activites-page .hm-archive-activites-card__image img { border-radius: 4px; filter: none; } #section.hm-archive-activites-page .hm-archive-activites-card__credit { position: static; width: auto; margin-top: 7px; padding: 0; background: transparent; font: 12px/1.4 "BrownStd-Regular",sans-serif; color: var(--hm-primary); } #section.hm-archive-activites-page .hm-archive-activites-card__description p { color: var(--hm-primary); font: 16px/1.55 "BrownStd-Regular",sans-serif !important; } #section.hm-archive-activites-page .hm-archive-activites-card__link { margin-top: 16px; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__link a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; border-radius: 0; background: transparent; color: var(--hm-primary) !important; font: 16px/1.4 "BrownStd-Bold",sans-serif !important; text-decoration: underline; text-decoration-color: var(--hm-accent); text-decoration-thickness: 2px; text-underline-offset: 5px; } #section.hm-archive-activites-page .hm-archive-activites-card.is-compact .hm-archive-activites-card__title, #section.hm-archive-activites-page .hm-archive-activites-card.is-compact .hm-archive-activites-card__title a { font-size: 21px !important; } #section.hm-archive-activites-page .hm-archive-activites-load-more { width: auto; min-height: 48px; margin: 32px auto 0; padding: 13px 26px; border: 1px solid var(--hm-activities-line); border-radius: 5px; color: var(--hm-primary); background: transparent; font-size: 16px; line-height: 1.3; text-transform: none; letter-spacing: 0; } #section.hm-archive-activites-page :is(a,button):focus-visible { outline: 3px solid var(--hm-primary); outline-offset: 4px; } } @media screen and (min-width:1101px) { @supports (grid-template-rows: subgrid) { #section.hm-archive-activites-page .hm-archive-activites-grid { row-gap: 0; } #section.hm-archive-activites-page .hm-archive-activites-card { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; } #section.hm-archive-activites-page .hm-archive-activites-card__taxonomy { grid-row: 1; } #section.hm-archive-activites-page .hm-archive-activites-card__title { grid-row: 2; } #section.hm-archive-activites-page .hm-archive-activites-card__date { grid-row: 3; } #section.hm-archive-activites-page .hm-archive-activites-card__status { grid-row: 4; } #section.hm-archive-activites-page .hm-archive-activites-card__body { grid-row: 5; } #section.hm-archive-activites-page .hm-archive-activites-card.is-ajax-loaded { margin-top: 24px; } } } @media screen and (max-width:1100px) { #section.hm-archive-activites-page .hm-archive-activites-categories__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #section.hm-archive-activites-page .hm-archive-activites-categories__card { grid-template-columns: 105px minmax(0,1fr); } #section.hm-archive-activites-page .hm-archive-activites-categories__content { padding: 18px; } } @media screen and (max-width:768px) { #section.hm-archive-activites-page > .wpr-block > .block.widthRegulator { width: calc(100% - 40px) !important; padding: 0 !important; } #section.hm-archive-activites-page .hm-archive-activites-intro { margin-top: 28px; } #section.hm-archive-activites-page .hm-archive-activites-intro :is(p,li) { font-size: 17px !important; } #section.hm-archive-activites-page .hm-archive-activites-section-heading, #section.hm-archive-activites-page .hm-archive-activites-intro + .hm-archive-activites-section-heading { margin: 32px 0 20px; } #section.hm-archive-activites-page .hm-archive-activites-section-heading--activities { margin-top: 40px; } #section.hm-archive-activites-page .hm-archive-activites-section-heading h2 { font-size: 30px !important; } #section.hm-archive-activites-page .hm-archive-activites-categories__grid { grid-template-columns: minmax(0,1fr); gap: 16px; } #section.hm-archive-activites-page .hm-archive-activites-categories__card { grid-template-columns: 100px minmax(0,1fr); min-height: 0; } #section.hm-archive-activites-page .hm-archive-activites-categories__content { padding: 16px; } #section.hm-archive-activites-page .hm-archive-activites-categories__title { font-size: 20px !important; } #section.hm-archive-activites-page .hm-archive-activites-categories__description p { font-size: 15px !important; line-height: 1.45; } #section.hm-archive-activites-page .hm-archive-activites-grid { gap: 20px; } #section.hm-archive-activites-page .hm-archive-activites-card, #section.hm-archive-activites-page .hm-archive-activites-card.is-compact { height: auto; padding: 20px; } #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__title, #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__title a { font-size: 23px !important; } #section.hm-archive-activites-page .hm-archive-activites-load-more { width: 100%; margin-top: 24px; } } @media screen and (max-width:359px) { #section.hm-archive-activites-page .hm-archive-activites-categories__card { grid-template-columns: 80px minmax(0,1fr); } #section.hm-archive-activites-page .hm-archive-activites-categories__content { padding: 14px 12px; } #section.hm-archive-activites-page .hm-archive-activites-categories__title { font-size: 18px !important; } #section.hm-archive-activites-page .hm-archive-activites-card, #section.hm-archive-activites-page .hm-archive-activites-card.is-compact { padding: 16px; } } @media screen and (hover:hover) { #section.hm-archive-activites-page .hm-archive-activites-categories__card:hover, #section.hm-archive-activites-page .hm-archive-activites-card:hover { border-color: color-mix(in srgb,var(--hm-primary) 45%,transparent); background: #fff; box-shadow: none; transform: none; } #section.hm-archive-activites-page .hm-archive-activites-load-more:hover { color: var(--hm-primary); background: var(--hm-accent3); } } @media screen and (prefers-reduced-motion:reduce) { #section.hm-archive-activites-page :is(a,button,article) { transition: none; animation: none; } } @media screen { #section.hm-archive-activites-page .hm-archive-activites-card .hm-archive-activites-card__link a { width: auto; justify-content: flex-start; text-align: left; } } @media screen and (prefers-reduced-motion:reduce) { #section.hm-archive-activites-page :is(.hm-archive-activites-categories__card,.hm-archive-activites-card,.hm-archive-activites-load-more) { transition: none; animation: none; } } /* Des tonalités légères pour distinguer les programmes et les rendez-vous à venir. */ @media screen { #section.hm-archive-activites-page .hm-archive-activites-categories__card { --hm-program-tone: var(--hm-accent2); background: color-mix(in srgb,var(--hm-program-tone) 7%,#fff); border-color: color-mix(in srgb,var(--hm-program-tone) 30%,#fff); border-top: 2px solid color-mix(in srgb,var(--hm-program-tone) 68%,#fff); } #section.hm-archive-activites-page .hm-archive-activites-categories__card:nth-child(4n + 2) { --hm-program-tone: var(--hm-accent3); } #section.hm-archive-activites-page .hm-archive-activites-categories__card:nth-child(4n + 3) { --hm-program-tone: var(--hm-accent); } #section.hm-archive-activites-page .hm-archive-activites-categories__card:nth-child(4n) { --hm-program-tone: var(--hm-primary); } #section.hm-archive-activites-page .hm-archive-activites-card.is-upcoming { background: color-mix(in srgb,var(--hm-accent3) 6%,#fff); border-color: color-mix(in srgb,var(--hm-accent3) 28%,#fff); border-top: 2px solid color-mix(in srgb,var(--hm-accent3) 70%,#fff); } #section.hm-archive-activites-page .hm-archive-activites-card.is-past { background: color-mix(in srgb,var(--hm-primary) 2%,#fff); } #section.hm-archive-activites-page .hm-archive-activites-card__status span { background: #fff; } #section.hm-activity-type .single-activite-a-la-une-item { background: color-mix(in srgb,var(--hm-accent3) 5%,var(--hm-background)); } } @media screen and (hover:hover) { #section.hm-archive-activites-page .hm-archive-activites-categories__card:hover { background: color-mix(in srgb,var(--hm-program-tone) 12%,#fff); border-color: color-mix(in srgb,var(--hm-program-tone) 65%,#fff); } #section.hm-archive-activites-page .hm-archive-activites-card.is-upcoming:hover { background: color-mix(in srgb,var(--hm-accent3) 10%,#fff); } #section.hm-archive-activites-page .hm-archive-activites-card.is-past:hover { background: color-mix(in srgb,var(--hm-primary) 4%,#fff); } } /* Billetterie des catégories : tailles stables et liste d’attente lisible. */ @media screen { body.tax-activite_type #section .single-activite-banner-inner-link { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } body.tax-activite_type #section .single-activite-banner-inner-link > .single-activite-link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; min-width: 0; max-width: 100%; min-height: 44px; margin: 0; padding: 12px 16px; border-radius: 5px; font: 16px/1.4 "BrownStd-Bold",sans-serif !important; white-space: normal; overflow-wrap: anywhere; text-align: center; animation: none !important; } body.tax-activite_type #section .single-activite-link-waiting-list { background: var(--hm-primary) !important; color: var(--hm-background) !important; } body.tax-activite_type #section .single-activite-link-last-tickets { min-height: 0; padding: 4px 0; background: transparent !important; color: var(--hm-primary) !important; box-shadow: none !important; transform: none !important; } /* Compatibilité avec une page dont le balisage est encore en cache. */ body.tax-activite_type #section .single-activite-banner-inner-link:has(.single-activite-link-sold-out) .single-activite-link-last-tickets { display: none !important; } } /* États terminés et complets : même traitement gris, sans effet de bouton actif. */ @media screen { #section :is(.single-activite-link-ended,.single-activite-link-sold-out,.hm-activity-action-status--ended,.hm-activity-circuits__status--ended,.hm-program-status,.hm-archive-activites-card__status span,.single-activite-circuit-status-label span) { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content !important; max-width: 100%; min-height: 40px; padding: 9px 14px !important; border: 1px solid color-mix(in srgb,var(--hm-primary) 12%,transparent) !important; border-radius: 5px !important; background: var(--hm-grey4) !important; color: var(--hm-primary) !important; font-family: "BrownStd-Bold",sans-serif !important; font-size: 14px; line-height: 1.4; text-align: center; text-decoration: none !important; cursor: default; opacity: 1 !important; animation: none !important; transform: none !important; box-shadow: none !important; } #section :is(.single-activite-link-ended,.single-activite-link-sold-out,.hm-activity-action-status--ended,.hm-activity-circuits__status--ended)::before, #section :is(.single-activite-link-ended,.single-activite-link-sold-out,.hm-activity-action-status--ended,.hm-activity-circuits__status--ended)::after { content: none !important; } } /* Le message de disponibilité conserve sa typographie en tête de programme. */ #section.hm-activity-type .hm-program-notice :is(p, li) { color: inherit; font: 17px/1.55 "BrownStd-Regular",sans-serif; } /* Programmation unifiée : une seule adresse, des programmes à explorer sur place. */ @media screen { #section.hm-activities-hub .hm-program-browser { margin-top: 48px; scroll-margin-top: calc(var(--hm-header-height,100px) + 20px); --hm-browser-tone: var(--hm-accent2); } #section.hm-activities-hub .hm-program-browser[data-tone="1"] { --hm-browser-tone: var(--hm-accent3); } #section.hm-activities-hub .hm-program-browser[data-tone="2"] { --hm-browser-tone: var(--hm-accent4); } #section.hm-activities-hub .hm-program-browser[data-tone="3"] { --hm-browser-tone: var(--hm-accent5); } #section.hm-activities-hub .hm-program-browser[data-tone="4"] { --hm-browser-tone: var(--hm-accent6); } #section.hm-activities-hub .hm-program-browser[data-tone="5"] { --hm-browser-tone: var(--hm-accent); } #section.hm-activities-hub .hm-browser-header { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 24px; } #section.hm-activities-hub .hm-browser-eyebrow { margin: 0 0 10px; color: var(--hm-accent); font: 12px/1.4 "BrownStd-Bold",sans-serif; letter-spacing: .1em; text-transform: uppercase; } #section.hm-activities-hub .hm-browser-header h2 { margin: 0; color: var(--hm-primary); font: 36px/1.15 "BrownStd-Bold",sans-serif; letter-spacing: -.025em; } #section.hm-activities-hub .hm-browser-header > p { max-width: 320px; margin: 0; color: var(--hm-primary); font: 15px/1.5 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-selector { display: flex; flex-wrap: wrap; gap: 10px; padding: 18px; border: 1px solid var(--hm-activities-line); border-radius: 12px; background: color-mix(in srgb,var(--hm-secondary) 50%,var(--hm-background)); } #section.hm-activities-hub .hm-browser-choice { --hm-choice-tone: var(--hm-accent2); display: inline-flex; align-items: center; gap: 11px; min-height: 48px; min-width: 0; padding: 12px 16px; border: 1px solid color-mix(in srgb,var(--hm-primary) 14%,transparent); border-radius: 6px; background: var(--hm-background); color: var(--hm-primary); font: 15px/1.3 "BrownStd-Bold",sans-serif; text-decoration: none; transition: border-color 180ms ease,background-color 180ms ease; } #section.hm-activities-hub .hm-browser-choice[data-tone="1"] { --hm-choice-tone: var(--hm-accent3); } #section.hm-activities-hub .hm-browser-choice[data-tone="2"] { --hm-choice-tone: var(--hm-accent4); } #section.hm-activities-hub .hm-browser-choice[data-tone="3"] { --hm-choice-tone: var(--hm-accent5); } #section.hm-activities-hub .hm-browser-choice[data-tone="4"] { --hm-choice-tone: var(--hm-accent6); } #section.hm-activities-hub .hm-browser-choice[data-tone="5"] { --hm-choice-tone: var(--hm-accent); } #section.hm-activities-hub .hm-browser-choice__mark { flex: none; color: var(--hm-primary); background: color-mix(in srgb,var(--hm-choice-tone) 25%,var(--hm-background)); width: 28px; min-height: 28px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; font: 11px/1 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-choice.is-selected { background: var(--hm-primary); border-color: var(--hm-primary); color: var(--hm-background); } #section.hm-activities-hub .hm-browser-choice.is-selected .hm-browser-choice__mark { background: var(--hm-choice-tone); color: var(--hm-primary); } #section.hm-activities-hub .hm-browser-choice.is-pending { border-color: var(--hm-accent); } #section.hm-activities-hub .hm-browser-feedback { min-height: 24px; margin: 12px 0; color: var(--hm-primary); font: 13px/1.5 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-feedback button { margin: 0 0 0 8px; padding: 6px 10px; border: 1px solid currentColor; border-radius: 4px; background: transparent; color: inherit; cursor: pointer; font: inherit; } #section.hm-activities-hub .hm-browser-panel { position: relative; transition: opacity 180ms ease; } #section.hm-activities-hub .hm-browser-panel[aria-busy="true"] { opacity: .55; } #section.hm-activities-hub .hm-browser-programme { padding: 0; margin-bottom: 36px; border: 0; border-radius: 0; background: transparent; } #section.hm-activities-hub .hm-browser-programme__heading h2 { max-width: 900px; margin: 0 0 24px; color: var(--hm-primary); font: clamp(30px,3.5vw,44px)/1.12 "BrownStd-Bold",sans-serif; letter-spacing: -.025em; } #section.hm-activities-hub .hm-browser-programme__cover { display: grid; gap: 32px; align-items: center; } #section.hm-activities-hub .hm-browser-programme__cover.has-image { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); } #section.hm-activities-hub .hm-browser-programme__description :is(p,li), #section.hm-activities-hub .hm-browser-programme__supplement :is(p,li) { color: var(--hm-primary); font: 18px/1.6 "BrownStd-Regular",sans-serif; text-align: left; } #section.hm-activities-hub .hm-browser-programme__description > :first-child { margin-top: 0; } #section.hm-activities-hub .hm-browser-programme__description > :last-child { margin-bottom: 0; } #section.hm-activities-hub .hm-browser-programme__image { min-width: 0; margin: 0; } #section.hm-activities-hub .hm-browser-programme__image img { display: block; width: 100%; height: auto; max-height: 320px; border-radius: 6px; object-fit: contain; } #section.hm-activities-hub .hm-browser-programme__image figcaption { margin-top: 8px; color: var(--hm-primary); font: 12px/1.4 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-programme__supplement { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--hm-activities-line); } #section.hm-activities-hub .hm-program-notice { margin: 0 0 28px; padding: 20px 24px; border: 0; border-radius: 6px; background: color-mix(in srgb,var(--hm-browser-tone) 10%,var(--hm-background)) !important; color: var(--hm-primary) !important; font: 16px/1.55 "BrownStd-Regular",sans-serif !important; } #section.hm-activities-hub .hm-program-notice :is(p,li) { margin: 0; color: inherit !important; font: inherit; } #section.hm-activities-hub .hm-browser-results-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin: 30px 0 24px; padding-bottom: 18px; border-bottom: 1px solid var(--hm-activities-line); } #section.hm-activities-hub .hm-browser-results-heading :is(h2,h3) { margin: 0; color: var(--hm-primary); font: 30px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activities-hub .hm-browser-results-heading p { flex: none; margin: 0; color: var(--hm-primary); font: 14px/1.4 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-empty { padding: 24px 0; font: 17px/1.6 "BrownStd-Regular",sans-serif; color: var(--hm-primary); } #section.hm-activities-hub .hm-browser-grid { padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); } #section.hm-activities-hub .hm-browser-grid[data-count="2"] { grid-template-columns: repeat(2,minmax(0,1fr)); } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card { margin: 0 !important; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card__description { display: block; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card__image img { aspect-ratio: 16 / 10; } #section.hm-activities-hub .hm-browser-more { display: table; margin: 28px auto 0; min-height: 48px; padding: 14px 24px; border: 1px solid var(--hm-activities-line); border-radius: 5px; color: var(--hm-primary); background: var(--hm-background); font: 16px/1.3 "BrownStd-Bold",sans-serif; text-decoration: none; } #section.hm-activities-hub .hm-browser-more[aria-disabled="true"] { opacity: .5; cursor: wait; } #section.hm-activities-hub .hm-browser-next { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.65fr); gap: 28px; align-items: center; padding: 24px; margin: 28px 0; border: 0; border-radius: 6px; background: color-mix(in srgb,var(--hm-browser-tone) 8%,var(--hm-background)); } #section.hm-activities-hub .hm-browser-next h2 { margin: 0 0 12px; font: 24px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activities-hub .hm-browser-next h2 a { color: var(--hm-primary); text-decoration: none; } #section.hm-activities-hub .hm-browser-next .hm-program-date { margin: 0; color: var(--hm-primary); font: 15px/1.5 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-next .single-activite-banner-inner-link { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; } #section.hm-activities-hub .hm-browser-next .single-activite-link { max-width: 100%; margin: 0; min-height: 44px; padding: 12px 16px; border-radius: 5px; background: var(--hm-accent3); color: var(--hm-primary) !important; font: 16px/1.4 "BrownStd-Bold",sans-serif !important; text-align: center; white-space: normal; overflow-wrap: anywhere; animation: none !important; } #section.hm-activities-hub .hm-browser-next .single-activite-link-waiting-list { background: var(--hm-primary) !important; color: var(--hm-background) !important; } #section.hm-activities-hub .hm-browser-next .single-activite-link-last-tickets { background: transparent; color: var(--hm-primary) !important; } #section.hm-activities-hub .hm-program-resources { margin-top: 36px; } #section.hm-activities-hub .hm-program-resources > .zone { padding: 0; } #section.hm-activities-hub .hm-program-resources :is(p,li) { color: var(--hm-primary); font: 17px/1.55 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .single-activite-a-la-une { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; } #section.hm-activities-hub .single-activite-a-la-une-item { min-width: 0; margin: 0; padding: 28px; border: 1px solid var(--hm-activities-line); background: color-mix(in srgb,var(--hm-accent3) 5%,var(--hm-background)) !important; } #section.hm-activities-hub .single-activite-a-la-une-title { margin: 0 0 16px; font: 25px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activities-hub .single-activite-a-la-une-links { margin: 18px 0 0; padding: 0; list-style: none; } #section.hm-activities-hub .single-activite-a-la-une-links li { padding: 0; } #section.hm-activities-hub .single-activite-a-la-une-links :is(li,a)::before { content: none; } #section.hm-activities-hub .single-activite-a-la-une-links a { display: inline-block; padding: 8px 0; color: var(--hm-primary); text-decoration: underline; text-underline-offset: 4px; } #section.hm-activities-hub .single-activite-partenaires { display: flex; flex-wrap: wrap; align-items: center; gap: 28px 40px; padding: 28px 0; margin-top: 32px; border-top: 1px solid var(--hm-activities-line); background: transparent; border-radius: 0; } #section.hm-activities-hub .single-activite-partenaires-section-title { width: 100%; margin: 0; color: var(--hm-primary) !important; font: 25px/1.2 "BrownStd-Bold",sans-serif; } #section.hm-activities-hub .single-activite-partenaire-item { max-width: 240px; margin: 0; } #section.hm-activities-hub .single-activite-partenaire-logo img { width: auto; height: auto; max-width: 100%; max-height: 72px; object-fit: contain; } #section.hm-activities-hub .single-activite-partenaire-titre { margin-top: 8px; color: var(--hm-primary); font-size: 14px; } #section.hm-activities-hub :is(.single-activite-a-la-une-hr,.single-activite-partenaires-hr) { display: none; } #section.hm-activities-hub :is(a,button):focus-visible { outline: 3px solid var(--hm-primary); outline-offset: 4px; } } @media screen and (max-width:1100px) { #section.hm-activities-hub .hm-browser-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-program-browser { margin-top: 32px; } #section.hm-activities-hub .hm-browser-header { align-items: flex-start; flex-direction: column; gap: 14px; } #section.hm-activities-hub .hm-browser-header h2 { font-size: 30px; } #section.hm-activities-hub .hm-browser-header > p { max-width: none; } #section.hm-activities-hub .hm-browser-selector { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 12px; scrollbar-width: thin; } #section.hm-activities-hub .hm-browser-choice { flex: 0 0 auto; max-width: 260px; padding: 10px 12px; font-size: 14px; } #section.hm-activities-hub .hm-browser-programme { padding: 0; } #section.hm-activities-hub .hm-browser-programme__heading h2 { font-size: 30px; } #section.hm-activities-hub .hm-browser-programme__description :is(p,li), #section.hm-activities-hub .hm-browser-programme__supplement :is(p,li) { font-size: 17px; } #section.hm-activities-hub .hm-browser-results-heading { flex-direction: column; gap: 12px; } #section.hm-activities-hub .hm-browser-results-heading :is(h2,h3) { font-size: 26px; } #section.hm-activities-hub .hm-browser-grid, #section.hm-activities-hub .hm-browser-grid[data-count="2"] { grid-template-columns: minmax(0,1fr); gap: 20px; } #section.hm-activities-hub .hm-browser-more { display: block; text-align: center; } #section.hm-activities-hub .hm-browser-next { grid-template-columns: minmax(0,1fr); padding: 20px; } #section.hm-activities-hub .single-activite-a-la-une-item { padding: 22px 20px; } #section.hm-activities-hub .single-activite-partenaires { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } #section.hm-activities-hub .single-activite-partenaires-section-title { grid-column: 1 / -1; } } @media screen and (hover:hover) { #section.hm-activities-hub .hm-browser-choice:not(.is-selected):hover { border-color: var(--hm-primary); background: color-mix(in srgb,var(--hm-choice-tone) 10%,var(--hm-background)); } #section.hm-activities-hub .hm-browser-more:hover { background: var(--hm-accent3); } } @media screen and (prefers-reduced-motion:reduce) { #section.hm-activities-hub :is(.hm-browser-choice,.hm-browser-panel) { transition: none; } } /* Partenaires de la programmation : proportions et rythme des fiches activités. */ @media screen { #section.hm-activities-hub .single-activite-partenaires { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,240px)); align-items: start; gap: 30px 44px; padding: 32px 0; background: transparent !important; } #section.hm-activities-hub .single-activite-partenaires-section-title { grid-column: 1 / -1; margin: 0 !important; font: 14px/1.4 "BrownStd-Regular",sans-serif !important; } #section.hm-activities-hub .single-activite-partenaire-item { width: 100%; min-width: 0; max-width: 100%; padding: 0; } #section.hm-activities-hub .single-activite-partenaire-link { display: block; padding: 0; background: transparent; text-decoration: none; } #section.hm-activities-hub .single-activite-partenaire-logo { display: flex; align-items: center; min-height: 80px; margin: 0 0 10px; } #section.hm-activities-hub .single-activite-partenaire-logo img { display: block; width: auto !important; height: auto !important; max-width: min(100%,260px) !important; max-height: 72px !important; object-fit: contain; object-position: left center; scale: 1; transform: none; } #section.hm-activities-hub .single-activite-partenaire-titre { margin: 0; font: 12px/1.4 "BrownStd-Regular",sans-serif; } } @media screen and (max-width:768px) { #section.hm-activities-hub .single-activite-partenaires { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 24px; } #section.hm-activities-hub .single-activite-partenaire-logo { min-height: 56px; } #section.hm-activities-hub .single-activite-partenaire-logo img { max-height: 48px !important; } #section.hm-activities-hub .single-activite-partenaires:not(:has(.single-activite-partenaire-item ~ .single-activite-partenaire-item)) .single-activite-partenaire-item { grid-column: 1 / -1; } #section.hm-activities-hub .single-activite-partenaires:not(:has(.single-activite-partenaire-item ~ .single-activite-partenaire-item)) .single-activite-partenaire-logo img { max-width: min(100%,220px) !important; max-height: 64px !important; } } /* Programmation : date et image jointives, avant le contenu de la fiche. */ @media screen { #section.hm-activities-hub .hm-browser-grid { row-gap: 24px; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__date { align-self: stretch; margin: -22px -22px 0; border-radius: 6px 6px 0 0; overflow: hidden; background: linear-gradient(to right,var(--home-activity,var(--hm-accent)),var(--hm-accent2)); } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__date strong { box-sizing: border-box; width: 100%; margin: 0; padding: 10px 22px; border: 0; background: transparent; color: #fff; font: 14px/1.2 "BrownStd-Bold",sans-serif !important; letter-spacing: .015em; text-align: left; text-transform: none; white-space: normal; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__image { margin: 0 -22px 20px; border-radius: 0; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__image img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; border-radius: 0; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__image .hm-archive-activites-card__credit { padding: 0 22px; } #section.hm-activities-hub .hm-browser-grid .has-top-date:not(:has(> .hm-archive-activites-card__image)) > .hm-archive-activites-card__date { margin-bottom: 20px; } } @media screen and (min-width:1101px) { @supports (grid-template-rows:subgrid) { #section.hm-activities-hub .hm-browser-grid { row-gap: 0; } #section.hm-activities-hub .hm-browser-grid .has-top-date { grid-row: span 6; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__date { grid-row: 1; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__image { grid-row: 2; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__taxonomy { grid-row: 3; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__title { grid-row: 4; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__status { grid-row: 5; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__body { grid-row: 6; } #section.hm-activities-hub .hm-browser-grid .has-top-date:nth-child(n+3) { margin-top: 24px !important; } } } /* Cartes de programmation : légendes communes aux singles et survol discret. */ @media screen { #section.hm-activities-hub .hm-browser-programme__image { position: relative; } #section.hm-activities-hub .hm-browser-grid .has-top-date > .hm-archive-activites-card__image { position: relative; align-self: start; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card { border: 0 !important; transition: none; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card__title a { transition: color 180ms ease; } } @media screen and (hover:hover) { #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card:hover { transform: none; box-shadow: none; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card.is-upcoming:hover { background: color-mix(in srgb,var(--hm-accent3) 6%,#fff); } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card.is-past:hover { background: color-mix(in srgb,var(--hm-primary) 2%,#fff); } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card__title a:hover { text-decoration: none; } } @media screen and (prefers-reduced-motion:reduce) { #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card, #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card__title a { transition: none; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card:hover { transform: none; } } /* Couleurs des catégories : exclusivement les accents 2 à 6 du thème. */ @media screen { #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card { --hm-category-tone: var(--hm-accent2); } #section.hm-activities-hub .hm-browser-grid [data-category-tone="1"] { --hm-category-tone: var(--hm-accent3); } #section.hm-activities-hub .hm-browser-grid [data-category-tone="2"] { --hm-category-tone: var(--hm-accent4); } #section.hm-activities-hub .hm-browser-grid [data-category-tone="3"] { --hm-category-tone: var(--hm-accent5); } #section.hm-activities-hub .hm-browser-grid [data-category-tone="4"] { --hm-category-tone: var(--hm-accent6); } #section.hm-activities-hub .hm-browser-grid [data-category-tone="5"] { --hm-category-tone: var(--hm-accent); } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card:is(.is-upcoming,.is-past), #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card:is(.is-upcoming,.is-past):hover { background: color-mix(in srgb,var(--hm-category-tone) 9%,var(--hm-background)); } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card .hm-archive-activites-card__taxonomy span { display: inline-block; padding: 5px 8px; border-radius: 3px; background: color-mix(in srgb,var(--hm-category-tone) 35%,var(--hm-background)); color: var(--hm-primary); } } /* Avis et contenus associés : surfaces légères, sans bande sur les bords. */ @media screen { #section.hm-activities-hub .hm-program-notice :is(strong,b,span) { color: inherit !important; background: transparent !important; } #section.hm-activities-hub .hm-program-notice a { color: inherit !important; text-decoration: underline; text-underline-offset: 3px; } #section.hm-activities-hub .single-activite-a-la-une-item { border: 0; border-radius: 6px; } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-program-notice { padding: 18px 20px; } } /* Présentation des catégories : lecture plus courte et photographie à sa juste taille. */ @media screen { #section.hm-activities-hub .hm-browser-programme__cover { gap: clamp(28px,4vw,56px); align-items: start; } #section.hm-activities-hub .hm-browser-programme__cover.has-image { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); } #section.hm-activities-hub .hm-browser-programme__description { max-width: 56ch; color: var(--hm-primary); font: 20px/1.6 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-programme__description :is(p,li) { font: inherit; } #section.hm-activities-hub .hm-browser-programme__description p + p { margin-top: 1em; } #section.hm-activities-hub .hm-browser-programme__image img { width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; } #section.hm-activities-hub .hm-browser-programme__supplement { max-width: 76ch; margin-top: 32px; padding-top: 0; border: 0; color: var(--hm-primary); font: 17px/1.65 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-programme__supplement :is(p,li) { font: inherit; } #section.hm-activities-hub .hm-browser-programme__supplement p { margin: 0 0 1em; } #section.hm-activities-hub .hm-browser-programme__supplement > :last-child { margin-bottom: 0; } #section.hm-activities-hub .hm-browser-programme__cover.has-image:not(:has(.hm-browser-programme__description)) { grid-template-columns: minmax(0,1fr); } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-browser-programme__cover.has-image { grid-template-columns: minmax(0,1fr); gap: 24px; } #section.hm-activities-hub .hm-browser-programme__description { max-width: none; font-size: 18px; line-height: 1.6; } #section.hm-activities-hub .hm-browser-programme__supplement { max-width: none; margin-top: 24px; font-size: 16px; } } /* Réservation : action alignée à droite du bloc, puis pleine largeur sur mobile. */ @media screen { #section.hm-activities-hub .hm-browser-next .hm-program-next__booking { min-width: 0; align-self: center; } #section.hm-activities-hub .hm-browser-next .single-activite-banner-inner-link { width: 100%; flex-direction: column; align-items: flex-end; justify-content: center; } #section.hm-activities-hub .hm-browser-next .single-activite-banner-inner-link > .single-activite-link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; margin: 0; } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-browser-next .single-activite-banner-inner-link { align-items: stretch; } #section.hm-activities-hub .hm-browser-next .single-activite-banner-inner-link > .single-activite-link { width: 100%; } } /* Mise en avant explicite des activités en cours. */ @media screen { #section.hm-activities-hub .hm-browser-next .hm-program-current-status { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 8px 12px; border-radius: 4px; color: var(--hm-primary); background: color-mix(in srgb,var(--hm-browser-tone) 24%,var(--hm-background)); font: 14px/1.3 "BrownStd-Bold",sans-serif; letter-spacing: .025em; } #section.hm-activities-hub .hm-browser-next .hm-program-current-status.is-current { background: var(--hm-accent2); } #section.hm-activities-hub .hm-browser-next .hm-program-current-status.is-current::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: currentColor; } } @media screen { #section.hm-activities-hub .hm-browser-next .hm-program-current-invite { margin: 12px 0 0; color: var(--hm-primary); font: 16px/1.45 "BrownStd-Bold",sans-serif; } } /* Lecture de la programmation : présent et passé séparés, cartes à hauteur naturelle. */ @media screen { #section.hm-activities-hub .hm-browser-grid { align-items: start; row-gap: 24px !important; } #section.hm-activities-hub .hm-browser-grid .hm-archive-activites-card:nth-child(n) { display: flex !important; flex-direction: column; grid-row: auto !important; height: auto !important; align-self: start; margin: 0 !important; } #section.hm-activities-hub .hm-browser-results-heading p { max-width: 100%; font-size: 13px; line-height: 1.5; } #section.hm-activities-hub .hm-browser-feedback:empty { display: none; } #section.hm-activities-hub .hm-browser-archives { margin: 32px 0 0; padding: 0; border: 0; scroll-margin-top: 120px; } #section.hm-activities-hub .hm-browser-archives > summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 14px 0; list-style: none; color: var(--hm-primary); font: 17px/1.4 "BrownStd-Bold",sans-serif; cursor: pointer; } #section.hm-activities-hub .hm-browser-archives > summary::-webkit-details-marker { display: none; } #section.hm-activities-hub .hm-browser-archives > summary::after { content: "+"; margin-left: auto; font: 24px/1 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-archives[open] > summary::after { content: "−"; } #section.hm-activities-hub .hm-browser-archives > summary:focus-visible { outline: 2px solid var(--hm-primary); outline-offset: 4px; } #section.hm-activities-hub .hm-browser-archives__content { padding-top: 20px; } #section.hm-activities-hub .hm-activities-intro__text { font: inherit; } #section.hm-activities-hub .hm-activities-intro__toggle { margin: 8px 0 0; padding: 6px 0; border: 0; background: transparent; color: var(--hm-primary); font: 14px/1.4 "BrownStd-Bold",sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; } #section.hm-activities-hub .hm-activities-intro__toggle[hidden] { display: none; } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-archive-activites-intro { margin-top: 24px; } #section.hm-activities-hub .hm-activities-intro__text { font: 17px/1.6 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-activities-intro__text > :first-child { margin-top: 0; } #section.hm-activities-hub .hm-activities-intro__text > :last-child { margin-bottom: 0; } #section.hm-activities-hub [data-activities-intro][data-collapsed="true"] .hm-activities-intro__text { max-height: 4.8em; overflow: hidden; } #section.hm-activities-hub .hm-program-browser { margin-top: 28px; } #section.hm-activities-hub .hm-browser-header { margin-bottom: 16px; } #section.hm-activities-hub .hm-browser-results-heading { margin-top: 24px; gap: 6px; } } /* Archives : accès visible et petites fiches neutres, catégorie seule en couleur. */ @media screen { #section.hm-activities-hub .hm-browser-archives { margin-top: 40px; } #section.hm-activities-hub .hm-browser-archives > summary { gap: 10px; padding: 20px 24px; border-radius: 6px; background: var(--hm-grey4); font: 22px/1.3 "BrownStd-Bold",sans-serif; } #section.hm-activities-hub .hm-browser-archives > summary span { font: 16px/1.4 "BrownStd-Regular",sans-serif; } #section.hm-activities-hub .hm-browser-archives > summary::after { font-size: 28px; } #section.hm-activities-hub .hm-browser-archives__content { padding-top: 24px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid { gap: 16px 24px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact:nth-child(n) { --hm-archive-thumb: 156px; display: grid !important; grid-template-columns: var(--hm-archive-thumb) minmax(0,1fr); grid-template-rows: auto; align-content: start; column-gap: 18px; row-gap: 8px; padding: 16px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact, #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact:hover { background: var(--hm-grey1) !important; color: var(--hm-primary); } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__image { grid-column: 1; grid-row: 1 / span 4; width: 100%; margin: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__image img { width: 100%; height: auto; max-height: none; aspect-ratio: auto; object-fit: contain; filter: grayscale(1); border-radius: 3px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__taxonomy { grid-column: 2; grid-row: 1; margin: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__taxonomy span { padding: 4px 6px; background: color-mix(in srgb,var(--hm-category-tone) 55%,var(--hm-background)); font-size: 10px !important; letter-spacing: .06em; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__title { grid-column: 2; grid-row: 2; margin: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__title, #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__title a { margin: 0; color: var(--hm-primary) !important; font: 19px/1.25 "BrownStd-Bold",sans-serif !important; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__date { grid-column: 2; grid-row: 3; margin: 0; padding: 0; background: transparent; border-radius: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__date strong { width: auto; margin: 0; padding: 0; color: var(--hm-grey6); background: transparent; font: 12px/1.4 "BrownStd-Regular",sans-serif !important; letter-spacing: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact > .hm-archive-activites-card__body { grid-column: 2; grid-row: 4; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__link { margin: 0; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__link a { min-height: 32px; padding: 4px 0; color: var(--hm-primary) !important; font-size: 13px !important; text-decoration-color: var(--hm-grey6); } #section.hm-activities-hub .hm-browser-archives .hm-home-card-caption-info__button { color: var(--hm-background); background: var(--hm-grey6); } #section.hm-activities-hub .hm-browser-archives .hm-home-card-caption-info__button:hover, #section.hm-activities-hub .hm-browser-archives .hm-home-card-caption-info__button:focus-visible { color: var(--hm-primary); background: var(--hm-background); border-color: var(--hm-grey6); } #section.hm-activities-hub .hm-browser-archives .hm-home-card-caption-info__tooltip { left: calc(26px - var(--hm-archive-thumb)); right: auto; max-width: min(280px,calc(100vw - 68px)); background: var(--hm-grey3); } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact:not(:has(.hm-archive-activites-card__image)):nth-child(n) { grid-template-columns: minmax(0,1fr); } #section.hm-activities-hub .hm-browser-archives .is-archive-compact:not(:has(.hm-archive-activites-card__image)) > :is(.hm-archive-activites-card__taxonomy,.hm-archive-activites-card__title,.hm-archive-activites-card__date,.hm-archive-activites-card__body) { grid-column: 1; } } @media screen and (max-width:768px) { #section.hm-activities-hub .hm-browser-archives > summary { padding: 18px; font-size: 20px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact:nth-child(n) { --hm-archive-thumb: clamp(96px,28vw,128px); grid-template-columns: var(--hm-archive-thumb) minmax(0,1fr); gap: 8px 14px; padding: 14px; } #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__title, #section.hm-activities-hub .hm-browser-archives .hm-browser-grid .is-archive-compact .hm-archive-activites-card__title a { font-size: 17px !important; } } /* Activité courante unique : la même carte paysage que sur l’accueil. * Conserver la couleur du Customizer avant les anciens overrides locaux d’archive. */ @media screen { :root { --hm-activity-featured-background: var(--hm-secondary); } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child { position: relative; grid-column: 1 / -1; width: 100%; padding: 0; overflow: hidden; border-radius: 8px; background: var(--hm-activity-featured-background) !important; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child > .hm-archive-activites-card__date { grid-column: 1 / -1; grid-row: 1; margin: 0; border-radius: 0; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child > .hm-archive-activites-card__image { grid-column: 1; grid-row: 2; align-self: center; width: 100%; min-width: 0; margin: 0; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child > .hm-archive-activites-card__content { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(24px, 2.5vw, 36px); } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__taxonomy { margin: 0 0 14px; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child .hm-archive-activites-card__taxonomy span { padding: 0; color: var(--hm-accent); background: transparent; border-radius: 0; font-family: "BrownStd-Bold", sans-serif !important; letter-spacing: .1em; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title, #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title a { margin: 0; font: clamp(23px, 2.1vw, 30px)/1.18 "BrownStd-Bold", sans-serif !important; letter-spacing: -.025em; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__description { margin-top: 16px; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__description p { margin: 0; font: 16px/1.5 "BrownStd-Regular", sans-serif !important; } #section.hm-activities-hub .is-single-featured :is(.hm-archive-activites-card__title, .hm-archive-activites-card__description) { overflow-wrap: anywhere; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title a { position: static; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 5; border-radius: inherit; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title a:focus-visible { outline: none; } #section.hm-activities-hub .is-single-featured .hm-archive-activites-card__title a:focus-visible::after { inset: 4px; outline: 3px solid var(--hm-primary); outline-offset: -3px; } /* Dernière activité terminée : carte ouverte et lisible dans la palette du thème. */ #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child { background: var(--hm-grey1) !important; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child > .hm-archive-activites-card__date { background: var(--hm-grey6); } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child > .hm-archive-activites-card__date strong { color: var(--hm-background); } #section.hm-activities-hub .is-single-featured.is-past > .hm-archive-activites-card__image img { filter: grayscale(1); } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child .hm-archive-activites-card__taxonomy span { color: var(--hm-grey6); } #section.hm-activities-hub .is-single-featured.is-past .hm-archive-activites-card__status { margin: 14px 0 0; } #section.hm-activities-hub .is-single-featured.is-past .hm-archive-activites-card__status span { color: var(--hm-primary); background: var(--hm-background); } } @media screen and (min-width: 769px) { #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child { display: grid !important; grid-template-columns: minmax(0, 44%) minmax(0, 1fr); grid-template-rows: auto auto; gap: 0; align-items: stretch; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child:not(:has(> .hm-archive-activites-card__image)) > .hm-archive-activites-card__content { grid-column: 1 / -1; } /* La photo remplit aussi la ligne lorsque le résumé est plus haut qu’elle. */ #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child > .hm-archive-activites-card__image { align-self: stretch; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured.is-past:only-child > .hm-archive-activites-card__image img { height: 100%; object-fit: cover; } } @media screen and (max-width: 768px) { #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child > .hm-archive-activites-card__content { padding: 18px; } #section.hm-activities-hub .hm-browser-grid[data-scope="current"] > .is-single-featured:only-child > .hm-archive-activites-card__date strong { padding: 9px 18px; font-size: 13px !important; } }