:root {
    --couleur-bulle-vert: #03886d;
    --couleur-lien-hover: #0000EE; /* bleu classique */
}

.liste-ancres {
    border: 1px solid var(--couleur-bulle-vert);
    padding: 1rem 3rem 1rem 1rem;
    background-color: #f9f9f9;
    width: fit-content;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}

.liste-ancres li {
    margin-bottom: 1rem;
}

.liste-ancres .dernier {
    margin-bottom: 0;
}

.liste-ancres a {
    text-decoration: none;
    color: var(--couleur-bulle-vert);
    position: relative;
    padding: 0.2rem 0.4rem;
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;

    opacity: 0;
    animation-name: fadeSlideUp;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.liste-ancres li:nth-child(1) a {
    animation-delay: 0s;
}
.liste-ancres li:nth-child(2) a {
    animation-delay: 0.15s;
}
.liste-ancres li:nth-child(3) a {
    animation-delay: 0.3s;
}

.liste-ancres a:hover {
    color: var(--couleur-lien-hover);
    transform: translateY(-3px) scale(1.05);
    z-index: 10;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ... le reste du CSS des cartes projets (inchangé) ... */

.liste-projets {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem 1.25rem;
}

.projet {
    box-shadow: 0px 3px 6px #00000029;
    flex: 32%;

    opacity: 0;
    animation-name: fadeSlideUp;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.liste-projets .projet:nth-child(1) {
    animation-delay: 0s;
}
.liste-projets .projet:nth-child(2) {
    animation-delay: 0.15s;
}
.liste-projets .projet:nth-child(3) {
    animation-delay: 0.3s;
}
.liste-projets .projet:nth-child(4) {
    animation-delay: 0.45s;
}
.liste-projets .projet:nth-child(5) {
    animation-delay: 0.6s;
}
.liste-projets .projet:nth-child(6) {
    animation-delay: 0.75s;
}

.projet:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.2),
        0 0 10px 3px var(--couleur-bulle-vert);
    z-index: 10;
}

.projet img {
    height: 325px;
    width: 100%;
}

.projet .textes {
    padding: 1rem 3.5rem 4.25rem 1rem;
}

.projet .titre {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.25;
}

.projet .description {
    color: #363636;
    margin-bottom: 0 !important;
}