:root{
  --accent:#3b82f6;
  --yellow:#facc15;
  --bg:#f8fafc;
  --card:#fff;
  --radius:16px;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:var(--bg)}

/* MENU */
.menu-toggle{position:fixed;top:12px;left:12px;font-size:24px;z-index:2001;cursor:pointer}
.side-menu{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#fff;padding:20px;transition:.3s;z-index:2000;box-shadow:2px 0 10px rgba(0,0,0,.1)}
.side-menu.active{left:0}
.side-menu a{display:block;margin:12px 0;text-decoration:none;color:#333}

/* HEADER CENTRÉ */
header{
  position:sticky;
  top:0;
  background: linear-gradient(135deg,var(--accent),#60a5fa);
  text-align:center;
  color:white;
  padding:16px 0;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
}
.header-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.logo-center img{
  height:55px;
  display:block;
  margin:0 auto;
  transition: transform 0.3s;
}
.logo-center img:hover{transform:scale(1.05);}
.header-text h1{
  margin:6px 0 2px 0;
  font-size:20px;
  font-weight:600;
}
.retour{
  display:inline-block;
  margin-top:6px;
  background:var(--yellow);
  color:#111;
  padding:6px 12px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}

/* MAIN */
main{padding:16px}
.galerie{display:flex;gap:10px;overflow-x:auto;margin-bottom:15px}
.galerie img{width:180px;height:130px;object-fit:contain;background:#fff;border-radius:12px}
.bloc{background:var(--card);padding:14px;border-radius:var(--radius);margin-bottom:12px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.btn{display:block;text-align:center;background:var(--accent);color:#fff;padding:10px;border-radius:10px;margin-top:10px;text-decoration:none}