/* Ateliers W — reproduction du site Wix.
   Ajustez ici les couleurs et polices pour coller au rendu Wix. */
:root{
  --fond:#ffffff;
  --texte:#1a1a1a;
  --accent:#1a1a1a;
  --pied:#1a1a1a;
  --pied-texte:#ffffff;
  --police:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--police);color:var(--texte);background:var(--fond);line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(100% - 3rem,1100px);margin-inline:auto}

/* En-tête */
.entete{position:absolute;top:0;left:0;right:0;z-index:5;padding:1.25rem 0;color:#fff}
.entete .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.4rem;font-weight:700;text-decoration:none;letter-spacing:.02em}

/* Hero */
.hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;color:#fff;
  background:#333 url("https://static.wixstatic.com/media/990b2f_448993ceef384a4c9571619c495d6785~mv2.jpg") center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero__contenu{position:relative;padding:6rem 1.5rem 3rem}
.hero p{font-size:1.2rem;margin:0 0 .5rem}
.hero h1{font-size:clamp(3rem,9vw,6.5rem);margin:0 0 2rem;font-weight:700;line-height:1.05}

.btn{display:inline-block;padding:.9rem 2rem;background:var(--accent);color:#fff;text-decoration:none;
  border:2px solid var(--accent);font:inherit;font-weight:600;cursor:pointer}
.hero .btn{background:#fff;color:#1a1a1a;border-color:#fff}
.btn:hover{opacity:.85}

/* Sections */
.section{padding:5rem 0}
.section h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 2.5rem;text-align:center}

/* Notre entreprise */
.entreprise__grille{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.entreprise img{width:100%;height:auto;object-fit:cover}
.entreprise h3{font-size:1.6rem;margin:0 0 1rem}
.entreprise p{margin:0 0 1.5rem}

/* Réalisations */
.galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.galerie img{width:100%;aspect-ratio:382/510;object-fit:cover}

/* Témoignage */
.temoignage{max-width:44rem;margin:3.5rem auto 0;text-align:center}
.temoignage cite{display:block;font-style:normal;font-weight:700;margin-bottom:.75rem}
.temoignage blockquote{margin:0;font-size:1.15rem}

.petits-travaux{text-align:center;margin-top:2.5rem}

/* Contact */
.contact{background:#f3f3f3}
.contact__grille{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.contact h2{text-align:left;font-size:1.8rem}
form{display:grid;gap:1rem}
label{font-weight:600;font-size:.95rem}
input[type=email],input[type=text],input[type=tel],textarea{width:100%;font:inherit;padding:.75rem;border:1px solid #999;background:#fff}
textarea{min-height:7rem}
.case{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.infos{display:grid;gap:.4rem;margin-bottom:1.5rem;font-style:normal}
.reseaux{display:flex;gap:1rem;list-style:none;padding:0;margin:0}
.retour{min-height:1.4rem;font-weight:600}
.hp{position:absolute;left:-9999px}

/* Pied */
.pied{background:var(--pied);color:var(--pied-texte);padding:2rem 0;font-size:.9rem}
.pied ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem;padding:0;margin:0 0 1rem}
.pied a{text-decoration:none}
.pied a:hover{text-decoration:underline}

/* Pages secondaires */
.page-simple{padding:8rem 0 4rem}
.page-simple .entete{position:static}

@media(max-width:52rem){
  .entreprise__grille,.contact__grille{grid-template-columns:1fr}
  .galerie{grid-template-columns:repeat(2,1fr)}
}
.galerie img.nouvelle-ligne{grid-column-start:1}