/* ==========================================================================
   PROJET CLIENT — HERO (aligné avec tes autres pages)
   Objectif : titre + trait + texte = même style que Bio/Contact/Compétences
   + meta-ligne (catégories badges + secteur + année) sur UNE ligne, à droite
   ========================================================================== */

:root {
    --stancreation-projet-client-bg: #ff0000;
    /* fallback */
}

/* IMPORTANT : cible uniquement la page projet */
body.stancreation-projet-client-loaded .stancreation-projet-client {
    background-color: var(--stancreation-projet-client-bg);
}

.stancreation-projet-client::before {
    content: "";
    position: fixed;
    /* ou absolute si tu préfères */
    inset: 0;
    z-index: -1;

    background: var(--stancreation-projet-client-bg, transparent);

    /* 💎 effet fusion premium */
    opacity: 0.35;
    /* clé n°1 */
    mix-blend-mode: multiply;
    /* clé n°2 */
    pointer-events: none;
}


.stancreation-projet-client {
    background: none !important;
    position: relative;
    z-index: 2;
}

.stancreation-projet-client-hero {
    position: relative;
    z-index: 2;
    padding: 10% 13% 0 13%;
}

.stancreation-projet-client-hero-contenu {
    max-width: var(--container);
    margin: 0 auto;
}

/* =========================
       TITRE + TRAIT
       ========================= */
.stancreation-projet-client-hero-titre {
    margin: 0 0 1.2rem 0;
    text-align: left;
}

.stancreation-projet-client-hero-trait {
    margin-bottom: clamp(1.8rem, 3.2vw, 2.8rem);
}

.stancreation-projet-client-hero-trait svg {
    display: block;
    width: 100%;
    height: auto;
}

/* =========================
       META LIGNE (droite)
       Catégories (badges) + Secteur + Année sur une seule ligne
       ========================= */
.stancreation-projet-client-hero-meta-ligne {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* ✅ aligné à droite */
    gap: 1rem;
    flex-wrap: nowrap;
    /* ✅ une seule ligne sur desktop */
    margin-top: .2rem;
}

/* Badges (catégories WP) — style bandeau */
.stancreation-projet-client-hero-prestations {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: nowrap;
}

/* 1 badge = 1 rectangle */
.stancreation-projet-client-hero-prestation {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: .45rem .8rem;
    border: 1px solid #000;
    border-radius: clamp(1rem, 2vw, 1.6rem);

    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(0.8rem, 1vw, 1rem);
    font-weight: 500;
    letter-spacing: 0;
    color: #000;

    text-transform: none !important;
    text-decoration: none;
    white-space: nowrap;
}

.stancreation-projet-client-hero-prestation:hover {
    opacity: .85;
}

/* Infos (secteur + année) sur la même ligne */
.stancreation-projet-client-hero-infos {
    display: inline-flex;
    align-items: center;
    gap: .9rem;
    white-space: nowrap;
}

.stancreation-projet-client-hero-secteur {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(0.85rem, 1vw, 1rem);
    font-weight: 300;
    color: #000;
}

.stancreation-projet-client-hero-annee {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(0.75rem, 0.9vw, 0.9rem);
    font-weight: 500;
    color: #000;
}

/* =========================
       TEXTE HERO
       ========================= */
.stancreation-projet-client-hero-texte {
    margin: clamp(1.2rem, 2.2vw, 1.8rem) 0 0 0;
    text-align: left;
}

/* =========================
       RESPONSIVE
       ========================= */
@media (max-width: 1100px) {
    .stancreation-projet-client-hero {
        padding: 20% 8% 0 8%
    }

    /* Sur mobile/tablette : on autorise le retour à la ligne */
    .stancreation-projet-client-hero-meta-ligne {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: .8rem;
    }

    .stancreation-projet-client-hero-prestations {
        flex-wrap: wrap;
    }

    .stancreation-projet-client-hero-infos {
        white-space: normal;
    }

    .stancreation-projet-client-hero-texte {
        margin: 1.2rem 0 0 0;
        max-width: 70ch;
        font-size: 1.1rem;
        line-height: 1.2;
    }
}

/* ==========================================================================
     PROJET CLIENT — IMAGE (largeur site, hauteur maîtrisée)
     ========================================================================== */

.stancreation-projet-client-section-image-full {
    margin: clamp(1rem, 5vw, 3rem) 0 clamp(1rem, 5vw, 3rem) 0;
}

