/* --- Patch index (évite les bugs mobile) --- */
@media (max-width: 820px){
  #content{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
  }

  #menu{
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }
}


/* --- CTA image (effet bouton, sans changer le HTML) --- */
a.cta-img{
  float:left;
  display:block;
  width:326px;
  height:300px;
  border-radius:14px;
  overflow:hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,0.10);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.cta-img:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,0.14);
}

a.cta-img:focus{
  outline: 3px solid #339EEB;
  outline-offset: 3px;
}

a.cta-img .frontphoto{
  float:none;          /* annule le float historique */
  display:block;
  width:326px;
  height:300px;
  border:0;
}