/* ============================================================
   ANOZERLAB v0.3.0 — Stylesheet partagée
   ============================================================ */
:root{
  --bg-primary:#000;--bg-inverse:#fff;--accent:#3B82F6;
  --text-primary:#fff;--text-muted:#c9c9c9;--text-inverse:#000;
  --border-default:#fff;
  --font-display:"Anton","Impact",sans-serif;
  --font-body:"Inter",-apple-system,"Segoe UI",sans-serif;
  --header-height:72px;--logo-size:72px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-size:1rem;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%;height:auto}
button{font:inherit;background:none;border:none;color:inherit;cursor:pointer}
a{color:inherit}

/* === c-header === */
.c-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);color:var(--text-primary)}
.c-header__bar{display:flex;align-items:center;flex-wrap:nowrap;height:var(--header-height);width:100%}
.c-header__brand{display:flex;align-items:center;flex-shrink:0}
.c-header__logo{display:block;width:var(--logo-size);height:var(--logo-size);padding:8px}
.c-header__logo img{width:100%;height:100%;display:block}
.c-header__logo:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.c-header__tagline{display:none;margin-left:1rem;font-size:.95rem;white-space:nowrap}
.c-header__nav{display:none;margin-left:auto;align-items:center;gap:2.5rem;min-width:0}
.c-header__nav-link{font-size:.95rem;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}
.c-header__nav-link:hover{color:var(--accent)}
.c-header__nav-link[aria-current=page]{font-weight:700}
.c-header__nav-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
.c-header__search{display:none;align-items:center;justify-content:center;margin-left:2rem;margin-right:1.5rem;width:40px;height:40px;border-radius:50%;transition:background .25s ease}
.c-header__search svg{width:22px;height:22px;transition:transform .35s var(--ease)}
.c-header__search:hover{background:rgba(255,255,255,.08)}
.c-header__search:hover svg{transform:rotate(-12deg) scale(1.1)}
.c-header__search[aria-expanded=true]{background:rgba(255,255,255,.12)}
.c-header__search[aria-expanded=true] svg{transform:rotate(90deg) scale(.9)}
.c-header__search:focus-visible{outline:2px solid #fff;outline-offset:2px}
.c-header__searchbar{overflow:hidden;max-height:0;transition:max-height .4s var(--ease);border-top:0 solid #fff}
.c-header.is-search-open .c-header__searchbar{max-height:90px;border-top-width:1px}
.c-header__searchbar-inner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}
.c-header__searchbar-icon{width:20px;height:20px;flex-shrink:0;opacity:.6}
.c-header__searchbar-input{flex:1;background:transparent;border:none;color:#fff;font-family:var(--font-body);font-size:1.125rem;outline:none;padding:.5rem 0}
.c-header__searchbar-input::placeholder{color:var(--text-muted);opacity:.6}
.c-header__searchbar-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.c-header__searchbar-close:hover{background:rgba(255,255,255,.1)}
.c-header__searchbar-close svg{width:16px;height:16px}
.c-header__burger{margin-left:auto;margin-right:1rem;width:32px;height:32px;padding:0}
.c-header__burger span{display:block;width:100%;height:2px;background:currentColor;margin:6px 0}
@media(min-width:768px){
  .c-header__tagline{display:inline-block}
  .c-header__nav{display:flex}
  .c-header__search{display:inline-flex}
  .c-header__burger{display:none}
}
.c-header.is-open .c-header__nav{display:flex;flex-direction:column;position:absolute;inset:var(--header-height) 0 auto 0;background:var(--bg-primary);padding:2rem 1.5rem;gap:1.5rem;border-top:1px solid #fff}

/* === Page generic === */
.l-page{min-height:60vh;padding:3rem 1.5rem}
.l-page__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;letter-spacing:.02em;text-align:center;margin-bottom:2rem}
.l-page__inner{max-width:1280px;margin:0 auto}

/* === c-hero (accueil) === */
.c-hero{position:relative;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 6rem;background:#222 center/cover no-repeat;color:#fff;overflow:hidden}
@media(min-width:1200px){.c-hero{min-height:80vh;padding:6rem 3rem}}
.c-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65) 100%)}
.c-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin:0 auto}
.c-hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,7vw,5rem);line-height:1.05;margin:0 0 1.5rem;width:100%;text-align:center}
.c-hero__cta{display:inline-block;padding:.85rem 2rem;border:2px solid #fff;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;transition:background .25s ease,color .25s ease}
.c-hero__cta:hover{background:#fff;color:#000}
.c-hero__scroll{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);z-index:2;width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;animation:hero-bounce 2s ease-in-out infinite;transition:background .2s}
.c-hero__scroll:hover{background:rgba(255,255,255,.15)}
.c-hero__scroll svg{width:20px;height:20px}

/* === c-service-grid (accueil) === */
.c-service-grid{display:grid;grid-template-columns:1fr;gap:1px;background:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}
@media(min-width:768px){.c-service-grid{grid-template-columns:repeat(3,1fr)}}
.c-service-card{background:#fff;color:#000;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:180px}
.c-service-card__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;text-transform:none}
.c-service-card__excerpt{font-size:.85rem;line-height:1.5;flex:1}
.c-service-card__btn{align-self:flex-start;padding:.5rem 1rem;border:1px solid #000;background:#fff;font-size:.8rem;cursor:pointer}
.c-service-card__btn:hover{background:#000;color:#fff}

/* === c-machine-grid (page Machines) === */

@media(min-width:768px){}
@media(min-width:1200px){}




/* === c-projects-slider (page Projets) === */
.c-projects-slider{background:#fff;color:#000;padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto}
@media(min-width:768px){.c-projects-slider{grid-template-columns:1fr 1fr}}
.c-projects-slider__media{aspect-ratio:4/3;background:#eee;display:flex;align-items:center;justify-content:center}
.c-projects-slider__content h2{font-family:var(--font-display);font-size:1.75rem;font-weight:400;margin-bottom:.75rem}
.c-projects-slider__content p{font-size:.9rem;line-height:1.6}
.c-projects-slider__nav{grid-column:1/-1;display:flex;justify-content:center;gap:1rem;align-items:center}
.c-projects-slider__nav button{width:32px;height:32px;border:1px solid #000;font-weight:700}

/* === c-contact (page Contacts) === */
.c-contact{display:grid;grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto;background:#fff;color:#000;padding:2rem}
@media(min-width:768px){.c-contact{grid-template-columns:1fr 1fr}}
.c-contact h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:1rem}
.c-contact__map{background:#e0e0e0;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#888;font-size:.85rem}
.c-contact__form{display:flex;flex-direction:column;gap:.75rem}
.c-contact__form label{font-size:.8rem;text-transform:uppercase;font-weight:700}
.c-contact__form input,.c-contact__form textarea{padding:.6rem;border:1px solid #000;font-family:inherit;font-size:.9rem;background:#fff}
.c-contact__form textarea{min-height:120px;resize:vertical}
.c-contact__form button{padding:.75rem;background:#000;color:#fff;border:none;font-weight:700;text-transform:uppercase;cursor:pointer}

/* === c-partners === */
.c-partners{background:#fff;color:#000;padding:0;text-align:center;border:none;outline:none}
.c-partners__title{background:#fff;color:#000;font-size:1.125rem;font-weight:400;margin:0;padding:1.75rem 1.5rem;width:100%;text-align:center;border:none}
.c-partners__title strong{font-weight:700;text-transform:uppercase}
.c-partners__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;list-style:none;align-items:center;justify-items:center}
@media(min-width:768px){.c-partners__list{grid-template-columns:repeat(5,1fr);gap:2rem}}
.c-partners__item{flex-shrink:0;width:180px;aspect-ratio:16/7;background:#fff;border:2px solid #000;display:flex;align-items:center;justify-content:center;color:#000;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-right:2rem}

/* === c-footer === */
.c-footer{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem 2rem;background:var(--bg-primary);align-items:start;border-top:2px solid #fff}
@media(min-width:768px){.c-footer{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem 2rem;background:var(--bg-primary);align-items:start;border-top:2px solid #fff}}
.c-footer__media{justify-self:center}
@media(min-width:768px){.c-footer__media{justify-self:start}}
.c-footer__media img{width:100%;max-width:380px;height:auto;object-fit:cover}
.c-footer__brand{justify-self:center}
.c-footer__wordmark{width:clamp(140px,18vw,220px)}
.c-footer__wordmark img{width:100%}
.c-footer__contacts{justify-self:center;display:flex;flex-direction:column;gap:1.5rem;font-style:normal;font-size:1rem}
@media(min-width:768px){.c-footer__contacts{justify-self:start}}
.c-footer__contact-label{display:block;color:#fff;opacity:.7;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
.c-footer__contact-value{display:block;text-decoration:none;line-height:1.45}
.c-footer__contact-value:hover{text-decoration:underline}

/* === c-machine-card v0.3.1 — extension tarif === */




/* ============================================================
   v0.4.0 — Animations & nouveaux composants
   ============================================================ */

/* === c-hero scroll arrow === */
@keyframes hero-bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}

/* === c-atelier-slider === */
@media(max-width:899px){}@media(max-width:899px){}

@media(min-width:900px){}










 


/* === c-news (actualités accueil) === */
.c-news{padding:5rem 1.5rem;background:#000}
.c-news__inner{max-width:1200px;margin:0 auto}
.c-news__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;text-align:center;margin-bottom:3rem;color:#fff}
.c-news__grid{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:640px){.c-news__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.c-news__grid{grid-template-columns:repeat(3,1fr)}}
.c-news__card{background:#fff;color:#000;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.c-news__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.c-news__card-media{aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
.c-news__card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.c-news__card:hover .c-news__card-media img{transform:scale(1.05)}
.c-news__card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:.6rem}
.c-news__card-date{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#888}
.c-news__card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:400;line-height:1.15;margin:0}
.c-news__card-excerpt{font-size:.875rem;line-height:1.65;flex:1;color:#333;margin:0}
.c-news__card-cta{align-self:flex-start;margin-top:1rem;padding:.5rem 1rem;border:2px solid #000;color:#000;text-decoration:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,color .2s,border-color .2s}
.c-news__card-cta:hover{background:#000;color:#fff}

/* === c-partners marquee === */
.c-partners__viewport{overflow:hidden;padding:2rem 0 2.5rem;background:#fff;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.c-partners__track{display:flex;width:max-content;animation:marquee 35s linear infinite}
.c-partners__viewport:hover .c-partners__track{animation-play-state:paused}
.c-partners__item{flex-shrink:0;width:180px;aspect-ratio:16/7;background:#fff;border:2px solid #000;display:flex;align-items:center;justify-content:center;color:#000;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-right:2rem}

@media(prefers-reduced-motion:reduce){.c-partners__track{animation:none}}

/* === Footer enrichi : mentions légales === */
.c-footer{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem 2rem;background:var(--bg-primary);align-items:start;border-top:2px solid #fff}
.c-footer__legal{grid-column:1/-1;margin-top:2.5rem;padding-top:1.75rem;border-top:2px solid #fff;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;font-size:.78rem;color:#fff;width:100%}
.c-footer__legal a{color:#fff;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.c-footer__legal a:hover{color:var(--accent)}
.c-footer__legal a:hover{color:#fff;text-decoration:underline}
.c-footer__legal-sep{opacity:.6;color:#fff}
.c-footer__bottom{width:100%;text-align:center;margin-top:.75rem;color:#fff;opacity:.7}

/* ============================================================
   v0.5.0 — Page Contacts enrichie
   ============================================================ */
.l-page__title--xl{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;letter-spacing:.02em}

/* === c-team-marquee : défilement continu C.A. === */



.c-team__viewport:hover 
to{transform:translateX(-50%)}}





/* === c-info : bloc horaires & adresse texte === */
.c-info{padding:4rem 1.5rem;background:#000;color:#fff;text-align:center}
.c-info__inner{max-width:780px;margin:0 auto}
.c-info__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;margin-bottom:1.5rem}
.c-info__text{font-size:1rem;line-height:1.7;margin-bottom:2rem;opacity:.9}
.c-info__hours{display:grid;grid-template-columns:1fr;gap:.5rem;max-width:420px;margin:0 auto;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 0}
.c-info__hours-row{display:flex;justify-content:space-between;font-size:.95rem}
.c-info__hours-day{font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.c-info__hours-time{color:var(--text-muted)}

/* === c-links : 3 cartes liens externes === */
.c-links{padding:4rem 1.5rem;background:#fff;color:#000;border-top:2px solid #000;border-bottom:2px solid #000}
.c-links__inner{max-width:1100px;margin:0 auto}
.c-links__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;text-align:center;margin-bottom:2.5rem;color:#000}
.c-links__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:768px){.c-links__grid{grid-template-columns:repeat(3,1fr)}}
.c-links__card{background:#fff;color:#000;padding:2.5rem 1.5rem;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s ease,background .3s ease;border:1px solid #000}
.c-links__card:hover{transform:translateY(-5px);background:#000;color:#fff}.c-links__card:hover .c-links__icon svg{stroke:#fff}.c-links__card:hover .c-links__desc{color:#ddd}.c-links__card:hover .c-links__url{color:#fff;border-bottom-color:#fff}
.c-links__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.c-links__icon svg{width:100%;height:100%;stroke:#000;fill:none;stroke-width:1.5}
.c-links__name{font-family:var(--font-display);font-size:1.5rem;font-weight:400}
.c-links__desc{font-size:.85rem;line-height:1.5;color:#555}
.c-links__url{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#000;margin-top:auto;border-bottom:2px solid #000;padding-bottom:2px}

/* ============================================================
   v0.6.0 — Page Machines retravaillée + map contacts
   ============================================================ */

/* Map google iframe contacts */
.c-info--with-map{padding:4rem 1.5rem;background:#000}
.c-info__grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}
@media(min-width:900px){.c-info__grid{grid-template-columns:380px 1fr;gap:3rem;align-items:stretch}}
.c-info__col h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;margin-bottom:1.5rem;text-align:left}
.c-info__col-block{margin-bottom:2rem}
.c-info__col-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.4rem}
.c-info__col-value{display:block;font-size:1rem;line-height:1.5}
.c-info__col-value a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.c-info__col-value a:hover{border-bottom-color:#fff}
.c-info__hours-list{display:grid;gap:.5rem;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0;max-width:380px}
.c-info__hours-list .c-info__hours-row{display:flex;justify-content:space-between;font-size:.95rem}
.c-info__map{aspect-ratio:16/11;min-height:400px;background:#222;overflow:hidden;border:1px solid rgba(255,255,255,.15)}
.c-info__map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) invert(0.92) contrast(.85)}

/* === Machines redesign === */

@media(min-width:768px){}





.c-machine-card:hover 







@media(max-width:600px){}

/* ============================================================
   v0.7.0 — Machines redesign (clean) + fixes
   ============================================================ */
.c-machine-grid{display:grid;grid-template-columns:1fr;gap:2rem;background:transparent;border:none;padding:0;max-width:1200px;margin:0 auto}
@media(min-width:768px){.c-machine-grid{grid-template-columns:repeat(2,1fr)}}

.c-machine-card{background:#fff;color:#000;display:flex;flex-direction:row;align-items:stretch;min-height:300px;overflow:hidden;cursor:pointer;border:2px solid #000;transition:transform .4s ease}
.c-machine-card.js-reveal{opacity:1;transform:none}
.c-machine-card.js-reveal.is-visible{opacity:1;transform:translateY(0)}
.c-machine-card:hover{transform:translateY(-4px);background:#fff}.c-machine-card:hover .c-machine-card__name{font-family:var(--font-display);font-size:1.65rem;font-weight:400;line-height:1.05;text-transform:uppercase;display:block;text-align:left;color:#000}
.c-machine-card__media{flex:0 0 42%;background:#fff;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;border-right:2px solid #000}
.c-machine-card__media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;transition:transform .5s ease}
.c-machine-card:hover .c-machine-card__media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;transition:transform .5s ease}
.c-machine-card__body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem 2rem;gap:1rem;text-align:left;min-width:0}
.c-machine-card__name{font-family:var(--font-display);font-size:1.65rem;font-weight:400;line-height:1.05;text-transform:uppercase;display:block;text-align:left;color:#000}
.c-machine-card__desc{font-size:.9rem;line-height:1.55;color:#555;flex:1}
.c-machine-card__footer{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;border-top:1px solid #000;padding-top:1rem}
.c-machine-card__price{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:#000;line-height:1;display:block}
.c-machine-card__price small{font-size:.7rem;font-family:var(--font-body);font-weight:400;opacity:.6;margin-left:.15rem}
.c-machine-card__cta{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#000;border-bottom:2px solid #000;padding-bottom:2px;text-decoration:none}
@media(max-width:600px){.c-machine-card{background:#fff;color:#000;display:flex;flex-direction:row;align-items:stretch;min-height:300px;overflow:hidden;cursor:pointer;border:2px solid #000;transition:transform .4s ease}.c-machine-card__media{flex:0 0 42%;background:#fff;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;border-right:2px solid #000}}

/* === Hero title : 2 lignes garanties === */

/* === Team marquee : portraits réels carrés === */


/* === Atelier slider animation : zoom léger sur slide active === */

to{transform:scale(1.06)}}


/* ============================================================
   v0.8.0 — Form contact + mobile safety
   ============================================================ */
.c-form{padding:4rem 1.5rem;background:#fff;color:#000}
.c-form__inner{max-width:780px;margin:0 auto}
.c-form__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;text-align:center;margin-bottom:.5rem;text-transform:uppercase}
.c-form__intro{text-align:center;margin-bottom:2.5rem;opacity:.75;font-size:.95rem}
.c-form__grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:600px){.c-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}}
.c-form__field{display:flex;flex-direction:column;gap:.4rem}
.c-form__field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.c-form__field input,.c-form__field textarea{padding:.85rem 1rem;border:1px solid #000;background:#fff;font-family:inherit;font-size:.95rem;transition:border-color .2s}
.c-form__field input:focus,.c-form__field textarea:focus{outline:none;border-color:#000;border-width:2px;padding:calc(.85rem - 1px) calc(1rem - 1px)}
.c-form__field textarea{min-height:160px;resize:vertical}
.c-form__submit{padding:1rem 2rem;background:#000;color:#fff;border:2px solid #000;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:.85rem;justify-self:start;transition:background .25s,color .25s}
.c-form__submit:hover{background:#fff;color:#000}

/* === Mobile safety global === */
@media(max-width:600px){
  
  
  
  .c-info__map{min-height:280px;aspect-ratio:1/1}
  
  
}


/* ============================================================
   v0.9.0 — Top Contacts harmonisé (ref Web_1920___7.png)
   ============================================================ */
/* Header de page Contacts compact */




/* Team marquee : padding réduit + nom/role bien centrés */








/* ============================================================
   v0.10.0 — Top Contacts ref maquette + couleur accent
   ============================================================ */
/* Section blanche du haut de la page contacts */
.c-contacts-top{background:#fff;color:#000;padding:3rem 1.5rem 4rem;text-align:center;border-bottom:2px solid #000}
.c-contacts-top__title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin:0 0 1rem;color:#000;text-shadow:3px 3px 0 #fff,4px 4px 0 #000}
.c-contacts-top__subtitle{font-size:1.05rem;font-weight:700;color:#000;margin:0 0 3rem}

/* Marquee équipe (intégré dans c-contacts-top) */
.c-team-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.c-team-marquee__track{display:flex;width:max-content;animation:marquee 60s linear infinite}
.c-team-marquee:hover .c-team-marquee__track{animation-play-state:paused}
.c-team-card{flex-shrink:0;width:300px;margin-right:2rem;text-align:left;background:#fff;color:#000}
.c-team-card__media{width:100%;aspect-ratio:1/1;border:1px solid #000;background:#fff;overflow:hidden}
.c-team-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.c-team-card__footer{display:flex;justify-content:space-between;align-items:baseline;padding-top:.75rem;gap:.5rem}
.c-team-card__name{font-weight:700;font-size:.9rem}
.c-team-card__role{font-size:.8rem;color:#000;opacity:.7;text-align:right}

/* Liens RS footer */
.c-footer__social{display:flex;gap:1rem;margin-top:1rem;justify-content:center}
.c-footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #fff;border-radius:50%;color:#fff;transition:background .2s,color .2s}
.c-footer__social a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.c-footer__social svg{width:18px;height:18px}

/* Accent links color (CTA, hovers) */

.c-machine-card__cta{transition:color .2s}
.c-machine-card__cta:hover{color:var(--accent);border-bottom-color:var(--accent)}



@media(max-width:899px){
  .c-footer{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem 2rem;background:var(--bg-primary);align-items:start;border-top:2px solid #fff}
  .c-footer__media{justify-self:center}
  .c-footer__brand{justify-self:center}
  .c-footer__contacts{justify-self:center;text-align:center;align-items:center}
  .c-footer__legal{text-align:center}
}
.c-footer__contacts .c-footer__social{margin-top:1.25rem;justify-content:flex-start}
@media(max-width:899px){.c-footer__contacts .c-footer__social{justify-content:center}}

@media(max-width:599px){.c-form__submit{justify-self:center;width:100%}}

@media(max-width:899px){.c-info__col h2,.c-info__col-block{text-align:center}.c-info__col-block{display:flex;flex-direction:column;align-items:center}.c-info__hours-list{margin:0 auto}}


/* ============================================================
   v0.11.0 — Service pages template + global page title
   ============================================================ */
.l-page__title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em;text-align:center;margin:0 0 2rem;color:#fff;text-shadow:3px 3px 0 #000,4px 4px 0 #fff}

/* Service page layout */
.c-service{background:#fff;color:#000;padding:3rem 1.5rem}
.c-service__title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:400;text-transform:uppercase;text-align:center;margin:0 0 3rem;color:#000;text-shadow:3px 3px 0 #fff,4px 4px 0 #000}
.c-service__hero{display:grid;grid-template-columns:1fr;gap:0;border:2px solid #000;max-width:1100px;margin:0 auto 3rem}
@media(min-width:768px){.c-service__hero{grid-template-columns:1fr 1fr}}
.c-service__hero-media{aspect-ratio:auto;overflow:hidden;background:#fff;border-bottom:2px solid #000;min-height:0}
@media(min-width:768px){.c-service__hero-media{aspect-ratio:auto;overflow:hidden;background:#fff;border-bottom:2px solid #000;min-height:0}}
.c-service__hero-media img{width:100%;height:100%;object-fit:cover}
.c-service__hero-content{padding:2rem}
.c-service__hero-content h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;margin-bottom:1rem;line-height:1.1}
.c-service__hero-content p{font-size:.95rem;line-height:1.65;margin-bottom:1rem}
.c-service__section{max-width:1100px;margin:0 auto 3rem;padding:2rem;border:2px solid #000;background:#fff}
.c-service__section h3{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:400;margin-bottom:1.25rem;text-align:center}
.c-service__section p{font-size:.92rem;line-height:1.7;margin-bottom:1rem;text-align:justify}
.c-service__section .c-service__cta{display:inline-block;padding:.85rem 2rem;background:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;border:2px solid #000;transition:background .25s ease,color .25s ease}
.c-service__machines{max-width:1100px;margin:0 auto 3rem;display:grid;grid-template-columns:1fr;gap:0;border:2px solid #000}
@media(min-width:768px){.c-service__machines{grid-template-columns:repeat(2,1fr)}}
.c-service__machine{padding:2rem;text-align:center;background:#fff;border-bottom:2px solid #000}
@media(min-width:768px){.c-service__machine{border-bottom:0;border-right:2px solid #000}.c-service__machine:nth-child(even){border-right:0}}
.c-service__machine:last-child{border-bottom:0}
.c-service__machine h4{font-family:var(--font-display);font-size:1.35rem;font-weight:400;margin-bottom:1rem}
.c-service__machine img{max-width:80%;max-height:200px;margin:0 auto;object-fit:contain;display:block}
.c-service__pricing{max-width:1100px;margin:0 auto 3rem;border:2px solid #000;background:#fff;overflow:hidden}
.c-service__pricing-header{background:#000;color:#fff;text-align:center;padding:1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.05em}
.c-service__pricing-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #000;font-size:.95rem}
.c-service__pricing-row:last-child{border-bottom:0}
.c-service__pricing-name{font-weight:700}
.c-service__pricing-price{font-weight:700;font-family:var(--font-display);font-size:1.25rem}
.c-service__back{display:block;text-align:center;margin:2rem auto;font-weight:700;color:#000;text-decoration:none;font-size:.95rem}
.c-service__back:hover{color:var(--accent)}
.c-service__back::before{content:"← "}
.c-service__cta{display:inline-block;padding:.85rem 2rem;background:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;border:2px solid #000;transition:background .25s ease,color .25s ease}
.c-service__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}





@media(min-width:900px){.c-footer{grid-template-columns:1fr 1fr 1fr;gap:3rem;padding:5rem 3rem 2rem;align-items:center}}
.c-footer__media{justify-self:center}
@media(min-width:900px){.c-footer__media{justify-self:start}}
.c-footer__media img{width:100%;max-width:380px;height:auto;display:block}
.c-footer__brand{justify-self:center}
.c-footer__contacts{justify-self:center;display:flex;flex-direction:column;gap:1.5rem;font-style:normal;font-size:1rem;color:#fff}
@media(min-width:900px){.c-footer__contacts{justify-self:end;align-items:flex-start}}







/* ============================================================
   v0.13.0 — Docutech section
   ============================================================ */
.c-docutech{padding:4rem 1.5rem;background:#fff;color:#000;border:none;margin-bottom:0}
.c-docutech__inner{max-width:1100px;margin:0 auto}
.c-docutech__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;text-transform:uppercase;text-align:center;margin-bottom:.5rem;color:#000}
.c-docutech__subtitle{text-align:center;margin-bottom:2.5rem;font-size:.95rem;opacity:.8}
.c-docutech__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:768px){.c-docutech__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.c-docutech__card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;border:2px solid #000;background:#fff;color:#000;text-decoration:none;text-align:center;transition:background .25s,color .25s,transform .25s}
.c-docutech__card:hover{background:#000;color:#fff;transform:translateY(-4px)}
.c-docutech__card:hover .c-docutech__icon svg{stroke:#fff}
.c-docutech__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.c-docutech__icon svg{width:100%;height:100%;stroke:#000;fill:none;stroke-width:1.5;transition:stroke .25s}
.c-docutech__name{font-family:var(--font-display);font-size:1.1rem;font-weight:400;text-transform:uppercase}
.c-docutech__size{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}

/* === Slider v0.14 (simple, éprouvée) === */










/* === Mobile : grosse marge entre slider noir et texte blanc en page contacts === */
@media(max-width:899px){
  
  
  
}

@media(max-width:600px){
  .c-machine-card{flex-direction:column;min-height:0}
  .c-machine-card__media{flex:initial;aspect-ratio:4/3;border-right:0;border-bottom:2px solid #000}
  .c-machine-card__media img{height:100%;object-fit:contain;padding:1rem}
}

.c-service__hero-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:300px}
@media(min-width:768px){.c-service__hero{align-items:stretch}.c-service__hero-media{border-bottom:0;border-right:2px solid #000;height:100%}.c-service__hero-media img{min-height:100%}}

@media(max-width:600px){
  .c-service__pricing-row{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}
  .c-service__pricing-name{width:100%}
  .c-service__pricing-price{align-self:flex-end}
}


/* ============================================================
   v0.15.0 — Slider atelier reconstruction propre
   ============================================================ */
.c-atelier{padding:3rem 1.5rem;background:linear-gradient(to right,#000 0,#000 33.333%,#fff 33.333%,#fff 100%)}
@media(max-width:899px){.c-atelier{background:linear-gradient(to bottom,#000 0,#000 48%,#fff 48%,#fff 100%);padding:2rem 1rem 3rem}}
.c-atelier__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem}
@media(min-width:900px){.c-atelier__inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:4rem}}

/* SLIDER */
.c-atelier__slider{width:100%;min-width:0}
.c-atelier__stage{position:relative;width:100%;aspect-ratio:4/3;background:#111;overflow:hidden}
.c-atelier__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}
.c-atelier__slide.is-active{opacity:1;z-index:1}
.c-atelier__slide img{width:100%;height:100%;object-fit:cover;display:block}
.c-atelier__radios{display:flex;justify-content:center;gap:.75rem;padding:1rem 0 0}
.c-atelier__radio{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;background:transparent;cursor:pointer;padding:0;transition:background .2s,transform .2s;color:#000}
.c-atelier__radio.is-active{background:currentColor;transform:scale(1.2)}
@media(max-width:899px){.c-atelier__radio{color:#fff}}

/* CONTENT */
.c-atelier__content{color:#000;min-width:0}
@media(max-width:899px){.c-atelier__content{padding-top:2.5rem}}
.c-atelier__content h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:400;line-height:1.05;margin-bottom:1.25rem;color:#000}
.c-atelier__content p{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7;color:#000}
.c-atelier__link{display:inline-block;color:#000;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:1rem;transition:color .2s}
.c-atelier__link:hover{color:var(--accent)}

/* === 2. Service CTA centré === */
.c-service__section{text-align:center}
.c-service__section p{text-align:left}

/* === 3. Mobile horaires : gap plus grand entre jour et heure === */
@media(max-width:899px){
  .c-info__hours-row{gap:3rem;justify-content:space-between;padding:0 1rem}
}

/* === 4. Home services grid (maquette ref) === */
.c-home-services{padding:0;background:#000;border-top:2px solid #fff;border-bottom:2px solid #fff}
.c-home-services__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:768px){.c-home-services__inner{grid-template-columns:repeat(3,1fr)}}
.c-home-service{background:#fff;color:#000;padding:2rem;display:flex;flex-direction:column;gap:1rem;min-height:320px;border:1px solid #000;text-align:center}
.c-home-service--dark{background:#000;color:#fff;border-color:#fff}
.c-home-service--dark .c-home-service__cta{background:#fff;color:#000;border-color:#fff}
.c-home-service--dark .c-home-service__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.c-home-service__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:.5rem}
.c-home-service__text{font-size:.85rem;line-height:1.55;flex:1}
.c-home-service__cta{align-self:center;margin-top:auto;padding:.65rem 1.5rem;background:#000;color:#fff;text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border:2px solid #000;transition:background .2s,color .2s}
.c-home-service__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* === 5. Realisations section === */
.c-realisations{padding:4rem 1.5rem;background:#fff;color:#000;border-top:2px solid #000;border-bottom:2px solid #000}
.c-realisations__inner{max-width:900px;margin:0 auto;text-align:center}
.c-realisations__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;text-transform:uppercase;margin-bottom:1rem}
.c-realisations__text{font-size:1.05rem;line-height:1.65;margin-bottom:2rem}
.c-realisations__links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.c-realisations__cta{display:inline-block;padding:.85rem 1.75rem;border:2px solid #000;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;transition:background .2s,color .2s}
.c-realisations__cta--primary{background:#000;color:#fff}
.c-realisations__cta--primary:hover{background:var(--accent);border-color:var(--accent)}
.c-realisations__cta--secondary{background:#fff;color:#000}
.c-realisations__cta--secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* === 6. Phototech page === */
.c-phototech{padding:1rem 1.5rem 3rem;background:#000}
.c-phototech__inner{max-width:1400px;margin:0 auto}
.c-phototech__intro{text-align:center;max-width:720px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.65;color:#fff}
.c-phototech__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:768px){.c-phototech__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
@media(min-width:1200px){.c-phototech__grid{grid-template-columns:repeat(4,1fr)}}
.c-phototech__item{aspect-ratio:1/1;background:#222;overflow:hidden;border:2px solid #fff}
.c-phototech__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.c-phototech__item:hover img{transform:scale(1.08)}


/* v0.16 — Radios slider alignés à droite en desktop */
@media(min-width:900px){.c-atelier__radios{justify-content:flex-end;padding-right:.5rem}}

/* v0.16 — Mobile contacts form + intro : retirer max-width/padding qui bloquent */
@media(max-width:600px){
  .c-form{padding:3rem 1rem}
  .c-form__grid{gap:1rem}
  .c-form__row{display:flex;flex-direction:column;gap:1rem}
  .c-form__field input,.c-form__field textarea{width:100%;max-width:100%;box-sizing:border-box}
  .c-contacts-top{padding:2.5rem 1rem 3rem}
  .c-info--with-map{padding:3rem 1rem}
  .c-info__col{padding:0 .5rem}
  .c-links{padding:3rem 1rem}
}

/* v0.16 — Supprimer tous les traits parasites partenaires + uniformiser */



.c-partners__item{border:2px solid #000}

/* v0.16 — Retirer les traits blancs parasites des sections sur fond noir */
.c-home-services{border-top:0;border-bottom:0}
.c-home-service{border:1px solid #000}
.c-home-service--dark{border:1px solid #000}


/* v0.17 — Tarifs €/h en bleu accent */
.c-machine-card__price-alt{color:var(--accent);font-size:.7em;font-weight:700;margin-left:.4rem;opacity:1}

/* v0.17 — Page article (style services) */
.c-article{background:#fff;color:#000;padding:3rem 1.5rem 1rem}
.c-article__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;text-transform:uppercase;text-align:center;margin:0 0 1rem;color:#000;text-shadow:3px 3px 0 #fff,4px 4px 0 #000}
.c-article__date{display:block;text-align:center;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:3rem}
.c-article__hero{display:grid;grid-template-columns:1fr;gap:0;border:2px solid #000;max-width:1100px;margin:0 auto 3rem}
@media(min-width:768px){.c-article__hero{grid-template-columns:1fr 1fr;align-items:stretch}}
.c-article__hero-media{aspect-ratio:auto;overflow:hidden;background:#fff;border-bottom:2px solid #000;min-height:280px}
@media(min-width:768px){.c-article__hero-media{border-bottom:0;border-right:2px solid #000;height:100%}}
.c-article__hero-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%}
.c-article__hero-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}
.c-article__hero-content h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;margin-bottom:1rem;line-height:1.1}
.c-article__hero-content p{font-size:.95rem;line-height:1.65;margin-bottom:1rem}
.c-article__section{max-width:1100px;margin:0 auto 3rem;padding:2rem;border:2px solid #000;background:#fff;text-align:center}
.c-article__section h3{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:400;margin-bottom:1.25rem}
.c-article__section p{font-size:.95rem;line-height:1.7;margin-bottom:1rem;text-align:left}
.c-article__cta-wrap{text-align:center;margin-top:1.5rem}
.c-article__cta{display:inline-block;padding:.85rem 2rem;background:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;border:2px solid #000;transition:background .25s,color .25s}
.c-article__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.c-article__back{display:block;text-align:center;margin:2rem auto 1rem;font-weight:700;color:#000;text-decoration:none;font-size:.95rem}
.c-article__back:hover{color:var(--accent)}
.c-article__back::before{content:"\2190 "}


/* v0.18 — Partners sans traits */

/* v0.18 — Titre slider blanc en mobile (page contacts) */
@media(max-width:899px){.c-atelier__content h2{color:#fff}.c-atelier__content p{color:#fff}.c-atelier__content .c-atelier__link{color:#fff}}


/* ============================================================
   v0.19 — Pages légales + bandeau cookies + form feedback
   ============================================================ */

/* === Pages légales (mentions, CGU, etc.) === */
.c-legal{background:#fff;color:#000;padding:3rem 1.5rem 4rem;min-height:60vh}
.c-legal__inner{max-width:820px;margin:0 auto}
.c-legal__title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:400;text-transform:uppercase;text-align:center;margin:0 0 .5rem;color:#000;text-shadow:3px 3px 0 #fff,4px 4px 0 #000}
.c-legal__updated{display:block;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:3rem}
.c-legal h2{font-family:var(--font-display);font-size:1.45rem;font-weight:400;text-transform:uppercase;margin:2.5rem 0 1rem;color:#000;border-bottom:2px solid #000;padding-bottom:.5rem}
.c-legal h3{font-family:var(--font-body);font-size:1.05rem;font-weight:700;margin:1.5rem 0 .75rem}
.c-legal p, .c-legal li{font-size:.95rem;line-height:1.65;margin-bottom:1rem}
.c-legal ul{padding-left:1.5rem;margin-bottom:1.25rem}
.c-legal li{margin-bottom:.5rem}
.c-legal a{color:#000;text-decoration:underline;text-underline-offset:3px}
.c-legal a:hover{color:var(--accent)}
.c-legal__back{display:block;text-align:center;margin:3rem auto 0;font-weight:700;color:#000;text-decoration:none;font-size:.95rem}
.c-legal__back:hover{color:var(--accent)}
.c-legal__back::before{content:"\2190 "}

/* === Bandeau cookies === */
.c-cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#000;color:#fff;padding:1.25rem 1.5rem;z-index:9999;border-top:2px solid var(--accent);box-shadow:0 -4px 20px rgba(0,0,0,.3);animation:cookieSlideUp .4s ease}
@keyframes cookieSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.c-cookie-banner__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.c-cookie-banner__text{margin:0;font-size:.9rem;line-height:1.5;flex:1;min-width:240px;color:#fff}
.c-cookie-banner__text a{color:var(--accent);text-decoration:underline}
.c-cookie-banner__actions{display:flex;gap:.75rem;flex-shrink:0}
.c-cookie-banner__btn{padding:.65rem 1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;border:2px solid #fff;cursor:pointer;transition:background .2s,color .2s}
.c-cookie-banner__btn--accept{background:var(--accent);color:#fff;border-color:var(--accent)}
.c-cookie-banner__btn--accept:hover{background:#fff;color:#000}
.c-cookie-banner__btn--refuse{background:transparent;color:#fff}
.c-cookie-banner__btn--refuse:hover{background:#fff;color:#000}
@media(max-width:600px){
  .c-cookie-banner__inner{flex-direction:column;text-align:center}
  .c-cookie-banner__actions{width:100%;justify-content:center}
  .c-cookie-banner__btn{flex:1}
}

/* === Form status (succès / erreur) === */
.c-form__status{margin-top:1.5rem;padding:0;font-size:.95rem;line-height:1.5;text-align:center}
.c-form__status.is-success{padding:1rem 1.5rem;background:#d1f4d1;color:#0a5d0a;border:2px solid #0a5d0a}
.c-form__status.is-error{padding:1rem 1.5rem;background:#ffe0e0;color:#a00;border:2px solid #a00}

/* === Honeypot caché === */
.c-form__honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}

/* === Formulaire : select, help, required, consentement (v26) === */
.c-form__field select{padding:.85rem 1rem;border:1px solid #000;background:#fff;font-family:inherit;font-size:.95rem;transition:border-color .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.c-form__field select:focus{outline:none;border-color:#000;border-width:2px;padding:calc(.85rem - 1px) calc(2.5rem - 1px) calc(.85rem - 1px) calc(1rem - 1px)}
.c-form__help{font-size:.75rem;opacity:.65;margin-top:.25rem}
.c-form__req{color:#a00;font-weight:700}
.c-form__required-note{font-size:.75rem;opacity:.7;margin:0;text-align:right}
.c-form__consent{display:flex;align-items:flex-start}
.c-form__consent-label{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;line-height:1.5;cursor:pointer;font-weight:400;text-transform:none;letter-spacing:0}
.c-form__consent-label input[type="checkbox"]{flex-shrink:0;margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:#000;cursor:pointer}
.c-form__consent-label a{color:#000;text-decoration:underline}
.c-form__consent-label a:hover{text-decoration:none}



/* ============================================================
   v0.20 — Page 404 avec bandes "ERROR 404" animées
   ============================================================ */
.c-404{background:#000;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative}
.c-404__bands{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;pointer-events:none;z-index:1}
.c-404__band{display:flex;width:max-content;font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);line-height:1;font-weight:400;letter-spacing:.05em;color:#fff;white-space:nowrap;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;color:transparent}
.c-404__band--filled{color:#fff;-webkit-text-stroke:0;text-stroke:0}
.c-404__band--ltr{animation:bandLtr 25s linear infinite}
.c-404__band--rtl{animation:bandRtl 25s linear infinite}
.c-404__band--accent{color:var(--accent);-webkit-text-stroke:0;text-stroke:0}
@keyframes bandLtr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes bandRtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.c-404__content{position:relative;z-index:2;background:rgba(0,0,0,.85);padding:2.5rem 2rem;text-align:center;max-width:560px;border:2px solid var(--accent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.c-404__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;text-transform:uppercase;margin:0 0 1.25rem;color:#fff}
.c-404__text{font-size:1rem;line-height:1.6;margin:0 0 2rem;color:#fff;opacity:.9}
.c-404__cta{display:inline-block;padding:.85rem 2rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;border:2px solid var(--accent);transition:background .2s,color .2s}
.c-404__cta:hover{background:#fff;color:#000;border-color:#fff}

/* === Hero accueil avec image de fond === */
.c-hero{background-size:cover;background-position:center;position:relative}


/* v0.21 — Keyframes marquee définitive et propre */
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}


/* v0.22 — Fix mobile : texte sous slider sur fond blanc lisible */
@media(max-width:899px){
  .c-atelier{background:#000;padding:0}
  .c-atelier__inner{background:#000;padding:0}
  .c-atelier__slider{padding:2rem 1rem 1rem;background:#000}
  .c-atelier__stage{margin:0 auto;max-width:100%}
  .c-atelier__radios{background:#000}
  .c-atelier__content{background:#fff;color:#000;padding:2.5rem 1.5rem 3rem;margin-top:0}
  .c-atelier__content h2{color:#000}
  .c-atelier__content p{color:#000}
  .c-atelier__content .c-atelier__link{color:#000}
}


/* v0.23 — Projets cards + News grid 5 cartes */
.c-projet-card{background:#fff;color:#000;border:2px solid #000;display:grid;grid-template-columns:1fr;overflow:hidden;transition:transform .3s ease}
@media(min-width:768px){.c-projet-card{grid-template-columns:1fr 1fr;min-height:380px}}
.c-projet-card:hover{transform:translateY(-4px)}
.c-projet-card__media{background:#222;overflow:hidden;min-height:280px}
.c-projet-card__media img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%}
.c-projet-card__body{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:.25rem}
.c-projet-card__body h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;margin:0 0 .5rem;line-height:1.1}
.c-projet-card__body p{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex:1}
.c-projet-card__cta{align-self:flex-start;padding:.75rem 1.75rem;background:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;border:2px solid #000;transition:background .2s,color .2s}
.c-projet-card__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}



/* ============================================================
   v0.26 — Page de confirmation d'envoi formulaire (merci.html)
   ============================================================ */
.c-merci{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;background:#fff;color:#000}
.c-merci__inner{max-width:640px;margin:0 auto;text-align:center}
.c-merci__icon{width:96px;height:96px;margin:0 auto 2rem;color:#0a5d0a;display:flex;align-items:center;justify-content:center}
.c-merci__icon svg{width:100%;height:100%}
.c-merci__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;text-transform:uppercase;margin:0 0 1.25rem;letter-spacing:.02em}
.c-merci__lead{font-size:1.15rem;line-height:1.55;margin:0 0 1rem}
.c-merci__text{font-size:.95rem;opacity:.8;line-height:1.6;margin:0 0 2.5rem}
.c-merci__text a{color:#000;font-weight:700;text-decoration:underline}
.c-merci__text a:hover{text-decoration:none}
.c-merci__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.c-merci__btn{display:inline-block;padding:.85rem 1.5rem;border:2px solid #000;background:#fff;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;text-decoration:none;transition:background .25s,color .25s}
.c-merci__btn:hover{background:#000;color:#fff}
.c-merci__btn--primary{background:#000;color:#fff}
.c-merci__btn--primary:hover{background:#fff;color:#000}
@media(max-width:599px){.c-merci{padding:3rem 1rem}.c-merci__actions{flex-direction:column}.c-merci__btn{width:100%;text-align:center}}

/* ============================================================
   v0.30 — Logos partenaires (images réelles dans le marquee)
   ============================================================ */
/* Override : on enlève la bordure noire et on contient les logos */
.c-partners__item{border:none;padding:.5rem 1rem;background:transparent;font-size:0}
.c-partners__item img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:599px){.c-partners__item{width:140px}}

/* ============================================================
   v0.30 — Galerie de photos (article projet 1)
   ============================================================ */
.c-project-gallery{padding:3rem 1.5rem;background:#fff;color:#000;max-width:1100px;margin:0 auto}
.c-project-gallery__title{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:400;text-align:center;text-transform:uppercase;margin:0 0 2rem;letter-spacing:.02em}
.c-project-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.c-project-gallery__item{overflow:hidden;aspect-ratio:4/3;background:#f2f2f2}
.c-project-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.c-project-gallery__item:hover img{transform:scale(1.05)}
@media(max-width:599px){.c-project-gallery{padding:2rem 1rem}.c-project-gallery__grid{grid-template-columns:1fr;gap:.75rem}}

/* ============================================================
   v0.31 — Recherche interne : dropdown de résultats
   ============================================================ */
.c-header__searchbar-inner{position:relative}
.c-search-results{position:absolute;top:100%;left:1.5rem;right:4rem;background:#fff;color:#000;border:1px solid #000;border-top:none;max-height:70vh;overflow-y:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:1000}
.c-search-results.is-open{display:block}
.c-search-results__item{display:block;padding:.9rem 1.25rem;border-bottom:1px solid #eee;text-decoration:none;color:#000;transition:background .15s}
.c-search-results__item:last-child{border-bottom:none}
.c-search-results__item:hover,
.c-search-results__item.is-active,
.c-search-results__item:focus{background:#f4f4f4;outline:none}
.c-search-results__title{display:block;font-size:.95rem;font-weight:700;margin-bottom:.15rem}
.c-search-results__desc{display:block;font-size:.8rem;color:#666;line-height:1.35}
.c-search-results__empty{padding:1.5rem;margin:0;text-align:center;color:#888;font-size:.9rem;font-style:italic}
@media(max-width:599px){.c-search-results{left:1rem;right:3.5rem}}