.stancreation-projet-client-image-full {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 13%;
    /* cohérent avec le hero */
}

.stancreation-projet-client-image-full-figure {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.stancreation-projet-client-image-full img {
    display: block;
    width: 100%;
    height: clamp(26rem, 52vh, 38rem);
    /* ⬆️ un peu plus haut */
    object-fit: cover;
}

@media (max-width: 1100px) {
    .stancreation-projet-client-image-full img {
        height: clamp(22rem, 44vh, 30rem);
    }

    .stancreation-projet-client-image-full {
        padding: 0 8%;
        /* cohérent avec le hero */
    }
}

/* même comportement que l’image full */
.stancreation-projet-client-image-full-media {
    display: block;
    width: 100%;
    object-fit: cover;
}




/* ==========================================================================
     PROJET CLIENT — MISSIONS
     ========================================================================== */

.stancreation-projet-client-section-missions {
    display: flex;
    justify-content: center;
    /* ✅ centre horizontalement */
}

.stancreation-projet-client-missions {
    max-width: var(--container);
    margin: 0 0 clamp(3rem, 6vw, 5rem) 0;
    padding: 0 13%;
    align-items: start;
    /* ✅ alignement en haut */
}

.stancreation-projet-client-missions-titre {
    margin: 0 0 1.2rem 0;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 600;
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.stancreation-projet-client-missions-texte {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(1.1rem, 1.1vw, 1.3rem);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    color: #000;

    text-align: justify;
    text-justify: inter-word;

    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;

    margin: 0 0 0 35%;
    padding: 0 0 5% 0;
}

.stancreation-projet-client-missions-item {
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    font-weight: 100;
    line-height: 1.6rem;
}

@media (max-width: 1100px) {
    .stancreation-projet-client-missions {
        padding: 0 8%;
    }
}

/* ==========================================================================
     PROJET CLIENT — MISSIONS (2 COLONNES)
     ========================================================================== */


/* =========================
     LISTE (gauche) — flèche + texte alignés
     ========================= */

.stancreation-projet-client-missions-liste {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 70ch;
    display: flex;
    flex-direction: column;
}

/* 1 ligne = 2 colonnes : [flèche] [texte] */
.stancreation-projet-client-missions-item {
    display: grid;
    grid-template-columns: 1.2rem 1fr;
    /* colonne flèche fixe + colonne texte */
    column-gap: .8rem;
    align-items: start;
}

/* Flèche "pro" (chevron) */
.stancreation-projet-client-missions-item::before {
    content: "▪";
    display: inline-flex;
    align-items: center;
    width: 1.2rem;
    height: 1.2rem;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1;
    opacity: .9;
    transform: translateY(.08rem);
}




/* =========================
       RESPONSIVE
       ========================= */
@media (max-width: 1100px) {
    .stancreation-projet-client-missions {
        grid-template-columns: 1fr;
        padding: 0 8%;
    }

    .stancreation-projet-client-missions-texte {
        margin: 3% 0 5% 0;
        font-size: 1rem;
        line-height: 1.25;
    }
}

/* ==========================================================================
     PROJET CLIENT — GRAPHISME
     Image gauche / contenu droite
     + dans le contenu : Titre plein large, puis texte à gauche / liste à droite
     ========================================================================== */

.stancreation-projet-client-section-graphisme {
    padding: clamp(3rem, 6vw, 5rem) 0;
    background: rgba(0, 0, 0, .05);
    margin-bottom: 5%;
}

.stancreation-projet-client-graphisme {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 13%;
    align-items: center;
}


/* CONTENU (titre + bloc 2 colonnes) */
.stancreation-projet-client-graphisme-texte {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    /* texte | liste */
    column-gap: clamp(1.5rem, 3vw, 3rem);
    row-gap: clamp(1rem, 2vw, 1.6rem);
    align-items: start;
    margin-bottom: 5%;
}

/* Titre sur toute la largeur */
.stancreation-projet-client-graphisme-titre {
    grid-column: 1 / -1;
    /* ✅ clé */
    margin: 0;

    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 600;
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    letter-spacing: -0.02em;
    text-transform: none;

    text-decoration: underline;
    text-underline-offset: .5rem;
    text-decoration-thickness: .20rem;
}

/* Texte à gauche */
.stancreation-projet-client-graphisme-paragraphe {
    grid-column: 1;
    margin: 0;

    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(.95rem, 1.1vw, 1.1rem);
    font-weight: 200;
    line-height: 1.55;
    max-width: 75ch;
}

/* Liste à droite */
.stancreation-projet-client-graphisme-liste {
    grid-column: 2;
    margin: 0;
    /* ✅ pour aligner haut */
    padding: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-width: 60ch;
}

.stancreation-projet-client-graphisme-item {
    display: grid;
    grid-template-columns: 1.4rem 1fr;
    align-items: start;

    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(.9rem, 1vw, 1rem);
    font-weight: 100;
    line-height: 1.35rem;
}

.stancreation-projet-client-graphisme-item::before {
    content: "▪";
    font-weight: 600;
    opacity: .7;
}

/* Responsive */
@media (max-width: 1100px) {
    .stancreation-projet-client-graphisme {
        grid-template-columns: 1fr;
        padding: 0 8%;
        gap: clamp(2rem, 5vw, 3.5rem);
    }

    /* Dans le contenu : texte puis liste en colonne */
    .stancreation-projet-client-graphisme-texte {
        grid-template-columns: 1fr;
    }

    .stancreation-projet-client-graphisme-paragraphe {
        grid-column: 1;
        max-width: 100%;
    }

    .stancreation-projet-client-graphisme-liste {
        grid-column: 1;
        margin-top: clamp(.8rem, 2vw, 1.2rem);
    }

}



/* ==========================================================================
     PROJET CLIENT — GALERIE GRAPHISME (pile d’images)
     ========================================================================== */

.stancreation-projet-client-graphisme-galerie {
    background: #fff;
    padding: 5% 5%;
    display: flex;
    flex-direction: column;
    gap: clamp(1.2rem, 2.5vw, 2rem);
}

.stancreation-projet-client-graphisme-galerie-item {
    margin: 0;
    width: 100%;
}

.stancreation-projet-client-graphisme-galerie-item img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 120vh;
    /* évite les images trop hautes */
    object-fit: contain;
    /* respecte les maquettes */
    background: #fff;
}
















/* ==========================================================================
     PROJET CLIENT — MARKETING DIGITAL
     Titre : hors grille
     Grille : 2 colonnes (gauche / droite) alignées en haut
     Visuel : hors grille (full width)
     ========================================================================== */

/* ===== TITRE (hors grille) ===== */
.stancreation-projet-client-marketing-titre-zone {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 13%;
}

.stancreation-projet-client-marketing-titre {
    margin: 0 0 clamp(1.2rem, 2.2vw, 2rem) 0;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 600;
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    letter-spacing: -0.02em;
    text-decoration: underline;
    text-underline-offset: .5rem;
    text-decoration-thickness: .20rem;
}

/* ===== GRILLE (hors titre) ===== */
.stancreation-projet-client-marketing-grille {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 13%;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 4vw, 5rem);
    align-items: start;
    /* ✅ alignement haut gauche/droite */
}

