/* --- Patch responsive minimal (sans casser le design) --- */
img{max-width:100%;height:auto;}

@media (max-width: 820px){
  #wrap{width:100% !important; padding:0 12px;}
  #header{height:auto;}
  #logo{float:none; margin:0 auto; text-align:center;}
  #menu{float:none; width:100%;}
  #menu ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;margin:0;}
  #menu li{float:none;display:block;}
  #menu a{display:block;padding:10px 12px;}
  #content{width:100% !important;}
  .frontphoto{display:none;}
}