/* Supprime les outlines sur focus/active pour tous les éléments cliquables */
a:focus,
a:active,
button:focus,
button:active,
input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}


html {
  scroll-behavior: smooth !important;
}

/* Pour les grands écrans (PC) */
@media (min-width: 768px) {
  #infos {
    scroll-margin-top: 80px; /* Décalage de 150px sur PC */
  }
}

/* Pour les petits écrans (mobiles) */
@media (max-width: 767px) {
  #infos {
    scroll-margin-top: 50px; /* Décalage de 100px sur mobile */
  }
}


/* Pour les grands écrans (PC) */
@media (min-width: 768px) {
  #services {
    scroll-margin-top: 80px; /* Décalage de 150px sur PC */
  }
}

/* Pour les petits écrans (mobiles) */
@media (max-width: 767px) {
  #services {
    scroll-margin-top: 40px; /* Décalage de 100px sur mobile */
  }
}



/* Pour les grands écrans (PC) */
@media (min-width: 768px) {
  #contact {
    scroll-margin-top: 80px; /* Décalage de 150px sur PC */
  }
}

/* Pour les petits écrans (mobiles) */
@media (max-width: 767px) {
  #contact {
    scroll-margin-top: 00px; /* Décalage de 100px sur mobile */
  }
}