/* ===== COLONNE GAUCHE ===== */
.stancreation-projet-client-marketing-colonne-gauche {
    min-width: 0;
}

.stancreation-projet-client-marketing-texte {
    margin: 0;
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(.95rem, 1.1vw, 1.1rem);
    font-weight: 200;
    line-height: 1.5rem;
}

/* Liste */
.stancreation-projet-client-marketing-liste {
    margin: 1.4rem 0 0 0;
    padding: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: .6rem;

    max-width: 65ch;
}

.stancreation-projet-client-marketing-liste-ligne {
    display: grid;
    grid-template-columns: 1.4rem 1fr;
    align-items: start;
    font-family: "Poppins", system-ui, sans-serif;
    font-size: clamp(.9rem, 1vw, 1rem);
    font-weight: 100;
    line-height: 1.35rem;
}

.stancreation-projet-client-marketing-liste-ligne::before {
    content: "▪";
    font-weight: 600;
    opacity: .7;
}


/* ==========================================================================
     MARKETING — RÉSEAUX SOCIAUX (icônes encadrées carrées)
     ========================================================================== */

.stancreation-projet-client-section-marketing .stancreation-projet-client-marketing-reseau {
    width: clamp(2.8rem, 3.8vw, 3.4rem);
    height: clamp(2.8rem, 3.8vw, 3.4rem);
    margin: 10% 0 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid currentColor;
    /* carré net */
    border-radius: 0;
    /* ⛔ aucun arrondi */

    color: #000;
    background: transparent;
    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

/* Conteneur des réseaux */
.stancreation-projet-client-section-marketing .stancreation-projet-client-marketing-reseaux {
    display: flex;
    align-items: center;
    gap: clamp(1.6rem, 3vw, 3rem);
}

/* Icône */
.stancreation-projet-client-section-marketing .stancreation-projet-client-marketing-reseau i {
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
}

/* Hover : sobre, premium */
.stancreation-projet-client-section-marketing .stancreation-projet-client-marketing-reseau:hover {
    background: #000;
    color: #fff;
    transform: translateY(-1px);
}





/* ===== COLONNE DROITE (chiffres 2x2) ===== */
.stancreation-projet-client-marketing-colonne-droite {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    /* ✅ démarre en haut */
}

.stancreation-projet-client-marketing-chiffres {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* ✅ 2x2 */
    gap: clamp(1.6rem, 3vw, 3.2rem);
    justify-items: center;
    text-align: center;
    align-items: start;
}

.stancreation-projet-client-marketing-chiffre-bloc {
    width: 100%;
    display: grid;
    justify-items: center;
    gap: .5rem;
    /* ✅ compact */
}

.stancreation-projet-client-marketing-chiffre-valeur {
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.05em;
    font-size: clamp(3.1rem, 5.8vw, 6rem);
    margin: 0;
    padding: 0;
}

.stancreation-projet-client-marketing-chiffre-libelle {
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 100;

    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1.5;

    margin: 3% 15% 0 15%;
    padding: 0;

    font-size: clamp(.68rem, .935vw, .85rem);
    max-width: 24ch;
}

/* ===== VISUEL (hors grille) ===== */
.stancreation-projet-client-marketing-visuel-bas {
    max-width: var(--container);
    margin: clamp(2rem, 4vw, 3rem) auto 0 auto;
    padding: 0 13%;
}

.stancreation-projet-client-marketing-visuel-figure {
    margin: 0;
}

.stancreation-projet-client-marketing-visuel-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {

    .stancreation-projet-client-marketing-titre-zone,
    .stancreation-projet-client-marketing-grille,
    .stancreation-projet-client-marketing-visuel-bas {
        padding: 0 8%;
    }

    .stancreation-projet-client-marketing-grille {
        grid-template-columns: 1fr;
        gap: clamp(2rem, 5vw, 3.5rem);
    }

    .stancreation-projet-client-marketing-chiffres {
        grid-template-columns: 1fr 1fr;
        gap: clamp(1.2rem, 5vw, 2.2rem);
    }
}

















/* ==========================================================================
     PROJET CLIENT — BANDEAU PHOTOS
     ========================================================================== */

/* ============================
     VARIABLES (source unique)
     ============================ */
:root {
    --stancreation-bandeau-photos-gap: clamp(.25rem, .6vw, .6rem);
    --stancreation-bandeau-photos-h: clamp(18rem, 42vh, 30rem);

    --stancreation-bandeau-photos-w-closed: clamp(4.5rem, 7vw, 7rem);
    --stancreation-bandeau-photos-w-open: clamp(18rem, 26vw, 26rem);

    --stancreation-bandeau-photos-ease: cubic-bezier(.22, .61, .36, 1);
    --stancreation-bandeau-photos-dur: .55s;
}

/* ============================
       SECTION
       ============================ */
.stancreation-projet-client-section-bandeau-photos {
    padding: clamp(3rem, 6vw, 5rem) 0;
}

/* Zone alignée au site */
.stancreation-projet-client-bandeau-photos-zone {
    margin: 0 auto;
    user-select: none;
}

/* ============================
       PISTE
       ============================ */
.stancreation-projet-client-bandeau-photos-piste {
    display: flex;
    gap: var(--stancreation-bandeau-photos-gap);
    width: 100%;
    justify-content: center;
}

/* ============================
       CARTE / LAMELLE
       ============================ */
.stancreation-projet-client-bandeau-photos-carte {
    position: relative;
    overflow: hidden;
    margin: 0;

    height: var(--stancreation-bandeau-photos-h);

    flex: 0 0 var(--stancreation-bandeau-photos-w-closed);
    width: var(--stancreation-bandeau-photos-w-closed);

    transition:
        flex-basis var(--stancreation-bandeau-photos-dur) var(--stancreation-bandeau-photos-ease),
        width var(--stancreation-bandeau-photos-dur) var(--stancreation-bandeau-photos-ease);
}

/* ============================
       IMAGE
       ============================ */
.stancreation-projet-client-bandeau-photos-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transform: scale(1.001);
    transition: transform .35s ease;

    pointer-events: none;
    /* empêche drag image */
}

