a {text-decoration:none}
.page-id-880 . main-navigation {display:none}
html,
body,
p 
 {
  margin-bottom: 10px;
}

h2,
h3,
h4,
h5,
h6
 {
  margin-bottom: 10px;
}
.gradient {
    background: -webkit-linear-gradient( #00FF00, #00FFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.titre-serre {
  margin-bottom: 0;
  line-height: 0.7;
}
body.page-id-12 {
    background-color: #EFEBE1; /* couleur au choix */
}

/* Nav compacte sur mobiles et tablettes (jusqu'à 1024px) */
@media (max-width: 8000px) {
  nav.wp-block-navigation.navigation-marges {
    margin: 0.2rem 0 !important;
    padding: 0 !important;
    --wp--style--block-gap: 0.25rem;
  }

  nav.wp-block-navigation.navigation-marges .wp-block-navigation__container {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    list-style: none;
  }

  nav.wp-block-navigation.navigation-marges .wp-block-navigation__container > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  nav.wp-block-navigation.navigation-marges .wp-block-navigation-item__content {
    display: inline-block;
    padding: 0.25rem 0 !important;
    line-height: 1.1;
  }

  nav.wp-block-navigation.navigation-marges .wp-block-social-links {
    gap: 8px !important;
    margin: 0 !important;
  }

  nav.wp-block-navigation.navigation-marges .wp-block-spacer {
    height: 0 !important;
    margin: 0 !important;
  }
}
/* Bloc filtres */
.projets-filtres-titres {
  text-align: left;
}

.projets-filtres-titres h1 {
  line-height: 0.7;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
  transition: color 0.3s;
}

.projets-filtres-titres h1[data-filter="all"] {
  color: #D2BF8F; /* neutre */
}

.projets-filtres-titres h1[data-filter="all"]:hover {
  color: #FFC000;
}

.projets-filtres-titres h1[data-filter="espace"],
.projets-filtres-titres h1[data-filter="communication"] {
  color: #D2BF8F;
}

.projets-filtres-titres h1:hover {
  color: #FFC000;
}

.projets-filtres-titres h1:not(.actif) {
  color: #EFEBE1;
}

/* Vignettes */
.projet-vignette {
  position: relative;
  display: inline-block;
  margin: 5px;
}

.projet-vignette img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: opacity 0.4s ease-in-out;
}

.projet-vignette .img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.projet-vignette:hover .img-hover {
  opacity: 1;
}

.projet-vignette:hover .img-default {
  opacity: 0;
}