.bp-taxonomy-archive {
width: min(100%, 1180px);
margin-inline: auto;
}
.bp-archive-shell,
.bp-archive-hero,
.bp-archive-results-head,
.bp-archive-pagination,
.bp-archive-progress,
.bp-archive-tools {
max-width: 1120px;
margin-inline: auto;
}
.bp-archive-hero {
display: grid;
gap: 12px;
margin-bottom: 1rem;
padding: 1rem;
border-radius: 24px;
background: #ffffff;
border: 1px solid var(--bp-border-soft);
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.bp-archive-eyebrow {
margin: 0;
width: fit-content;
padding: 0.35rem 0.7rem;
border-radius: 999px;
background: var(--bp-bg-info-soft);
color: var(--bp-info);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.bp-archive-lead {
margin: 0;
max-width: 70ch;
color: var(--bp-text-secondary);
font-size: 1rem;
line-height: 1.5;
}
.bp-archive-kpis {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.bp-archive-kpi {
display: grid;
gap: 4px;
padding: 0.85rem 0.9rem;
border-radius: 18px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e2e8f0;
color: var(--bp-text-secondary);
font-size: 0.88rem;
line-height: 1.35;
}
.bp-archive-kpi strong {
color: var(--bp-info);
font-size: 1rem;
}
.bp-archive-hero h1 {
margin: 0;
max-width: 18ch;
color: var(--bp-text);
font-size: clamp(1.7rem, 4vw, 3.25rem);
line-height: 0.98;
letter-spacing: -0.03em;
}
.bp-archive-hero--compact {
gap: 8px;
padding: 0.8rem 1rem;
}
.bp-archive-hero--compact h1 {
max-width: 24ch;
font-size: clamp(1.45rem, 3vw, 2.3rem);
line-height: 1.02;
}
.bp-archive-hero--compact .bp-archive-eyebrow {
padding: 0.28rem 0.6rem;
font-size: 0.68rem;
}
.bp-archive-hero--compact .bp-archive-lead {
max-width: 62ch;
font-size: 0.95rem;
line-height: 1.42;
}
.bp-archive-hero--compact .bp-archive-answer {
max-width: 62ch;
margin: 0;
color: var(--bp-text-secondary);
font-size: 0.88rem;
line-height: 1.4;
}
.bp-archive-hero--compact .bp-archive-kpis {
gap: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bp-archive-hero--compact .bp-archive-kpi {
gap: 2px;
padding: 0.5rem 0.62rem;
border-radius: 14px;
font-size: var(--text-xs);
line-height: 1.28;
}
.bp-archive-hero--compact .bp-archive-kpi strong {
font-size: 0.82rem;
}
.bp-archive-hero--filtered {
gap: 6px;
padding-block: 0.55rem 0.65rem;
}
.bp-archive-hero--filtered .bp-archive-lead {
max-width: 56ch;
font-size: 0.9rem;
line-height: 1.38;
}
.bp-archive-tools {
display: grid;
gap: 0.95rem;
margin-bottom: 1rem;
}
.bp-archive-tools--filtered {
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.bp-archive-progress {
text-align: center;
color: var(--bp-text-soft);
font-size: var(--text-xs);
}
.bp-archive-pagination {
display: flex;
justify-content: center;
}
.bp-archive-loadmore {
display: grid;
justify-items: center;
gap: 10px;
margin: 1rem 0 0;
}
.bp-archive-loadmore__button {
min-width: min(100%, 240px);
}
.bp-archive-loadmore__status {
margin: 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
text-align: center;
}
.bp-archive-context-link {
margin-top: 0.15rem;
padding: 16px 18px;
}
.bp-archive-context-link h2 {
margin: 0 0 6px;
font-size: var(--text-md);
}
.bp-archive-context-link p {
margin: 0;
color: var(--bp-text-secondary);
line-height: 1.55;
}
.bp-archive-context-link a {
color: var(--bp-link);
font-weight: 700;
}
.bp-archive-guide-link {
margin-top: 0.35rem;
padding: 10px 12px;
}
.bp-archive-guide-link h2 {
margin: 0 0 4px;
font-size: 0.88rem;
}
.bp-archive-guide-link p {
margin: 0 0 6px;
color: var(--bp-text-secondary);
font-size: 0.83rem;
line-height: 1.35;
}
.bp-archive-guide-link .bp-btn--row {
display: inline;
min-height: 0;
margin-top: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--bp-link) !important;
font-size: 0.82rem;
line-height: 1.3;
text-decoration: underline !important;
text-underline-offset: 2px;
}
.bp-archive-guide-link .bp-btn--row:hover,
.bp-archive-guide-link .bp-btn--row:focus-visible {
background: transparent;
border-color: transparent;
color: var(--bp-link-dark) !important;
}
.bp-archive-seo-links {
margin-top: 0.9rem;
padding: 10px 12px;
}
.bp-archive-seo-links h2,
.bp-archive-seo-links h3 {
margin: 0;
}
.bp-archive-seo-links h2 {
font-size: var(--text-sm);
}
.bp-archive-seo-links__sections {
display: grid;
gap: 8px;
margin-top: 8px;
}
.bp-archive-seo-links__block {
display: grid;
gap: 5px;
}
.bp-archive-seo-links__block h3 {
font-size: 0.82rem;
color: var(--bp-brand-dark);
}
.bp-archive-seo-links__list {
display: flex;
flex-wrap: wrap;
gap: 5px 6px;
}
.bp-archive-seo-links__list a {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0.24rem 0.5rem;
border-radius: 999px;
background: var(--bp-info-bg);
border: 1px solid var(--bp-border-brand);
color: var(--bp-brand-dark);
font-size: 0.72rem;
font-weight: 700;
line-height: 1.1;
text-decoration: none;
}
.bp-archive-seo-links__list a:hover,
.bp-archive-seo-links__list a:focus-visible {
background: var(--bp-brand-tint);
color: var(--bp-brand-dark);
}
.bp-taxonomy-insight {
margin-top: 0.9rem;
padding: 12px 14px;
}
.bp-taxonomy-insight h2 {
margin: 0 0 6px;
font-size: 0.95rem;
}
.bp-taxonomy-insight__intro {
margin: 0;
color: var(--bp-text-secondary);
font-size: 0.86rem;
line-height: 1.45;
}
.bp-taxonomy-insight__stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 8px;
margin: 10px 0 0;
}
.bp-taxonomy-insight__stat {
display: grid;
gap: 3px;
min-width: 0;
padding: 8px 10px;
border: 1px solid var(--bp-border-soft);
border-radius: 12px;
background: #fff;
}
.bp-taxonomy-insight__stat dt {
margin: 0;
color: var(--bp-text-secondary);
font-size: 0.74rem;
line-height: 1.3;
}
.bp-taxonomy-insight__stat dd {
margin: 0;
color: var(--bp-text);
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
}
.bp-annuaire-results-region {
display: grid;
gap: 0;
}
.bp-annuaire-results-region > * {
transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.bp-annuaire-results-region--loading {
opacity: 0.55;
transition: opacity 0.18s ease;
}
.bp-annuaire-results-region--loading > * {
transform: translateY(6px);
}
.bp-annuaire-results-region--entered > * {
animation: bpAnnuaireResultsEnter 0.24s ease both;
}
@keyframes bpAnnuaireResultsEnter {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.bp-search-results-simple,
.bp-archive-filters {
padding: 1rem;
border-radius: 16px;
background: var(--bp-white);
border: 1px solid var(--bp-border-ann);
box-shadow: var(--shadow-panel);
}
.bp-archive-filters {
background: linear-gradient(180deg, #edf6ff 0%, #e4f0fb 100%);
border-color: #c7dbef;
}
.bp-search-results-simple {
background: linear-gradient(180deg, #fff7ed 0%, #ffefd9 100%);
border-color: #efcfaa;
}
.bp-search-box.bp-box {
margin: 0;
}
.bp-archive-results-head,
.bp-archive-results-head.bp-box {
display: grid;
gap: 8px;
padding: 1.15rem 1.2rem;
border-radius: 16px;
margin: 1.25rem 0 1.5rem;
background: var(--bp-white);
border-color: var(--bp-border-ann);
box-shadow: var(--shadow-panel);
}
.bp-archive-results-head > div {
display: grid;
gap: 6px;
}
.bp-search-box__head {
display: grid;
gap: 6px;
}
.bp-search-box__lead,
.bp-search-results-simple__note,
.bp-archive-results-copy {
margin: 0;
color: var(--bp-text-muted);
font-size: 0.98rem;
line-height: 1.45;
}
.bp-search-box__lead {
max-width: 60ch;
}
.bp-search-box__form {
display: grid;
gap: 1rem;
}
.bp-search-box__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
}
.bp-search-box__row .bp-search-input {
min-width: 0;
}
.bp-search-box__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 52px;
padding-inline: 1rem 1.1rem;
white-space: nowrap;
}
.bp-search-box__meta {
display: grid;
gap: 10px;
}
.bp-search-box--active-filters.bp-box {
padding: 0.95rem 1rem;
}
.bp-search-box--active-filters .bp-search-box__head {
gap: 0;
}
.bp-search-box--active-filters .bp-search-box__form {
gap: 0.8rem;
}
.bp-search-box__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bp-search-box__chips span,
.bp-search-box__chips a {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: var(--bp-info-bg);
border: 1px solid var(--bp-border-brand);
color: var(--bp-brand-dark);
font-size: var(--text-xs);
font-weight: 700;
text-decoration: none;
}
.bp-search-box__chips a:hover,
.bp-search-box__chips a:focus-visible {
background: #fff1e6;
border-color: var(--bp-brand);
color: var(--bp-brand-strong);
}
.bp-search-results-simple {
display: grid;
gap: 12px;
margin-bottom: 1rem;
}
.bp-search-results-simple--empty {
gap: 10px;
padding: 1.15rem 1.2rem;
border-style: dashed;
}
.bp-search-results-simple__eyebrow {
margin: 0;
color: var(--bp-brand-dark);
font-size: var(--text-xs);
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.bp-search-results-simple__tip {
margin: 0;
color: var(--bp-brand-dark);
font-size: var(--text-xs);
line-height: 1.45;
}
.bp-search-results-simple__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
@media (prefers-reduced-motion: reduce) {
.bp-annuaire-results-region > *,
.bp-annuaire-results-region--loading,
.bp-annuaire-results-region--loading > *,
.bp-annuaire-results-region--entered > * {
animation: none !important;
transition: none !important;
transform: none !important;
}
}
.bp-search-results-simple h2,
.bp-search-label,
.bp-archive-results-head h2 {
margin: 0;
color: var(--bp-text);
line-height: 1.15;
font-size: 1.1rem;
}
.bp-lieu-card__title a,
.bp-search-results-simple a {
color: var(--bp-navy);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.14em;
}
.bp-search-results-simple a:hover,
.bp-search-results-simple a:focus-visible,
.bp-lieu-card__title a:hover,
.bp-lieu-card__title a:focus-visible,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-navy-dark);
}
.bp-archive-filters__row {
display: grid;
gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
}
.bp-archive-filters label {
display: block;
margin: 0 0 0.3rem;
color: var(--bp-text-muted);
font-size: 0.86rem;
font-weight: 800;
}
.bp-archive-filters select {
width: 100%;
min-height: 48px;
padding: 0.65rem 0.8rem;
border-radius: 14px;
border: 1px solid #dbe4ee;
background: #fff;
color: var(--bp-text);
font: inherit;
}
.bp-archive-filters__hint {
margin: 0.4rem 0 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
line-height: 1.4;
}
.bp-archive-filters__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.bp-btn--action-primary {
background: var(--bp-orange);
color: #fff !important;
border-color: var(--bp-orange);
text-decoration: none !important;
}
.bp-btn--action-primary:hover,
.bp-btn--action-primary:focus-visible {
background: var(--bp-orange-dark);
color: #fff !important;
border-color: var(--bp-orange-dark);
}
.bp-btn--action-secondary {
background: #fff;
color: var(--bp-blue-dark) !important;
border-color: #bfdbfe;
}
.bp-btn--action-secondary:hover,
.bp-btn--action-secondary:focus-visible {
background: var(--bp-surface-muted);
color: var(--bp-blue-dark) !important;
}
.bp-lieu-card__main {
display: grid;
gap: 12px;
}
.bp-lieu-card__head {
display: grid;
gap: 10px;
}
.bp-lieu-card__head-main {
min-width: 0;
}
.bp-lieu-card__logo {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 134px;
height: 72px;
margin-bottom: 10px;
padding: 8px;
border: 1px solid var(--bp-border-soft);
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}
.bp-lieu-card__logo-img {
display: block;
max-width: 100%;
max-height: 54px;
width: auto;
height: auto;
object-fit: contain;
}
.bp-lieu-card {
grid-template-columns: 1fr;
align-content: start;
height: 100%;
}
.bp-lieu-card__thumb {
aspect-ratio: 4 / 3;
display: grid;
place-items: end center;
overflow: hidden;
background: var(--bp-surface-soft);
border-bottom: 1px solid var(--bp-border-soft);
}
.bp-lieu-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
}
.bp-lieu-card__body {
display: grid;
gap: 10px;
align-content: start;
min-width: 0;
}
.bp-lieu-card__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-width: 100%;
}
.bp-btn--listing-cta {
background: var(--bp-brand) !important;
color: #fff !important;
border-color: var(--bp-brand) !important;
}
.bp-btn--listing-cta:hover,
.bp-btn--listing-cta:focus-visible {
background: var(--bp-brand-dark) !important;
color: #fff !important;
border-color: var(--bp-brand-dark) !important;
}
.bp-lieu-card__summary {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bp-search-results-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 1rem;
padding: 1rem;
border: 1px solid #dbe4ee;
border-radius: 16px;
background: #fff;
box-shadow: var(--shadow-panel);
}
.bp-search-results-cta h2 {
margin: 0;
color: var(--bp-text);
font-size: 1.05rem;
line-height: 1.15;
}
.bp-search-results-cta p {
margin: 0.25rem 0 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
line-height: 1.45;
}
.bp-search-results-cta__button {
flex: 0 0 auto;
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: 1fr;
gap: 16px;
}
.bp-archive-backtotop {
display: flex;
justify-content: center;
margin: 1rem 0 0;
}
.bp-archive-backtotop__link {
min-width: min(100%, 220px);
justify-content: center;
}
@media (max-width: 767px) { .bp-lieu-card__thumb {
aspect-ratio: 4 / 3;
width: 100%;
max-width: none;
max-height: none;
margin-inline: 0;
}
.bp-archive-filters,
.bp-search-results-simple {
padding: 0.9rem;
border-radius: 18px;
}
.bp-archive-hero {
padding: 0.9rem;
border-radius: 18px;
gap: 10px;
}
.bp-archive-hero h1 {
max-width: none;
font-size: clamp(1.85rem, 8vw, 2.45rem);
line-height: 1.02;
}
.bp-archive-hero--compact {
padding: 0.75rem 0.85rem;
}
.bp-archive-hero--compact h1 {
font-size: clamp(1.3rem, 6vw, 1.85rem);
}
.bp-archive-hero--compact .bp-archive-kpis {
grid-template-columns: 1fr;
gap: 6px;
}
.bp-archive-hero--compact .bp-archive-kpi {
padding: 0.5rem 0.6rem;
font-size: var(--text-xs);
}
.bp-archive-results-head {
gap: 6px;
margin-bottom: 0.8rem;
}
.bp-archive-lead {
font-size: 0.98rem;
line-height: 1.55;
}
.bp-archive-kpis {
display: none;
}
.bp-archive-results-head h2,
.bp-search-results-simple h2 {
font-size: 1rem;
}
.bp-search-label {
font-size: 1.02rem;
}
.bp-search-box__row {
grid-template-columns: 1fr;
align-items: stretch;
}
.bp-search-input,
.bp-search-box__submit {
width: 100%;
}
.bp-archive-filters__row {
grid-template-columns: 1fr;
}
.bp-lieu-card {
border-radius: 18px;
}
.bp-lieu-card__body {
padding: 0.75rem 0.95rem 0.95rem;
gap: 8px;
}
.bp-lieu-card__title {
font-size: 1.05rem;
line-height: 1.2;
}
.bp-lieu-card__meta {
font-size: var(--text-sm);
}
.bp-lieu-card__summary {
font-size: var(--text-base);
line-height: 1.52;
}
.bp-lieu-card__facts {
gap: 10px;
}
.bp-lieu-card__facts p {
font-size: var(--text-sm);
line-height: 1.45;
}
.bp-lieu-card__facts strong {
margin-bottom: 3px;
font-size: var(--text-xs);
letter-spacing: 0;
text-transform: none;
}
.bp-lieu-card__signal {
min-height: 38px;
font-size: var(--text-xs);
}
.bp-lieu-card__cta {
width: 100%;
}
}
@media (min-width: 768px) {
.bp-lieux-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bp-lieu-card__body {
padding: 1.05rem;
}
}
@media (min-width: 1024px) {
.bp-archive-results-head {
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
align-items: end;
}
.bp-lieux-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.bp-lieu-card__body {
padding: 1.1rem;
}
.bp-lieu-card__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1380px) {
.bp-lieux-grid,
.bp-listing-grid--posts {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (prefers-color-scheme: dark) {
.bp-archive-hero {
background: var(--bp-surface);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-card);
}
.bp-archive-hero h1,
.bp-search-results-simple h2,
.bp-search-results-cta h2,
.bp-search-label,
.bp-archive-results-head h2,
.bp-archive-filters select,
.bp-lieu-card__title a {
color: var(--bp-text);
}
.bp-search-box,
.bp-search-results-simple,
.bp-search-results-cta,
.bp-archive-filters,
.bp-lieu-card,
.bp-archive-results-head {
background: var(--bp-surface);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-card);
}
.bp-archive-filters {
background: color-mix(in srgb, var(--bp-surface) 82%, var(--bp-navy) 18%);
border-color: var(--bp-border-soft);
}
.bp-search-results-simple {
background: color-mix(in srgb, var(--bp-surface) 86%, #b45309 14%);
border-color: var(--bp-border-soft);
}
.bp-search-box__lead,
.bp-search-results-simple__note,
.bp-search-results-cta p,
.bp-archive-results-copy,
.bp-archive-filters label,
.bp-archive-filters__hint,
.bp-archive-progress,
.bp-lieu-card__summary,
.bp-lieu-card__meta,
.bp-lieu-card__facts p,
.bp-lieu-card__signal,
.bp-search-results-simple a {
color: var(--bp-text-secondary);
}
.bp-search-box__chips span,
.bp-archive-filters select {
background: var(--bp-surface-soft);
border-color: var(--bp-border-soft);
color: var(--bp-link);
}
.bp-search-results-simple a,
.bp-lieu-card__title a,
.bp-archive-results-copy--strong,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-link);
}
.bp-search-results-simple a:hover,
.bp-search-results-simple a:focus-visible,
.bp-lieu-card__title a:hover,
.bp-lieu-card__title a:focus-visible,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-link-dark);
}
}