/* ============================
       HOVER / ACTIVE
       ============================ */
.stancreation-projet-client-bandeau-photos-carte:hover,
.stancreation-projet-client-bandeau-photos-carte.is-active {
    flex-basis: var(--stancreation-bandeau-photos-w-open);
    width: var(--stancreation-bandeau-photos-w-open);
    z-index: 5;
}

.stancreation-projet-client-bandeau-photos-carte:hover .stancreation-projet-client-bandeau-photos-img,
.stancreation-projet-client-bandeau-photos-carte.is-active .stancreation-projet-client-bandeau-photos-img {
    transform: scale(1.02);
}

/* ============================
       RESPONSIVE
       ============================ */
@media (max-width: 1100px) {
    .stancreation-projet-client-bandeau-photos-zone {
        padding: 0 8%;
    }

    :root {
        --stancreation-bandeau-photos-h: clamp(14rem, 34vh, 22rem);
        --stancreation-bandeau-photos-w-closed: clamp(3.8rem, 12vw, 6rem);
        --stancreation-bandeau-photos-w-open: clamp(14rem, 62vw, 22rem);
    }
}


/* ==========================================================================
     PROJET CLIENT — BANDEAU PHOTOS : SCROLL + DRAG
     Patches (sans toucher au reste)
     ========================================================================== */

