/* Correctif compagnon Agorgi 1.0.23. Les images secondaires se superposent sans laisser réapparaître l'image principale entre deux vues. Les cartes d'accueil forment des lignes alternées, empilées verticalement. 1.0.21 — deux couches ajoutées dans assets/ : - news.css réécrit (palette et typo du thème, filet noir et Georgia italique retirés) ; - journal-suppression-OVERRIDE.css, chargé APRÈS ce fichier, qui retire les filets #171717 et le serif des cartes d'accueil. Ces deux feuilles sont optionnelles : supprimer l'enregistrement de « agorgi-news-journal-neutralise » (dans wp_enqueue_news_styles) annule la couche sans rien d'autre à toucher. */ /* Survol : la vue précédente reste opaque sous la suivante pendant le fondu. */ .agp-survol__img--companion { will-change: opacity; transition: opacity .7s ease, transform .7s cubic-bezier(.19, .6, .22, 1) !important; backface-visibility: hidden; } .agp-survol__img--companion.is-on { opacity: 1 !important; } .agp-survol--sequence .agp-survol__img--companion:not(.is-on) { opacity: 0 !important; } @media (prefers-reduced-motion: reduce) { .agp-survol__img--companion { transition: none !important; } } /* En-têtes des listes « Expositions » et « Art Fairs ». */ .agorgi-correction-feature-heading { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 18px !important; margin: clamp(52px, 7vw, 94px) 0 26px !important; padding: 0 0 12px !important; border-bottom: 1px solid #171717 !important; } .agorgi-correction-feature-heading .agorgi-section-title, .agorgi-correction-feature-heading .agp-section__title { margin: 0 !important; color: #171717 !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: clamp(16px, 1.5vw, 20px) !important; font-weight: 400 !important; letter-spacing: .12em !important; line-height: 1.25 !important; text-transform: uppercase !important; } .agorgi-correction-feature-heading .agorgi-section-more, .agorgi-correction-feature-heading .agp-section__more { flex: 0 0 auto; color: #777 !important; font: 400 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .11em !important; text-transform: uppercase !important; } /* Une seule carte par rangée ; première rangée : texte à gauche, image à droite. */ .agorgi-correction-feature-list { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: clamp(30px, 4.5vw, 62px) !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .agorgi-correction-feature-card.agorgi-card, .agorgi-correction-feature-card.agp-card { min-width: 0 !important; margin: 0 !important; } .agorgi-correction-feature-card.agorgi-card { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important; grid-template-areas: "body media" !important; align-items: center !important; gap: clamp(24px, 4vw, 68px) !important; width: 100% !important; padding: 0 !important; color: inherit !important; text-decoration: none !important; } .agorgi-correction-feature-card.agorgi-card.agorgi-correction-feature-card--reverse { grid-template-areas: "media body" !important; } .agorgi-correction-feature-card .agorgi-card-img, .agorgi-correction-feature-card .agp-card__media { position: relative !important; grid-area: media !important; min-width: 0 !important; min-height: 280px !important; aspect-ratio: 1.42 / 1 !important; overflow: hidden !important; background: #f1f0ed !important; } .agorgi-correction-feature-card .agorgi-card-img img, .agorgi-correction-feature-card .agp-card__media img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; transition: transform .65s ease !important; } .agorgi-correction-feature-card.agorgi-card:hover .agorgi-card-img img, .agorgi-correction-feature-card.agp-card:hover .agp-card__media img { transform: scale(1.025); } .agorgi-correction-feature-card .agorgi-card-body, .agorgi-correction-feature-card .agp-card__body { display: flex !important; grid-area: body !important; min-width: 0 !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: clamp(14px, 2.4vw, 32px) 0 !important; text-align: left !important; } .agorgi-correction-feature-card .agorgi-card-label, .agorgi-correction-feature-card .agp-card__label { margin: 0 0 10px !important; color: #777 !important; font: 400 10px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; } .agorgi-correction-feature-card .agorgi-card-title, .agorgi-correction-feature-card .agp-card__title { margin: 0 !important; color: #171717 !important; font: 400 clamp(20px, 2.25vw, 31px)/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .045em !important; text-transform: uppercase !important; } .agorgi-correction-feature-card:hover .agorgi-card-title, .agorgi-correction-feature-card:hover .agp-card__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; } .agorgi-correction-feature-card .agorgi-card-sub, .agorgi-correction-feature-card .agp-card__sub { margin: 8px 0 0 !important; color: #444 !important; font: italic 400 15px/1.5 Georgia, 'Times New Roman', serif !important; } .agorgi-correction-feature-card .agorgi-card-dates, .agorgi-correction-feature-card .agp-card__dates { margin: 9px 0 0 !important; color: #555 !important; font: 400 10px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; } .agorgi-correction-feature-card .agorgi-card-excerpt, .agorgi-correction-feature-card .agp-card__excerpt { display: -webkit-box !important; max-width: 58ch !important; margin: 14px 0 0 !important; overflow: hidden !important; color: #444 !important; font: 400 15px/1.7 Georgia, 'Times New Roman', serif !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 5 !important; } /* Cartes de la version agp : le lien est l'élément qui contient image + descriptif. */ .agorgi-correction-feature-card.agp-card > .agp-card__link { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important; grid-template-areas: "body media" !important; align-items: center !important; gap: clamp(24px, 4vw, 68px) !important; width: 100% !important; } .agorgi-correction-feature-card.agp-card.agorgi-correction-feature-card--reverse > .agp-card__link { grid-template-areas: "media body" !important; } @media (max-width: 760px) { .agorgi-correction-feature-heading { margin-top: 52px !important; } .agorgi-correction-feature-card.agorgi-card, .agorgi-correction-feature-card.agp-card > .agp-card__link { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "media" "body" !important; gap: 12px !important; } .agorgi-correction-feature-card.agorgi-card.agorgi-correction-feature-card--reverse, .agorgi-correction-feature-card.agp-card.agorgi-correction-feature-card--reverse > .agp-card__link { grid-template-areas: "media" "body" !important; } .agorgi-correction-feature-card .agorgi-card-img, .agorgi-correction-feature-card .agp-card__media { min-height: 0 !important; aspect-ratio: 16 / 10 !important; } .agorgi-correction-feature-card .agorgi-card-body, .agorgi-correction-feature-card .agp-card__body { padding: 8px 0 0 !important; } .agorgi-correction-feature-card .agorgi-card-title, .agorgi-correction-feature-card .agp-card__title { font-size: clamp(19px, 6vw, 25px) !important; } } @media (prefers-reduced-motion: reduce) { .agorgi-correction-feature-card .agorgi-card-img img, .agorgi-correction-feature-card .agp-card__media img { transition: none !important; } } /* En-tête mobile plus compact. Le décalage lié à la barre WordPress est ajusté en JS selon qu'elle est réellement visible (utile après un lien d'ancre sur mobile). */ @media (max-width: 720px) { .agorgi-site-header .agorgi-header-inner { box-sizing: border-box !important; min-height: 64px !important; padding-top: 4px !important; padding-bottom: 4px !important; } .agorgi-site-header .agorgi-brand img.custom-logo { width: 185px !important; height: 52px !important; max-width: 185px !important; } .agorgi-site-header .agorgi-menu-toggle { margin: 0 !important; align-self: center !important; } } /* Correctifs visuels et comportementaux 1.0.4. */ /* Typographie unique : Inter Tight, déjà fournie localement par le site. */ body.agorgi-site-active { --ag-font: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; --agp-head: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; --agp-text: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } body.agorgi-site-active :is(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea, label, small, strong, em, span, dt, dd, blockquote, figcaption) { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } body.agorgi-site-active .agp-page, body.agorgi-site-active .agp-page :is(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea, label, small, strong, em, span, dt, dd, blockquote, figcaption), body.agorgi-site-active .agorgi-managed-content, body.agorgi-site-active .agorgi-managed-content :is(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea, label, small, strong, em, span, dt, dd, blockquote, figcaption) { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } /* Carrousel : supprimer l'effet de petite image « dans un carreau ». Le visuel remplit maintenant toute la diapositive; les bords peuvent être recadrés. */ body.agorgi-site-active .agp-hero .agp-hero__slide--petite .agp-hero__img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; } body.agorgi-site-active .agp-hero .agp-hero__slide--petite .agp-hero__fond { display: none !important; } body.agorgi-site-active .agp-page .agp-hero__title, body.agorgi-site-active .agp-page .agp-hero__label, body.agorgi-site-active .agp-page .agp-hero__dates { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } body.agorgi-site-active .agp-page .agp-hero__title { font-size: clamp(20px, 2vw, 29px) !important; font-weight: 400 !important; letter-spacing: .055em !important; } body.agorgi-site-active .agp-page .agp-hero__title a:hover, body.agorgi-site-active .agp-page .agp-hero__title a:focus-visible { text-decoration: none !important; } /* En-tête plus léger; masquer en descendant et réafficher en remontant. */ body.agorgi-site-active .agorgi-site-header { transition: transform .26s ease !important; will-change: transform; } body.agorgi-site-active .agorgi-site-header.agorgi-header--hidden { transform: translateY(-110%) !important; pointer-events: none !important; } body.agorgi-site-active .agorgi-site-header .agorgi-header-inner { box-sizing: border-box !important; min-height: 70px !important; padding-top: 5px !important; padding-bottom: 5px !important; gap: 20px !important; } body.agorgi-site-active .agorgi-site-header .agorgi-brand img.custom-logo { width: 188px !important; height: 56px !important; max-width: 188px !important; } body.agorgi-site-active .agorgi-site-header .agorgi-primary-nav .agorgi-nav-link, body.agorgi-site-active .agorgi-site-header .agorgi-language-nav .lang-item a { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: .09em !important; } body.agorgi-site-active .agorgi-site-header .agorgi-nav-list, body.agorgi-site-active .agorgi-site-header .agorgi-language-list { gap: clamp(10px, 1.1vw, 18px) !important; } body.agorgi-site-active .agorgi-site-header .agorgi-menu-toggle { width: 38px !important; height: 38px !important; padding: 7px !important; } /* Retirer les traits sous les titres de section, le titre du carrousel au survol, ainsi que le soulignement de navigation de la page active. */ body.agorgi-site-active .agp-section__head, body.agorgi-site-active .agorgi-section-head, body.agorgi-site-active .agorgi-correction-feature-heading { border: 0 !important; padding-bottom: 0 !important; } body.agorgi-site-active .agp-section__head::before, body.agorgi-site-active .agp-section__head::after, body.agorgi-site-active .agorgi-section-head::before, body.agorgi-site-active .agorgi-section-head::after, body.agorgi-site-active .agorgi-correction-feature-heading::before, body.agorgi-site-active .agorgi-correction-feature-heading::after, body.agorgi-site-active .agorgi-nav-item.is-current .agorgi-nav-link::after { display: none !important; content: none !important; } body.agorgi-site-active .agp-section__title, body.agorgi-site-active .agorgi-section-title, body.agorgi-site-active .agp-page-title, body.agorgi-site-active .agorgi-page-title, body.agorgi-site-active .agp-year__title { border: 0 !important; text-decoration: none !important; } /* Accueil : mêmes lignes alternées, mais plus fines et plus compactes. */ body.agorgi-site-active .agorgi-correction-feature-heading { margin: clamp(34px, 4.6vw, 62px) 0 20px !important; } body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-section-title, body.agorgi-site-active .agorgi-correction-feature-heading .agp-section__title { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: .10em !important; } body.agorgi-site-active .agorgi-correction-feature-list { gap: clamp(24px, 3.3vw, 44px) !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-label, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__label, body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-title, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__title, body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-sub, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__sub, body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-dates, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__dates, body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-excerpt, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__excerpt, body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-section-more, body.agorgi-site-active .agorgi-correction-feature-heading .agp-section__more { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-style: normal !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-title, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__title { font-size: clamp(18px, 1.8vw, 25px) !important; font-weight: 400 !important; line-height: 1.24 !important; letter-spacing: .035em !important; text-decoration: none !important; } body.agorgi-site-active .agorgi-correction-feature-card:hover .agorgi-card-title, body.agorgi-site-active .agorgi-correction-feature-card:hover .agp-card__title { text-decoration: none !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-sub, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__sub, body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-excerpt, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__excerpt { font-size: 13px !important; line-height: 1.55 !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-img, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__media { min-height: 230px !important; } /* Libellés de type d'image masqués uniquement dans une fiche artiste. */ body.agorgi-site-active .agorgi-correction-hidden-artist-label { display: none !important; } @media (max-width: 720px) { body.agorgi-site-active .agorgi-site-header .agorgi-header-inner { min-height: 58px !important; padding-top: 3px !important; padding-bottom: 3px !important; gap: 12px !important; } body.agorgi-site-active .agorgi-site-header .agorgi-brand img.custom-logo { width: 158px !important; height: 47px !important; max-width: 158px !important; } body.agorgi-site-active .agorgi-site-header .agorgi-menu-toggle { width: 36px !important; height: 36px !important; } body.agorgi-site-active .agorgi-correction-feature-heading { margin: 34px 0 16px !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-img, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__media { min-height: 0 !important; aspect-ratio: 16 / 10 !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-title, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__title { font-size: clamp(18px, 5vw, 22px) !important; } } @media (prefers-reduced-motion: reduce) { body.agorgi-site-active .agorgi-site-header { transition: none !important; } } body.agorgi-site-active .agorgi-site-header { border-bottom: 0 !important; } body.agorgi-site-active .agorgi-site-header .agorgi-language-list .lang-item.current-lang a { border-bottom: 0 !important; } /* Compléments 1.0.4 : pages artiste/exposition, titres éditoriaux et en-tête de liste. */ body.agorgi-site-active .agp-page .agp-page-head--outils { margin-bottom: 26px !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body.agorgi-site-active .agp-page .agp-page-head--outils .agp-page-title { font-size: clamp(20px, 2vw, 26px) !important; font-weight: 300 !important; letter-spacing: .07em !important; } body.agorgi-site-active .agp-page .agp-page-head--outils .agp-recherche { width: min(285px, 100%) !important; max-width: 100% !important; } body.agorgi-site-active .agp-page .agp-page-head--outils .agp-recherche input[type="search"] { height: 34px !important; font-size: 12px !important; } body.agorgi-site-active .agp-page .agorgi-project-section-heading, body.agorgi-site-active .agp-page .agorgi-photos__title, body.agorgi-site-active .agp-page .agorgi-descriptif__title, body.agorgi-site-active .agp-page .agorgi-correction-refined-heading { border: 0 !important; padding-bottom: 0 !important; font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: .07em !important; line-height: 1.35 !important; text-decoration: none !important; text-transform: uppercase !important; } body.agorgi-site-active .agp-page .agorgi-project-section-heading, body.agorgi-site-active .agp-page .agorgi-photos__title, body.agorgi-site-active .agp-page .agorgi-descriptif__title, body.agorgi-site-active .agp-page .agorgi-correction-refined-heading { margin: 0 0 14px !important; } body.agorgi-site-active .agp-page .agp-artiste .agorgi-photos__title, body.agorgi-site-active .agp-page .agp-artiste .agorgi-descriptif__title { border-bottom: 0 !important; margin-bottom: 14px !important; padding-bottom: 0 !important; } body.agorgi-site-active .agp-page .agorgi-project-section-heading::before, body.agorgi-site-active .agp-page .agorgi-project-section-heading::after, body.agorgi-site-active .agp-page .agorgi-photos__title::before, body.agorgi-site-active .agp-page .agorgi-photos__title::after, body.agorgi-site-active .agp-page .agorgi-descriptif__title::before, body.agorgi-site-active .agp-page .agorgi-descriptif__title::after, body.agorgi-site-active .agp-page .agorgi-correction-refined-heading::before, body.agorgi-site-active .agp-page .agorgi-correction-refined-heading::after { display: none !important; content: none !important; } body.agorgi-site-active .agp-page .agorgi-project-artworks-grid { gap: 26px 18px !important; } body.agorgi-site-active .agp-page .agorgi-project-artists-grid { gap: 16px !important; } body.agorgi-site-active .agp-page .agorgi-project-artwork-card__title, body.agorgi-site-active .agp-page .agorgi-project-artist-card__name { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: .055em !important; text-decoration: none !important; } body.agorgi-site-active .agp-page .agorgi-project-artwork-card:hover .agorgi-project-artwork-card__title, body.agorgi-site-active .agp-page .agorgi-project-artist-card:hover .agorgi-project-artist-card__name { text-decoration: none !important; } /* 1.0.5 : retirer les petits intertitres éditoriaux demandés et alléger les grilles d'images. */ body.agorgi-site-active .agorgi-correction-hidden-editorial-eyebrow { display: none !important; } /* Fiches artistes : colonnes plus étroites, médias moins hauts, mise en page centrée. */ @media (min-width: 761px) { body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 290px)) !important; justify-content: center !important; gap: 26px 18px !important; max-width: 1260px !important; margin-right: auto !important; margin-left: auto !important; } body.agorgi-site-active .agp-page .agp-card--artiste { width: 100% !important; max-width: 290px !important; justify-self: center !important; } } body.agorgi-site-active .agp-page .agp-card--artiste .agp-card__media { max-height: 350px !important; aspect-ratio: 4 / 5 !important; } body.agorgi-site-active .agp-page .agorgi-project-artworks-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px 16px !important; max-width: 1240px !important; margin: 10px auto 0 !important; } body.agorgi-site-active .agp-page .agorgi-project-artwork-card__media, body.agorgi-site-active .agp-page .agorgi-gallery-artwork-card__media { max-height: 215px !important; aspect-ratio: 1.55 / 1 !important; } body.agorgi-site-active .agp-page .agorgi-project-artists-grid, body.agorgi-site-active .agp-page .agorgi-artist-related-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 270px)) !important; justify-content: center !important; gap: 20px 16px !important; max-width: 1200px !important; margin-right: auto !important; margin-left: auto !important; } body.agorgi-site-active .agp-page .agorgi-project-artist-card__media, body.agorgi-site-active .agp-page .agorgi-gallery-artist-card__media { max-height: 340px !important; } @media (max-width: 1024px) { body.agorgi-site-active .agp-page .agorgi-project-artworks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 760px !important; } } @media (max-width: 760px) { body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 14px !important; max-width: 640px !important; margin-right: auto !important; margin-left: auto !important; } body.agorgi-site-active .agp-page .agp-card--artiste { max-width: 100% !important; } body.agorgi-site-active .agp-page .agp-card--artiste .agp-card__media { max-height: 320px !important; } body.agorgi-site-active .agp-page .agorgi-project-artworks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 12px !important; } } @media (max-width: 520px) { body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid { grid-template-columns: minmax(0, 290px) !important; justify-content: center !important; } body.agorgi-site-active .agp-page .agorgi-project-artworks-grid { grid-template-columns: minmax(0, 1fr) !important; max-width: 380px !important; } } /* Les relations d’exposition sont rendues par le kit du site, parfois hors de .agp-page. */ body.agorgi-site-active .agorgi-project-artworks-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px 16px !important; max-width: 1240px !important; margin: 10px auto 0 !important; } body.agorgi-site-active .agorgi-project-artwork-card__media, body.agorgi-site-active .agorgi-gallery-artwork-card__media { max-height: 215px !important; aspect-ratio: 1.55 / 1 !important; } body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 270px)) !important; justify-content: center !important; gap: 20px 16px !important; max-width: 1200px !important; margin-right: auto !important; margin-left: auto !important; } body.agorgi-site-active .agorgi-project-artist-card__media, body.agorgi-site-active .agorgi-gallery-artist-card__media { max-height: 340px !important; } @media (max-width: 1024px) { body.agorgi-site-active .agorgi-project-artworks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 760px !important; } } @media (max-width: 760px) { body.agorgi-site-active .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 14px !important; max-width: 640px !important; margin-right: auto !important; margin-left: auto !important; } body.agorgi-site-active .agorgi-project-artworks-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 12px !important; } } @media (max-width: 520px) { body.agorgi-site-active .agorgi-correction-compact-artist-grid { grid-template-columns: minmax(0, 290px) !important; justify-content: center !important; } body.agorgi-site-active .agorgi-project-artworks-grid { grid-template-columns: minmax(0, 1fr) !important; max-width: 380px !important; } } @media (min-width: 761px) { body.agorgi-site-active .agp-card--artiste { width: 100% !important; max-width: 290px !important; justify-self: center !important; } } body.agorgi-site-active .agp-card--artiste .agp-card__media { max-height: 350px !important; aspect-ratio: 4 / 5 !important; } @media (max-width: 760px) { body.agorgi-site-active .agp-card--artiste { max-width: 100% !important; } body.agorgi-site-active .agp-card--artiste .agp-card__media { max-height: 320px !important; } } /* 1.0.6 : titres plus délicats et blocs d'images moins imposants. */ body.agorgi-site-active .entry-content .agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page .agorgi-correction-delicate-heading, body.agorgi-site-active .agorgi-managed-content .agorgi-correction-delicate-heading { color: #171717 !important; font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; letter-spacing: .012em !important; line-height: 1.14 !important; border: 0 !important; padding-bottom: 0 !important; text-decoration: none !important; } body.agorgi-site-active .entry-content h1.agorgi-correction-delicate-heading, body.agorgi-site-active .entry-content .entry-title.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page h1.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page .agp-page-title.agorgi-correction-delicate-heading { font-size: clamp(28px, 2.8vw, 36px) !important; } body.agorgi-site-active .entry-content h2.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page h2.agorgi-correction-delicate-heading { font-size: clamp(24px, 2.35vw, 31px) !important; } body.agorgi-site-active .entry-content h3.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page h3.agorgi-correction-delicate-heading { font-size: clamp(20px, 1.9vw, 26px) !important; } body.agorgi-site-active .entry-content h4.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page h4.agorgi-correction-delicate-heading { font-size: 18px !important; } body.agorgi-site-active .agorgi-correction-delicate-title { font-size: clamp(27px, 2.65vw, 35px) !important; font-weight: 300 !important; letter-spacing: .008em !important; } body.agorgi-site-active.single .entry-content h1.agorgi-correction-delicate-heading, body.agorgi-site-active.single .entry-content h2.agorgi-correction-delicate-heading, body.agorgi-site-active.single .entry-content h3.agorgi-correction-delicate-heading { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; letter-spacing: .012em !important; border: 0 !important; padding-bottom: 0 !important; text-decoration: none !important; } /* Réduction directe des cartes de travaux et d'artistes, indépendamment du nom du conteneur. */ body.agorgi-site-active .agorgi-project-artwork-card, body.agorgi-site-active .agorgi-gallery-artwork-card { width: 100% !important; max-width: 270px !important; justify-self: center !important; } body.agorgi-site-active .agorgi-project-artwork-card__media, body.agorgi-site-active .agorgi-gallery-artwork-card__media { width: 100% !important; max-height: 190px !important; aspect-ratio: 1.55 / 1 !important; background: #f6f5f2 !important; } body.agorgi-site-active .agorgi-project-artwork-card__media img, body.agorgi-site-active .agorgi-gallery-artwork-card__media img { object-fit: contain !important; } body.agorgi-site-active .agorgi-project-artist-card, body.agorgi-site-active .agorgi-gallery-artist-card { width: 100% !important; max-width: 270px !important; justify-self: center !important; } body.agorgi-site-active .agorgi-project-artist-card__media, body.agorgi-site-active .agorgi-gallery-artist-card__media { max-height: 330px !important; } body.agorgi-site-active .agorgi-project-artwork-card__title, body.agorgi-site-active .agorgi-gallery-artwork-card__title, body.agorgi-site-active .agorgi-project-artist-card__name, body.agorgi-site-active .agorgi-gallery-artist-card__name { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 10.5px !important; font-weight: 400 !important; letter-spacing: .045em !important; line-height: 1.4 !important; } body.agorgi-site-active .agorgi-project-artwork-card__meta, body.agorgi-site-active .agorgi-gallery-artwork-card__meta { font-size: 11.5px !important; line-height: 1.45 !important; } body.agorgi-site-active .agp-card--artiste { max-width: 270px !important; justify-self: center !important; } body.agorgi-site-active .agp-card--artiste .agp-card__media { max-height: 335px !important; } body.agorgi-site-active .agorgi-project-artworks-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 270px)) !important; justify-content: center !important; gap: 22px 16px !important; max-width: 1180px !important; margin-right: auto !important; margin-left: auto !important; } @media (max-width: 760px) { body.agorgi-site-active .agorgi-project-artwork-card, body.agorgi-site-active .agorgi-gallery-artwork-card, body.agorgi-site-active .agorgi-project-artist-card, body.agorgi-site-active .agorgi-gallery-artist-card, body.agorgi-site-active .agp-card--artiste { max-width: min(100%, 300px) !important; } body.agorgi-site-active .agorgi-project-artwork-card__media, body.agorgi-site-active .agorgi-gallery-artwork-card__media { max-height: 190px !important; } body.agorgi-site-active .agorgi-project-artworks-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 270px)) !important; gap: 18px 12px !important; } } @media (max-width: 520px) { body.agorgi-site-active .agorgi-project-artworks-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid { grid-template-columns: minmax(0, 300px) !important; justify-content: center !important; } } /* 1.0.7 : aligner le bloc artiste sur son titre, alléger les titres et stabiliser le menu mobile. */ /* Les sélecteurs répètent .agp-page pour dépasser les règles centrantes antérieures du kit. */ body.agorgi-site-active .agp-page .agorgi-project-artists-grid, body.agorgi-site-active .agp-page .agorgi-artist-related-grid, body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid, body.agorgi-site-active .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 270px)) !important; justify-content: flex-start !important; justify-items: start !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.agorgi-site-active .agp-page .agorgi-project-artists-grid > *, body.agorgi-site-active .agp-page .agorgi-artist-related-grid > *, body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid > *, body.agorgi-site-active .agorgi-project-artists-grid > *, body.agorgi-site-active .agorgi-artist-related-grid > *, body.agorgi-site-active .agorgi-correction-compact-artist-grid > *, body.agorgi-site-active .agp-page .agorgi-project-artist-card, body.agorgi-site-active .agp-page .agorgi-gallery-artist-card, body.agorgi-site-active .agp-page .agp-card--artiste, body.agorgi-site-active .agorgi-project-artist-card, body.agorgi-site-active .agorgi-gallery-artist-card, body.agorgi-site-active .agp-card--artiste { max-width: 270px !important; justify-self: start !important; margin-left: 0 !important; } body.agorgi-site-active .agp-page .agorgi-project-artist-card__media, body.agorgi-site-active .agp-page .agorgi-gallery-artist-card__media, body.agorgi-site-active .agp-page .agp-card--artiste .agp-card__media, body.agorgi-site-active .agorgi-project-artist-card__media, body.agorgi-site-active .agorgi-gallery-artist-card__media, body.agorgi-site-active .agp-card--artiste .agp-card__media { max-height: 330px !important; } /* Headings marked on every managed page, including the home page; main titles remain visible. */ body.agorgi-site-active .agorgi-correction-delicate-heading { font-weight: 300 !important; letter-spacing: .005em !important; line-height: 1.16 !important; } body.agorgi-site-active h1.agorgi-correction-delicate-heading { font-size: clamp(24px, 2.1vw, 30px) !important; } body.agorgi-site-active h2.agorgi-correction-delicate-heading { font-size: clamp(20px, 1.7vw, 25px) !important; } body.agorgi-site-active h3.agorgi-correction-delicate-heading { font-size: clamp(18px, 1.45vw, 21px) !important; } body.agorgi-site-active h4.agorgi-correction-delicate-heading { font-size: 17px !important; } body.agorgi-site-active h5.agorgi-correction-delicate-heading { font-size: 16px !important; } body.agorgi-site-active h6.agorgi-correction-delicate-heading { font-size: 15px !important; } body.agorgi-site-active .entry-title.agorgi-correction-delicate-heading, body.agorgi-site-active .agp-page-title.agorgi-correction-delicate-heading, body.agorgi-site-active .agorgi-page-title.agorgi-correction-delicate-heading, body.agorgi-site-active .agorgi-project-section-heading.agorgi-correction-delicate-heading, body.agorgi-site-active .agorgi-correction-delicate-title { font-size: clamp(23px, 2vw, 28px) !important; font-weight: 300 !important; } body.agorgi-site-active .agp-hero__title { font-size: clamp(18px, 1.8vw, 24px) !important; font-weight: 300 !important; } body.agorgi-site-active .agorgi-correction-feature-card .agorgi-card-title, body.agorgi-site-active .agorgi-correction-feature-card .agp-card__title { font-size: clamp(16px, 1.45vw, 20px) !important; font-weight: 300 !important; } /* Le panneau mobile est détaché du header sticky et couvre bien le viewport quand ouvert. */ body.agorgi-menu-open .agorgi-site-header { transform: none !important; pointer-events: auto !important; } body.agorgi-menu-open .agorgi-mobile-menu { position: fixed !important; inset: 0 !important; z-index: 100001 !important; display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } @media (max-width: 760px) { body.agorgi-site-active .agp-page .agorgi-project-artists-grid, body.agorgi-site-active .agp-page .agorgi-artist-related-grid, body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid, body.agorgi-site-active .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 270px)) !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.agorgi-site-active .agp-page .agorgi-project-artists-grid > *, body.agorgi-site-active .agp-page .agorgi-artist-related-grid > *, body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid > *, body.agorgi-site-active .agp-page .agorgi-project-artist-card, body.agorgi-site-active .agp-page .agorgi-gallery-artist-card, body.agorgi-site-active .agp-page .agp-card--artiste { max-width: min(100%, 270px) !important; } } @media (max-width: 520px) { body.agorgi-site-active .agp-page .agorgi-project-artists-grid, body.agorgi-site-active .agp-page .agorgi-artist-related-grid, body.agorgi-site-active .agp-page .agorgi-correction-compact-artist-grid, body.agorgi-site-active .agorgi-project-artists-grid, body.agorgi-site-active .agorgi-artist-related-grid, body.agorgi-site-active .agorgi-correction-compact-artist-grid { grid-template-columns: minmax(0, 270px) !important; justify-content: flex-start !important; } } /* 1.0.8 : échelle typographique unique et plus légère sur tout le site (y compris les archives). */ body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content, .agorgi-site-header) :is( h1, h2, h3, h4, h5, h6, .entry-title, .ast-archive-title, .agp-page-title, .agorgi-page-title, .agorgi-section-title, .agp-section__title, .agorgi-project-section-heading, .agorgi-card-title, .agp-card__title, .agorgi-gallery-artwork-card__title, .agorgi-gallery-event-card__title, .agorgi-project-artwork-card__title, .agorgi-project-artist-card__name, .agorgi-gallery-artist-card__name, .caption-title, .agp-hero__title ), body.agorgi-site-active :is(h1, h2, h3, h4, h5, h6, .entry-title, .ast-archive-title, .agp-page-title, .agorgi-page-title, .agorgi-section-title, .agp-section__title, .agorgi-project-section-heading, .agorgi-card-title, .agp-card__title, .agorgi-gallery-artwork-card__title, .agorgi-gallery-event-card__title, .agorgi-project-artwork-card__title, .agorgi-project-artist-card__name, .agorgi-gallery-artist-card__name, .caption-title, .agp-hero__title) { font-family: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-style: normal !important; letter-spacing: .015em !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) :is(h1, .entry-title, .ast-archive-title, .agp-page-title, .agorgi-page-title) { font-size: clamp(24px, 2vw, 30px) !important; line-height: 1.14 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) h2 { font-size: clamp(20px, 1.6vw, 24px) !important; line-height: 1.18 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) h3 { font-size: clamp(18px, 1.4vw, 21px) !important; line-height: 1.22 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) h4 { font-size: 18px !important; line-height: 1.24 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) h5 { font-size: 16px !important; line-height: 1.28 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) h6 { font-size: 15px !important; line-height: 1.3 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) :is(.agorgi-section-title, .agp-section__title) { font-size: 15px !important; line-height: 1.3 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) .agorgi-project-section-heading { font-size: 18px !important; line-height: 1.22 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) :is(.agorgi-card-title, .agp-card__title) { font-size: clamp(16px, 1.15vw, 18px) !important; line-height: 1.25 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) :is( .agorgi-gallery-artwork-card__title, .agorgi-gallery-event-card__title, .agorgi-project-artwork-card__title, .agorgi-project-artist-card__name, .agorgi-gallery-artist-card__name ) { font-size: 15px !important; line-height: 1.3 !important; } body.agorgi-site-active :is(#page, .site-content, .ast-container, .agorgi-managed-content, .agp-page, .entry-content) :is(.caption-title, .agp-hero__title) { font-size: clamp(19px, 1.7vw, 23px) !important; line-height: 1.2 !important; } /* 1.0.8 : normalisation des dates de fiches en jour numérique, mois écrit, année numérique. */ /* 1.0.12 : compatibilité conservée pour le balisage du snippet WPCode (.agorgi-artist) et son éventuel CPT post_type_6ab7a7e9d3cb7; la fiche live Agorgi V2 est ciblée plus bas. */ body.agorgi-site-active #page .agorgi-artist .agorgi-artist-infos, body.single #page .agorgi-artist .agorgi-artist-infos, .agorgi-artist .agorgi-artist-infos, .agorgi-artist-infos { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px 42px !important; width: 100% !important; max-width: 900px !important; margin: 30px 0 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; font-family: var(--ag-font, 'Helvetica Neue'), Helvetica, Arial, sans-serif !important; } .agorgi-artist .agorgi-artist-infos::before, .agorgi-artist .agorgi-artist-infos::after, .agorgi-artist .agorgi-artist-infos hr, .agorgi-artist hr, article.type-artist hr { display: none !important; border: 0 !important; content: none !important; } body.agorgi-site-active #page .agorgi-artist .agorgi-artist-infos > *, body.single #page .agorgi-artist .agorgi-artist-infos > *, .agorgi-artist .agorgi-artist-infos > *, .agorgi-artist .agorgi-artist-infos p, .agorgi-artist-infos p { min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #303030 !important; font-family: var(--ag-font, 'Helvetica Neue'), Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 300 !important; line-height: 1.5 !important; } .agorgi-artist .agorgi-artist-infos strong, .agorgi-artist .agorgi-artist-infos b, .agorgi-artist-infos strong, .agorgi-artist-infos b { display: block !important; margin: 0 0 6px !important; color: #888 !important; font-family: var(--ag-font, 'Helvetica Neue'), Helvetica, Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: .14em !important; line-height: 1.4 !important; text-transform: uppercase !important; } body.agorgi-site-active #page .agorgi-artist :is(h1, h2, h3, h4, h5, h6, .entry-title), body.single #page .agorgi-artist :is(h1, h2, h3, h4, h5, h6, .entry-title), .agorgi-artist :is(h1, h2, h3, h4, h5, h6, .entry-title), body.agorgi-site-active #page .agorgi-artist :is(p, a, li, span, strong, em, small, dt, dd, blockquote, figcaption), body.single #page .agorgi-artist :is(p, a, li, span, strong, em, small, dt, dd, blockquote, figcaption), .agorgi-artist :is(p, a, li, span, strong, em, small, dt, dd, blockquote, figcaption), .agorgi-artist-biographie, .agorgi-artist-related { font-family: var(--ag-font, 'Helvetica Neue'), Helvetica, Arial, sans-serif !important; } body.agorgi-site-active #page .agorgi-artist h1, body.single #page .agorgi-artist h1, .agorgi-artist h1, body.single-post_type_6ab7a7e9d3cb7 #page .entry-title, body.single-artist #page .entry-title { font-size: clamp(25px, 2.1vw, 30px) !important; font-weight: 300 !important; line-height: 1.15 !important; } body.agorgi-site-active #page .agorgi-artist h2, body.single #page .agorgi-artist h2, .agorgi-artist h2, .agorgi-artist .agorgi-artist-biographie h2 { border: 0 !important; padding-bottom: 0 !important; font-size: 18px !important; font-weight: 300 !important; letter-spacing: .08em !important; } body.agorgi-site-active #page .agorgi-artist .agorgi-artist-biographie, body.single #page .agorgi-artist .agorgi-artist-biographie, .agorgi-artist .agorgi-artist-biographie, body.agorgi-site-active #page .agorgi-artist .agorgi-artist-biographie p, body.single #page .agorgi-artist .agorgi-artist-biographie p, .agorgi-artist .agorgi-artist-biographie p { color: #353535 !important; font-size: 16px !important; font-weight: 300 !important; line-height: 1.68 !important; } @media (max-width: 720px) { body.agorgi-site-active #page .agorgi-artist .agorgi-artist-infos, body.single #page .agorgi-artist .agorgi-artist-infos, .agorgi-artist .agorgi-artist-infos { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; } .agorgi-artist .agorgi-artist-biographie, .agorgi-artist .agorgi-artist-biographie p { font-size: 15px !important; } } /* 1.0.13 : corrige le vrai balisage live de la fiche Agorgi V2 (.agp-artiste). */ body.agorgi-site-active .agp-page .agp-artiste .agp-artiste__infos, body.single-artist .agp-page .agp-artiste .agp-artiste__infos, .agp-page--artiste .agp-artiste__infos, .agp-artiste__infos { margin: clamp(32px, 4vw, 50px) 0 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } body.agorgi-site-active .agp-page .agp-artiste .agp-artiste__infos dl, body.single-artist .agp-page .agp-artiste .agp-artiste__infos dl, .agp-artiste__infos dl { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important; gap: 0 32px !important; margin: 0 !important; } body.agorgi-site-active .agp-page .agp-artiste .agp-artiste__infos dl > div, body.single-artist .agp-page .agp-artiste .agp-artiste__infos dl > div, .agp-artiste__infos dl > div { min-width: 0 !important; margin: 0 !important; padding: 13px 18px 13px 0 !important; border: 0 !important; } body.agorgi-site-active .agp-page .agp-artiste .agp-artiste__infos dt, body.single-artist .agp-page .agp-artiste .agp-artiste__infos dt, .agp-artiste__infos dt { margin: 0 0 6px !important; color: var(--agp-grey, #777) !important; font-family: var(--agp-head, 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; font-size: 10.5px !important; font-weight: 400 !important; letter-spacing: .14em !important; line-height: 1.4 !important; text-transform: uppercase !important; } body.agorgi-site-active .agp-page .agp-artiste .agp-artiste__infos dd, body.single-artist .agp-page .agp-artiste .agp-artiste__infos dd, .agp-artiste__infos dd { margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--agp-ink, #222) !important; font-family: var(--agp-head, 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; } .agp-artiste .agp-artiste__infos::before, .agp-artiste .agp-artiste__infos::after, .agp-artiste .agp-artiste__infos hr, .agp-artiste .agp-artiste__infos dl > div::before, .agp-artiste .agp-artiste__infos dl > div::after { display: none !important; border: 0 !important; content: none !important; } body.agorgi-site-active .agp-page .agp-artiste .agorgi-descriptif__title, body.agorgi-site-active .agp-page--artiste .agorgi-descriptif__title, body.single-artist .agp-page .agp-artiste .agorgi-descriptif__title, body.single-artist .agp-page--artiste .agorgi-descriptif__title, .agp-page--artiste .agp-artiste .agorgi-descriptif__title, .agp-page--artiste .agorgi-descriptif__title { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; color: var(--agp-ink, #222) !important; font-family: var(--agp-head, 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: .09em !important; line-height: 1.3 !important; text-transform: uppercase !important; } /* 1.0.18 — Home : actions des deux archives au-dessus d’une liste chronologique unique. */ body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-correction-home-actions { display: flex !important; flex: 0 1 auto !important; align-items: baseline !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 8px 18px !important; margin-left: auto !important; } body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-correction-home-actions .agorgi-section-more, body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-correction-home-actions .agp-section__more { white-space: nowrap !important; } @media (max-width: 760px) { body.agorgi-site-active .agorgi-correction-feature-heading .agorgi-correction-home-actions { width: 100% !important; justify-content: flex-start !important; margin-left: 0 !important; } } /* 1.0.18 — Répertoire EN/FR : utiliser la largeur disponible avec des cartes légèrement plus petites. */ body.agorgi-site-active.page-id-260 .agorgi-grid.cols-3, body.agorgi-site-active.page-id-261 .agorgi-grid.cols-3, body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; justify-content: stretch !important; } body.agorgi-site-active.page-id-260 .agorgi-grid > .agorgi-card, body.agorgi-site-active.page-id-261 .agorgi-grid > .agorgi-card { width: 100% !important; max-width: none !important; justify-self: stretch !important; } @media (min-width: 1441px) { body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 28px 18px !important; } } @media (min-width: 1025px) and (max-width: 1440px) { body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 26px 16px !important; } } @media (min-width: 761px) and (max-width: 1024px) { body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px 14px !important; } } @media (min-width: 361px) and (max-width: 760px) { body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px 12px !important; } } @media (max-width: 360px) { body.agorgi-site-active.page-id-260 .agorgi-grid, body.agorgi-site-active.page-id-261 .agorgi-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; } } /* 1.0.19 — Ciblage explicite du répertoire artistes; la classe est ajoutée au HTML rendu. */ body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; justify-content: stretch !important; } body.agorgi-correction-artist-directory .agorgi-grid > .agorgi-card, body.agorgi-correction-artist-directory .agp-grid > .agp-card, body.agorgi-correction-artist-directory .agp-grid > .agp-card--artiste, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid > * { width: 100% !important; max-width: none !important; justify-self: stretch !important; } body.agorgi-correction-artist-directory .agorgi-card-img, body.agorgi-correction-artist-directory .agp-card__media { max-height: 320px !important; } @media (min-width: 1441px) { body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 26px 16px !important; } } @media (min-width: 1025px) and (max-width: 1440px) { body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px 14px !important; } } @media (min-width: 761px) and (max-width: 1024px) { body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px 13px !important; } } @media (min-width: 361px) and (max-width: 760px) { body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 11px !important; } } @media (max-width: 360px) { body.agorgi-correction-artist-directory .agorgi-grid, body.agorgi-correction-artist-directory .agp-grid, body.agorgi-correction-artist-directory .agorgi-correction-compact-artist-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } } /* 1.0.20 — Répertoire Artists : portée directe par ID de page, pleine largeur et 1 carte par ligne sur téléphone. */ body.page-id-260 #content .ast-container, body.page-id-261 #content .ast-container, body.agorgi-correction-artist-directory #content .ast-container { box-sizing: border-box !important; width: calc(100% - 64px) !important; max-width: 1760px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; } body.page-id-260 #content .agorgi-grid > .agorgi-card, body.page-id-261 #content .agorgi-grid > .agorgi-card, body.page-id-260 #content .agp-grid > .agp-card, body.page-id-261 #content .agp-grid > .agp-card, body.page-id-260 #content .agp-grid > .agp-card--artiste, body.page-id-261 #content .agp-grid > .agp-card--artiste, body.page-id-260 #content .agorgi-gallery-artist-card, body.page-id-261 #content .agorgi-gallery-artist-card, body.page-id-260 #content .agorgi-project-artist-card, body.page-id-261 #content .agorgi-project-artist-card { box-sizing: border-box !important; width: 100% !important; max-width: none !important; min-width: 0 !important; } body.page-id-260 #content .agorgi-card-img, body.page-id-261 #content .agorgi-card-img, body.page-id-260 #content .agp-card__media, body.page-id-261 #content .agp-card__media, body.page-id-260 #content .agorgi-gallery-artist-card__media, body.page-id-261 #content .agorgi-gallery-artist-card__media, body.page-id-260 #content .agorgi-project-artist-card__media, body.page-id-261 #content .agorgi-project-artist-card__media, body.agorgi-correction-artist-directory #content .agorgi-card-img, body.agorgi-correction-artist-directory #content .agp-card__media, body.agorgi-correction-artist-directory #content .agorgi-gallery-artist-card__media, body.agorgi-correction-artist-directory #content .agorgi-project-artist-card__media { max-height: 360px !important; } @media (min-width: 1281px) { body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.page-id-260 #content .agorgi-correction-compact-artist-grid, body.page-id-261 #content .agorgi-correction-compact-artist-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 24px 16px !important; } } @media (min-width: 1025px) and (max-width: 1280px) { body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.page-id-260 #content .agorgi-correction-compact-artist-grid, body.page-id-261 #content .agorgi-correction-compact-artist-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 22px 14px !important; } } @media (min-width: 761px) and (max-width: 1024px) { body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.page-id-260 #content .agorgi-correction-compact-artist-grid, body.page-id-261 #content .agorgi-correction-compact-artist-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px 12px !important; } } @media (min-width: 561px) and (max-width: 760px) { body.page-id-260 #content .ast-container, body.page-id-261 #content .ast-container, body.agorgi-correction-artist-directory #content .ast-container { width: calc(100% - 32px) !important; } body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.page-id-260 #content .agorgi-correction-compact-artist-grid, body.page-id-261 #content .agorgi-correction-compact-artist-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 12px !important; } } @media (max-width: 560px) { body.page-id-260 #content .ast-container, body.page-id-261 #content .ast-container, body.agorgi-correction-artist-directory #content .ast-container { width: calc(100% - 24px) !important; } body.page-id-260 #content .agorgi-grid, body.page-id-261 #content .agorgi-grid, body.page-id-260 #content .agp-grid, body.page-id-261 #content .agp-grid, body.page-id-260 #content .agorgi-project-artists-grid, body.page-id-261 #content .agorgi-project-artists-grid, body.page-id-260 #content .agorgi-artist-related-grid, body.page-id-261 #content .agorgi-artist-related-grid, body.page-id-260 #content .agorgi-correction-compact-artist-grid, body.page-id-261 #content .agorgi-correction-compact-artist-grid, body.agorgi-correction-artist-directory #content .agorgi-grid, body.agorgi-correction-artist-directory #content .agp-grid, body.agorgi-correction-artist-directory #content .agorgi-project-artists-grid, body.agorgi-correction-artist-directory #content .agorgi-artist-related-grid, body.agorgi-correction-artist-directory #content .agorgi-correction-compact-artist-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; } body.page-id-260 #content .agorgi-card-img, body.page-id-261 #content .agorgi-card-img, body.page-id-260 #content .agp-card__media, body.page-id-261 #content .agp-card__media, body.page-id-260 #content .agorgi-gallery-artist-card__media, body.page-id-261 #content .agorgi-gallery-artist-card__media, body.page-id-260 #content .agorgi-project-artist-card__media, body.page-id-261 #content .agorgi-project-artist-card__media, body.agorgi-correction-artist-directory #content .agorgi-card-img, body.agorgi-correction-artist-directory #content .agp-card__media, body.agorgi-correction-artist-directory #content .agorgi-gallery-artist-card__media, body.agorgi-correction-artist-directory #content .agorgi-project-artist-card__media { max-height: 340px !important; } } /* ------------------------------------------------------------------ 1.0.27 — La rangée « Toutes les … » sort de l'en-tête de section Constat sur la page en ligne : les deux liens ne pouvaient pas tenir sur une ligne, le balisage réel étant .agorgi-correction-feature-heading + .agorgi-correction-home-actions. Ils vivent désormais en pied de section, sur leur propre ligne, discrets. Le titre reste seul dans son filet. Rien à faire pour les retirer : voir le filtre documenté dans agorgi-site-corrections.php. ------------------------------------------------------------------ */ .agorgi-correction-feature-heading { flex-wrap: nowrap !important; } /* La rangée, en pied de la liste des cartes (dernier enfant de la section). */ .agorgi-correction-home-actions.agorgi-correction-home-links, .agp-section > .agorgi-correction-home-actions { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; justify-content: flex-end !important; gap: 6px 22px !important; margin: clamp(18px, 2.4vw, 26px) 0 0 !important; padding: 0 !important; width: 100% !important; } .agorgi-correction-home-actions.agorgi-correction-home-links a, .agp-section > .agorgi-correction-home-actions a { color: #9a9a9a !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: .13em !important; line-height: 1.5 !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; border-bottom: 0 !important; transition: color .25s !important; } .agorgi-correction-home-actions.agorgi-correction-home-links a:hover, .agorgi-correction-home-actions.agorgi-correction-home-links a:focus-visible { color: #171717 !important; } @media (max-width: 640px) { .agorgi-correction-home-actions.agorgi-correction-home-links { justify-content: flex-start !important; gap: 4px 18px !important; } /* l'en-tête de section se resserre pour ne plus jamais casser, quel que soit le balisage */ .agorgi-correction-feature-heading .agp-section__title, .agorgi-correction-feature-heading .agorgi-section-title { font-size: 13px !important; letter-spacing: .07em !important; } .agp-wrap { padding-left: 20px; padding-right: 20px; } /* l'aperçu Elementor ne reprend pas le retrait du thème */ } /* ================================================================== 1.0.29 — FICHES EXPOSITION ET FOIRE : LE HÉROS, ENFIN ALIGNÉ Mesures relevées en production sur un écran de 1920 px (COSMOSE, Frieze Abu Dhabi) : l'image ne faisait que 348 px de large contre 856 px de colonne de texte, le titre 316 px de large et 30 px de corps, et les sections du bas n'occupaient que la moitié gauche de l'écran. Cause : la fiche se présente en deux variantes, --droite (image + texte côte à côte) et --bas (image en bandeau puis texte), et un même bloc de grille ne peut pas convenir aux deux. Ici chaque variante a son plan explicite, et les sections du bas sont toujours pleine largeur. ================================================================== */ body.agp-fe-single .agp-page--foire-exposition { --agorgi-fiche-gouttiere: clamp(20px, 3.4vw, 64px); } /* --- Le cadre : pleine largeur, sans passe-partout ni ombre --------- */ body.agp-fe-single #content > .agp-fe-container, body.agp-fe-single .agp-fe-site-content, body.agp-fe-single .ast-container, body.agp-fe-single .ast-article-single, body.agp-fe-single .agp-fe-primary, body.agp-fe-single .agp-fe-main { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } body.agp-fe-single .agp-evenement__wrap { position: relative; } /* Le fil d'Ariane et toutes les parties basses gardent la marge de page. */ body.agp-fe-single .agp-evenement__fil, body.agp-fe-single .agp-evenement__section { padding-left: var(--agorgi-fiche-gouttiere); padding-right: var(--agorgi-fiche-gouttiere); } body.agp-fe-single .agp-evenement__section { margin-left: 0; margin-right: 0; } body.agp-fe-single .agp-evenement__visuel, body.agp-fe-single .agp-evenement__visuel--panoramique, body.agp-fe-single .agp-evenement--bas .agp-evenement__visuel-large .agp-evenement__visuel { padding: 0 !important; background: #0f0f0f !important; box-shadow: none !important; } body.agp-fe-single .agp-evenement__image { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center; } /* ---------- VARIANTE A — image posée à côté du texte (--droite) ---- Grille : image | texte. La colonne de texte est bornée en mesure de lecture, et non plus étirée puis laissée vide. --------------------- */ @media (min-width: 1024px) { body.agp-fe-single .agp-evenement__wrap { display: block; } body.agp-fe-single .agp-evenement__intro, body.agp-fe-single .agp-evenement__intro--droite { display: grid !important; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) !important; align-items: start !important; column-gap: clamp(34px, 4.2vw, 84px) !important; padding: 0 !important; } body.agp-fe-single .agp-evenement__colonne-visuelle { position: relative !important; top: auto !important; max-width: none !important; width: 100% !important; margin: 0 !important; } body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__visuel-large, body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__media-stage { width: 100% !important; max-width: none !important; margin: 0 !important; } /* l'image remplit toute sa colonne : plus de bande blanche sous une affiche */ body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__media-stage { aspect-ratio: auto !important; height: auto !important; max-height: none !important; background: #0f0f0f !important; } body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__image { position: static !important; height: auto !important; max-height: min(88svh, 980px) !important; object-fit: contain !important; } /* la colonne de texte va jusqu'à la marge droite de la page : plus de vide, mais les paragraphes restent bornés à une longueur de lecture confortable. */ body.agp-fe-single .agp-evenement__colonne-texte { max-width: none; padding-top: clamp(2px, .8vw, 14px) !important; } body.agp-fe-single #content #main .agp-evenement__intro .agp-evenement__titre, body.agp-fe-single #content #main .agp-evenement__colonne-texte .agp-evenement__titre, body.agp-fe-single #content #main .agp-evenement__entete .agp-evenement__titre { max-width: 100% !important; font-size: clamp(34px, 3.3vw, 56px) !important; line-height: 1.02 !important; text-wrap: balance; letter-spacing: -.035em !important; text-wrap: balance; } body.agp-fe-single .agp-evenement__date-ligne { margin: 14px 0 0; color: var(--agp-fe-muted); font: 450 11px/1.5 var(--agp-fe-head); letter-spacing: .14em; text-transform: uppercase; } body.agp-fe-single .agp-evenement__ancres { position: relative !important; top: auto !important; margin: 26px 0 30px !important; } body.agp-fe-single .agp-evenement__description, body.agp-fe-single .agp-evenement__texte-long { max-width: 64ch; font-size: 16.5px; line-height: 1.78; } body.agp-fe-single #content #main .agp-evenement__colonne-texte .agp-evenement__infos { width: 100%; } body.agp-fe-single .agp-evenement__colonne-texte .agp-evenement__infos { margin-top: 30px; } /* les sections du bas occupent TOUTE la largeur de la page */ body.agp-fe-single #content #main .agp-evenement__section { width: auto !important; max-width: none !important; } body.agp-fe-single #content #main .agp-evenement__grille, body.agp-fe-single #content #main .agp-evenement__grille--oeuvres, body.agp-fe-single #content #main .agp-grid--artistes { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } /* ---------- VARIANTE B — image en bandeau, texte dessous (--bas) ---- Au-delà de 1024 px le titre et le cartouche se posent SUR l'image ; en dessous, le texte repasse sous l'image, sur blanc. -------------- */ body.agp-fe-single .agp-evenement--bas .agp-evenement__visuel-large { position: relative; width: 100%; margin: 0 0 clamp(24px, 3vw, 42px); } body.agp-fe-single .agp-evenement--bas .agp-evenement__media-stage { aspect-ratio: var(--agp-fe-ratio, 1.7778); height: auto !important; max-height: min(86svh, 880px); } body.agp-fe-single .agp-evenement__apres-visuel { padding: 0 var(--agorgi-fiche-gouttiere) clamp(24px, 3.4vw, 48px); } body.agp-fe-single .agp-evenement__apres-visuel .agp-evenement__titre { max-width: 100%; } @media (min-width: 1024px) { body.agp-fe-single .agp-evenement--bas .agp-evenement__wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 27vw); align-items: end; } body.agp-fe-single .agp-evenement--bas .agp-evenement__fil { grid-column: 1 / -1; grid-row: 1; } body.agp-fe-single .agp-evenement--bas .agp-evenement__visuel-large { grid-column: 1 / -1; grid-row: 2; margin-bottom: 0; } body.agp-fe-single .agp-evenement--bas .agp-evenement__apres-visuel, body.agp-fe-single .agp-evenement--bas .agp-evenement__resume-grid { display: contents; } body.agp-fe-single .agp-evenement--bas .agp-evenement__visuel-large::after { position: absolute; z-index: 2; inset: 0; content: ""; pointer-events: none; background: linear-gradient(to top, rgba(8, 8, 8, .76) 0%, rgba(8, 8, 8, .36) 30%, rgba(8, 8, 8, 0) 62%); } body.agp-fe-single .agp-evenement--bas .agp-evenement__entete { z-index: 3; grid-column: 1; grid-row: 2; align-self: end; padding: 0 0 clamp(26px, 4vw, 56px) var(--agorgi-fiche-gouttiere); } body.agp-fe-single .agp-evenement--bas .agp-evenement__sur-titre { color: rgba(255, 255, 255, .74) !important; } body.agp-fe-single #content .agp-evenement--bas .agp-evenement__entete .agp-evenement__titre { max-width: 24ch; color: #fff !important; font-size: clamp(34px, 3.5vw, 58px) !important; line-height: 1.01 !important; letter-spacing: -.035em !important; } body.agp-fe-single .agp-evenement--bas .agp-evenement__date-ligne { z-index: 3; grid-column: 1; grid-row: 2; align-self: end; display: none; } body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche { position: static; z-index: 3; grid-column: 2; grid-row: 2; align-self: end; justify-self: end; width: 100%; padding: 0 var(--agorgi-fiche-gouttiere) clamp(26px, 4vw, 56px) 0; } body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche .agp-evenement__infos { margin-top: 0; border-top-color: rgba(255, 255, 255, .3); } body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche .agp-evenement__info { border-bottom-color: rgba(255, 255, 255, .22); padding: 9px 0; } body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche dt { color: rgba(255, 255, 255, .62) !important; } body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche dd, body.agp-fe-single .agp-evenement--bas .agp-evenement__cartouche dd a { color: #fff !important; } body.agp-fe-single .agp-evenement--bas .agp-evenement__ancres { grid-column: 1 / -1; grid-row: 3; margin-top: 28px !important; } body.agp-fe-single .agp-evenement--bas .agp-evenement__description { grid-column: 1 / -1; grid-row: 4; max-width: 72ch; } /* les sections (œuvres, vues d'installation, artistes) traversent les deux colonnes */ body.agp-fe-single .agp-evenement--bas .agp-evenement__section { grid-column: 1 / -1; } } /* ---------- Téléphone et tablette ---------------------------------- */ @media (max-width: 1023px) { body.agp-fe-single .agp-evenement__intro, body.agp-fe-single .agp-evenement__intro--droite { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; } body.agp-fe-single .agp-evenement__colonne-visuelle { position: static !important; max-width: none !important; margin: 0 !important; } body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__media-stage, body.agp-fe-single .agp-evenement__media-stage { aspect-ratio: auto !important; height: auto !important; max-height: none !important; } body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__image, body.agp-fe-single .agp-evenement__image { position: static !important; height: auto !important; max-height: 76svh !important; object-fit: contain !important; } body.agp-fe-single #content .agp-evenement__titre, body.agp-fe-single #content .agp-evenement__entete .agp-evenement__titre, body.agp-fe-single #content .agp-evenement__apres-visuel .agp-evenement__titre { max-width: 100% !important; font-size: clamp(25px, 7.2vw, 38px) !important; line-height: 1.06 !important; letter-spacing: -.03em !important; } body.agp-fe-single .agp-evenement__apres-visuel { padding-left: var(--agorgi-fiche-gouttiere); padding-right: var(--agorgi-fiche-gouttiere); } body.agp-fe-single .agp-evenement__resume-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; margin-top: 18px !important; } body.agp-fe-single .agp-evenement__cartouche { position: static !important; padding-top: 0 !important; } body.agp-fe-single .agp-evenement__cartouche .agp-evenement__infos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(16px, 4vw, 32px); margin-top: 0; border-top: 1px solid var(--agp-fe-rule); } body.agp-fe-single .agp-evenement__info { grid-template-columns: minmax(0, 1fr) !important; gap: 3px; padding: 11px 0; } body.agp-fe-single #content #main .agp-evenement__grille, body.agp-fe-single .agp-evenement__grille--oeuvres { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 12px !important; } } @media (max-width: 420px) { body.agp-fe-single .agp-evenement__cartouche .agp-evenement__infos { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { body.agp-fe-single .agp-evenement__section .agp-reveal { opacity: 1 !important; transform: none !important; } } /* ================================================================== 1.0.29 — RÉPERTOIRE ARTISTES : DES VIGNETTES PLUS FINES (PC) Mesure à 1920 px : des cartes de 299 × 422 px en 5 colonnes, soit des visuels de 374 px de haut — trop massifs sur un grand écran. La grille passe à 6 colonnes et les visuels à un format 3/4. ================================================================== */ @media (min-width: 1500px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes, body.page-id-260 #content .agp-grid--artistes, body.page-id-261 #content .agp-grid--artistes { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 26px 16px !important; } } @media (min-width: 1200px) and (max-width: 1499px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes, body.page-id-260 #content .agp-grid--artistes, body.page-id-261 #content .agp-grid--artistes { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 24px 15px !important; } } @media (min-width: 900px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes .agp-card--artiste .agp-card__media, body.page-id-260 #content .agp-grid--artistes .agp-card--artiste .agp-card__media, body.page-id-261 #content .agp-grid--artistes .agp-card--artiste .agp-card__media { aspect-ratio: 3 / 4 !important; max-height: none !important; height: auto !important; } body.agorgi-correction-artist-directory #content .agp-grid--artistes .agp-card--artiste .agp-card__title, body.page-id-260 #content .agp-grid--artistes .agp-card--artiste .agp-card__title, body.page-id-261 #content .agp-grid--artistes .agp-card--artiste .agp-card__title { font-size: 12.5px !important; letter-spacing: .02em !important; } } /* ================================================================== 1.0.29 — VISIONNEUSE (lightbox) DES FICHES : SOBRE ET LISIBLE Relevé en production : le bouton de fermeture héritait du bleu des boutons du thème, le fond laissait voir la page par transparence, et l'image restait dans un cadre plus petit que l'écran. ================================================================== */ body.agp-fe-single .agp-fe-lightbox { width: min(96vw, 1680px) !important; max-width: 96vw !important; height: min(94vh, 1180px) !important; max-height: 94vh !important; color: #fff !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.agp-fe-single .agp-fe-lightbox::backdrop { background: #0a0a0a !important; opacity: 1 !important; } body.agp-fe-single .agp-fe-lightbox__inner { padding: clamp(48px, 6vw, 76px) clamp(50px, 7vw, 96px) 46px !important; } body.agp-fe-single .agp-fe-lightbox__image { width: 100% !important; height: 100% !important; object-fit: contain !important; } body.agp-fe-single .agp-fe-lightbox__caption { bottom: 10px !important; max-width: 74ch !important; color: rgba(255, 255, 255, .72) !important; font: 400 10px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; font-style: normal !important; } /* boutons : ni bleu du thème, ni ombre — un cercle fin, blanc */ body.agp-fe-single .agp-fe-lightbox__close, body.agp-fe-single .agp-fe-lightbox__nav { width: 42px !important; height: 42px !important; border: 1px solid rgba(255, 255, 255, .42) !important; border-radius: 50% !important; background: rgba(255, 255, 255, .04) !important; color: #fff !important; box-shadow: none !important; text-shadow: none !important; font: 300 20px/1 'Helvetica Neue', Helvetica, Arial, sans-serif !important; transition: background .22s, border-color .22s !important; } body.agp-fe-single .agp-fe-lightbox__close:hover, body.agp-fe-single .agp-fe-lightbox__nav:hover { background: rgba(255, 255, 255, .14) !important; border-color: #fff !important; } body.agp-fe-single .agp-fe-lightbox__close { top: 12px !important; right: 14px !important; font-size: 22px !important; } body.agp-fe-single .agp-fe-lightbox__nav--prev { left: 6px !important; } body.agp-fe-single .agp-fe-lightbox__nav--next { right: 6px !important; } body.agp-fe-lightbox-open { overflow: hidden !important; } /* ================================================================== 1.0.29 — ŒUVRES ET ARTISTES EN BAS DE FICHE : FINITION Le passe-partout gris clair des cartes jurait avec le blanc de la page et les légendes manquaient de hiérarchie. Cadre plus discret, légende resserrée, grille centrée et jamais plus large que la colonne de texte. ================================================================== */ body.agp-fe-single #content #main .agp-evenement__grille { max-width: 1680px; margin-left: auto; margin-right: auto; column-gap: clamp(16px, 1.6vw, 30px) !important; row-gap: clamp(22px, 2.2vw, 38px) !important; } body.agp-fe-single #content #main .agp-evenement__grille .agp-card__media { background: #f7f7f6 !important; box-shadow: none !important; } body.agp-fe-single #content #main .agp-evenement__grille .agp-card__img { padding: 4% !important; } body.agp-fe-single #content #main .agp-evenement__grille .agp-card__body { padding-top: 11px !important; } body.agp-fe-single #content #main .agp-evenement__grille .agp-card__title { color: #141414 !important; font-size: 12.5px !important; font-weight: 500 !important; letter-spacing: .055em !important; line-height: 1.35 !important; text-transform: uppercase; } body.agp-fe-single #content #main .agp-evenement__grille .agp-card__meta { margin-top: 5px !important; color: #8b8b8b !important; font-size: 11px !important; letter-spacing: .02em !important; font-style: normal !important; } body.agp-fe-single #content #main .agp-evenement__grille--artistes .agp-card__media--artiste { aspect-ratio: 4 / 5 !important; } body.agp-fe-single #content #main .agp-evenement__section .agp-section__head { margin-bottom: clamp(20px, 2vw, 30px) !important; padding-bottom: 10px !important; border-bottom: 1px solid #171717 !important; } body.agp-fe-single #content #main .agp-evenement__section h2 { margin: 0 !important; font-size: clamp(15px, 1.15vw, 19px) !important; font-weight: 400 !important; letter-spacing: .1em !important; text-transform: uppercase !important; } /* ================================================================== 1.0.30 — RÉPERTOIRE ARTISTES : FOND CLAIR, VIGNETTES NON RECADRÉES, NOM SEUL Demandes du 12/11, mesurées sur /artists/ à 1920 px : ① le fond doit rester blanc, tout au plus un gris très clair ; ② les blocs image doivent être plus petits SANS réduire les images ; ③ la nationalité sous le nom doit disparaître ; ④ la fiche artiste ne garde que le nom (plus de « Tunisien, b. 1962 »). Ce que la mesure a montré : le fond de la page est déjà blanc (body, #page, #content = rgb(255,255,255)) ; ce qui fait des blocs noirs, ce sont les PHOTOS elles-mêmes, et elles sont recadrées — object-fit: cover rogne les œuvres (Aya Ben Amor : image 288×281 étirée dans une boîte 288×360). On les passe donc en « contain » sur un mat gris très clair : l'image entière reste visible, la boîte rétrécit, plus de noir. ================================================================== */ /* ① fond de page et conteneurs : blanc franc */ body.agorgi-correction-artist-directory, body.agorgi-correction-artist-directory #page, body.agorgi-correction-artist-directory #content, body.agorgi-correction-artist-directory .site-content, body.agorgi-correction-artist-directory .ast-container, body.agorgi-correction-artist-directory .agorgi-managed-content, body.agorgi-correction-artist-directory .agp-page { background: #faf9f8 !important; background-image: none !important; background-color: #ffffff !important; } /* ② vignettes plus petites MAIS REMPLIES : l'image occupe toute la boîte, cadrée sur le sujet (visage dans le tiers haut), sans bandes vides. Le recadrage reste modéré : 7 colonnes et une boîte peu haute. */ @media (min-width: 1500px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes, body.page-id-260 #content .agp-grid--artistes, body.page-id-261 #content .agp-grid--artistes { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: 24px 14px !important; } } @media (min-width: 1200px) and (max-width: 1499px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes, body.page-id-260 #content .agp-grid--artistes, body.page-id-261 #content .agp-grid--artistes { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 22px 13px !important; } } @media (min-width: 900px) { body.agorgi-correction-artist-directory #content .agp-grid--artistes .agp-card--artiste .agp-card__media, body.page-id-260 #content .agp-grid--artistes .agp-card--artiste .agp-card__media, body.page-id-261 #content .agp-grid--artistes .agp-card--artiste .agp-card__media { aspect-ratio: 1 / 1 !important; /* boîte carrée : peu de perte pour les photos en paysage */ height: auto !important; max-height: 260px !important; /* bloc plus petit, comme demandé */ background: #f1f0ee !important; /* gris très clair type papier, jamais noir */ } /* l'image remplit la boîte et se cale sur le sujet (visage dans le haut) */ body.agorgi-correction-artist-directory #content .agp-grid--artistes .agp-card--artiste .agp-card__img, body.page-id-260 #content .agp-grid--artistes .agp-card--artiste .agp-card__img, body.page-id-261 #content .agp-grid--artistes .agp-card--artiste .agp-card__img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 24% !important; } } @media (max-width: 899px) { body.agorgi-correction-artist-directory .agp-grid--artistes .agp-card--artiste .agp-card__img, body.page-id-260 .agp-grid--artistes .agp-card--artiste .agp-card__img, body.page-id-261 .agp-grid--artistes .agp-card--artiste .agp-card__img { object-fit: cover !important; object-position: 50% 22% !important; } } /* ③ la nationalité sous le nom : retirée partout où elle apparaît */ body.agorgi-correction-artist-directory .agp-grid--artistes .agp-card__sub, body.page-id-260 .agp-grid--artistes .agp-card__sub, body.page-id-261 .agp-grid--artistes .agp-card__sub, .agp-grid--artistes .agp-card--artiste .agp-card__meta, .agp-grid--artistes .agp-card--artiste .agp-card__nationalite, .agp-grid--artistes .agp-card--artiste [class*="nationalite"], .agp-grid--artistes .agp-card--artiste [class*="nationality"] { display: none !important; } /* ④ fiche artiste : le nom seul */ body.agp-fe-single .agp-artiste__ligne, body.single-artist .agp-artiste__ligne, body.agp-geree--fiche-artiste .agp-artiste__ligne { display: none !important; } /* ================================================================== 1.0.30 — FICHES EXPOSITION / FOIRE : AGRANDIR L'IMAGE DANS LE HÉROS Les affiches sont des visuels verticaux et les images téléversées n'existent qu'en petite taille (COSMOSE : 288 px de haut dans une boîte de 360 px). On ne peut pas agrandir une image au-delà de sa définition sans la flouter ; en revanche on peut lui DONNER TOUTE LA PLACE : la colonne visuelle passe à 55 % et l'image n'est plus contrainte par une hauteur maximale. ================================================================== */ @media (min-width: 1024px) { body.agp-fe-single .agp-evenement__intro, body.agp-fe-single .agp-evenement__intro--droite { grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr) !important; } body.agp-fe-single .agp-evenement__colonne-visuelle .agp-evenement__image { width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; } body.agp-fe-single .agp-evenement__colonne-texte { max-width: 58ch; } } /* ========================================================================== 1.0.32 — FICHES EXPOSITION : RETRAIT DES INTER TITRES, PAGE ŒUVRE, LANGUE ========================================================================== */ /* ① « The text », « The selection », « The voices » : ces intertitres annonçaient le titre qui suit. Le titre reste, l'intertitre disparaît. Règle valable pour toutes les fiches, colonne de droite comme pleine largeur. */ body.agp-fe-single .agp-evenement__section-kicker, body.agp-geree .agp-evenement__section-kicker { display: none !important; } /* la tête de section garde sa ligne, mais sans le vide laissé par le kicker */ body.agp-fe-single .agp-page--foire-exposition .agp-section__head, body.agp-geree .agp-page--foire-exposition .agp-section__head { padding-top: 18px !important; } body.agp-fe-single .agp-page--foire-exposition .agp-section__head h2, body.agp-geree .agp-page--foire-exposition .agp-section__head h2 { margin-top: 0 !important; } /* ② PAGE ŒUVRE : plus aucun fond noir derrière l'image. L'image est posée sur le gris papier ; si le fichier contient encore du noir, le cadre reste clair au lieu de faire un bloc sombre. */ body.single-artwork .agorgi-artwork-image, body.single-artwork .agorgi-artwork-image img { background: #f1f0ee !important; } body.single-artwork .agorgi-artwork-image { padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* ③ LA LIGNE NOIRE SOUS LA TÊTE DE SECTION EST SUPPRIMÉE (demande explicite) : il ne reste que le titre, sans trait de séparation. */ html body.agp-fe-single .agp-page.agp-page--foire-exposition .agp-section__head, html body.agp-fe-single .agp-page.agp-page--foire-exposition .agp-section__head, html body.agp-geree .agp-page.agp-page--foire-exposition .agp-section__head, body.agp-fe-single.agp-page--foire-exposition #content #main .agp-section__head { border-bottom: 0 none transparent !important; border-bottom-width: 0 !important; box-shadow: none !important; background-image: none !important; } /* ③ bis LE TEXTE COMMENCE SOUS LE TITRE, plus en retrait de 24 % : il restait un grand vide à gauche et une colonne étroite à droite. */ body.agp-fe-single .agp-evenement__texte-long, body.agp-geree .agp-evenement__texte-long { margin-left: 0 !important; max-width: 74ch !important; } /* ④ RÉSERVE DE LANGUE : les fiches n'existent qu'en anglais aujourd'hui. Si une fiche traduite est publiée sous /fr/, ces règles ne changent rien ; elles évitent seulement que les libellés d'interface restent en anglais. */ html[lang^="fr"] body.agp-fe-single .agp-evenement__sur-titre[data-libelle="exhibition"]::after { content: "Exposition"; } /* ⑤ LARGEUR PLEINE ET CENTREE — cause du « vide à droite » signalé dès le début. Le plugin des fiches impose margin-left: 0 !important aux conteneurs : la zone de 1560 px reste collée au bord gauche d'un écran de 1920 px, laissant 392 px vides à droite. On rétablit le centrage (la marge automatique ne change rien sur un écran étroit, où les conteneurs sont déjà à 100 %). */ html body.agp-fe-single .site-content > .ast-container, html body.agp-fe-single #content > .agp-fe-container, html body.agp-fe-single .agp-fe-site-content, html body.agp-fe-single .agp-fe-primary, html body.agp-fe-single .agp-fe-main { margin-left: auto !important; margin-right: auto !important; } html body.single-artwork .ast-container, html body.single-artwork .site-content > .ast-container { margin-left: auto !important; margin-right: auto !important; }