.img { border-radius: 7px; }

#backtotop { bottom: 70px; right: 20px; }
.mn-share-button { background-color: #c0c0c0; }
.mn-share-button:hover { background-color: #800000; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #800000;
    background: #800000;
    font-weight: normal /*{fwDefault}*/;
    color: #ffffff /*{fcActive}*/;
}




/* === VARIABLES === */
:root {
  --site-header-height-wide: auto;
  --color-brand: #800000;
  --color-brand-hover: #a00000;
  --color-brand-dark: #600000;
  --color-brand-tint: #fff0f0;
  --color-text-loud: #222222;
  --color-text-base: #444444;
  --color-text-muted: #777777;
  --color-text-hint: #aaaaaa;
  --color-border: #dddddd;
  --color-surface: #f4f4f4;
}

/* === HEADER === */


/* === HEADER FIXE === */
html body .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #fff; /* ou la couleur de fond de votre header */
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}


html body .site-header,
html body #header {
  min-height: unset !important;
  height: auto !important;
}

html body .site-header__inner,
html body #site-header__inner {
  min-height: unset !important;
  height: auto !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}

html body .site-header__fixable {
  min-height: unset !important;
  height: auto !important;
}


.main-content__container { padding-block-start: var(--sp0);	}

/* === LAYOUT SIDEBAR ÉLARGI   */
@media (min-width: 62.5rem) {
  .layout--content-medium, .layout--pass--content-medium > * {
    grid-column: 1 / 15;
  }
}




/* === LAYOUT SIDEBAR ÉLARGI (PC uniquement) === */
@media (min-width: 1024px) {
  .sidebar-grid > .site-main {
    grid-column: 1 / 11 !important;
  }

  .sidebar-grid .region--sidebar {
    grid-column: 11 / 15 !important;
  }
}

/* === ALIGNEMENT IMAGES SUR PC === */
@media (min-width: 62.5rem) {
  .sidebar-grid .wide-content {
    width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;

  }
}





/* === TYPOGRAPHIE === */
body { font-family: 'Metropolis', sans-serif; color: var(--color-text-base); line-height: 1.7; }
h1 { font-size: 2.05rem; font-weight: 700; color: #222222; line-height: 1.2; }
h2 { font-size: 1.75rem; font-weight: 700; color: #222222; line-height: 1.25; }
h3 { font-size: 1.375rem; font-weight: 600; color: #800000; line-height: 1.3; }
h4 { font-size: 1.125rem; font-weight: 600; color: #222222; }
h5 { font-size: 1rem; font-weight: 600; color: #444444; }
h6 { font-size: 0.875rem; font-weight: 600; color: #777777; text-transform: uppercase; letter-spacing: .06em; }
p  { font-size: 1rem; color: #444444; line-height: 1.7; margin-bottom: 1rem; }

/* === LIENS === */
a               { color: #800000; text-decoration: none; }
a:hover         { color: #a00000; text-decoration: underline; }
a:visited       { color: #4d0000; }
a:active        { color: #ff2020; }
a:focus-visible { outline: 2px solid #800000; outline-offset: 2px; border-radius: 2px; }

/* === BOUTONS GLOBAUX === */
.button,
.btn,
input[type="submit"],
button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 20px;
  background: #800000;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s ease;
  box-sizing: border-box;
}
.button:hover,
.btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover { background: #a00000; }

.button--outline {
  background: transparent;
  color: #800000;
  border: 1.5px solid #800000;
}
.button--outline:hover { background: #fff0f0; }

/* === MENU ACTIF === */
.primary-nav__menu-link--active-trail,
.primary-nav__menu-link:hover {
  color: #800000 !important;
}
.primary-nav__menu-link--active-trail::after {
  background: #800000 !important;
}

/* === FORMULAIRES VIEWS === */
.views-exposed-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.views-exposed-form .form--inline,
.views-exposed-form .views-widget {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.views-exposed-form .form-item {
  margin: 0 !important;
}
.views-exposed-form .form-actions {
  margin: 0 !important;
  display: flex;
  gap: 8px;
  align-items: center;
}
.views-exposed-form input[type="text"],
.views-exposed-form input[type="search"] {
  height: 42px;
  padding: 0 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 0.9375rem;
  color: #444444;
  box-sizing: border-box;
}