/* Piste scrollable */
.stancreation-projet-client-bandeau-photos-piste {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
}

/* scrollbar invisible */
.stancreation-projet-client-bandeau-photos-piste::-webkit-scrollbar {
    height: 0;
}

/* drag state */
.stancreation-projet-client-bandeau-photos-piste.is-dragging {
    cursor: grabbing;
}

/* Sur desktop : curseur custom */
@media (pointer: fine) {
    .stancreation-projet-client-bandeau-photos-piste.is-cursor-custom {
        cursor: none;
    }

    /* on cache le curseur natif seulement dans ce bandeau */
    .stancreation-projet-client-bandeau-photos-piste.is-cursor-custom,
    .stancreation-projet-client-bandeau-photos-piste.is-cursor-custom * {
        cursor: none !important;
    }
}

/* Curseur custom dédié BANDEAU PHOTOS (pas celui des projets) */
.stancreation-cursor-drag-photos {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    pointer-events: none;

    opacity: 0;
    transform: translate(-50%, -50%) scale(.95);
    transition: opacity .12s ease, transform .12s ease;

    background: #000;
    color: #fff;

    border-radius: 999px;
    padding: .55rem .9rem;

    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 600;
    font-size: .85rem;
    letter-spacing: .05em;
    text-transform: uppercase;

    box-shadow: 0 .6rem 1.4rem rgba(0, 0, 0, .18);
    will-change: transform, left, top, opacity;
}

.stancreation-cursor-drag-photos.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.stancreation-cursor-drag-photos.is-down {
    transform: translate(-50%, -50%) scale(.98);
}




/* ==========================================================================
     PROJET CLIENT — NAVIGATION BAS DE PAGE
     ========================================================================== */

.stancreation-projet-client-navigation {
    display: flex;
    justify-content: center;
    /* ✅ centré horizontalement */
    align-items: center;
    gap: clamp(1.2rem, 3vw, 2.4rem);
    flex-wrap: wrap;
    padding: 0 0 var(--gutter) 0;
}



/* =========================
       BOUTON — ARCHIVE
       ========================= */


.stancreation-projet-client-bouton-archive {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.stancreation-projet-client-bouton-archive:hover {
    background: black;
    color: white;
    border: 1px solid #000;
}

/* =========================
       BOUTON — PROJET SUIVANT
       ========================= */


.stancreation-projet-client-bouton-suivant {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-family: "Poppins", system-ui, sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.stancreation-projet-client-bouton-suivant:hover {
    background: black;
    color: white;
    border: 1px solid #000;
}