@charset "UTF-8";
/**
 * @file contact.scss
 * @description Styles spécifiques pour la page Contact
 */
/**
 * @file _tokens.scss
 * @description Variables de design (couleurs, typo, espacements, breakpoints)
 */
#page-contact p, #page-contact address {
  margin-bottom: 2rem;
}
#page-contact address {
  font-style: normal;
  font-size: 1.25rem;
}
#page-contact address a {
  text-decoration: none;
  display: flex;
  gap: 0.5rem;
}
#page-contact address a:hover {
  text-decoration: underline;
}
#page-contact address a[href^="tel:"]::before {
  content: url("/assets/images/icon-phone-blue.svg");
}
#page-contact h3 {
  font-size: 1.75rem;
}
#page-contact .contact-form {
  display: grid;
  gap: 1rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  padding: 2rem;
  margin-inline: auto;
  margin-bottom: 4rem;
}