.ss-contact{display:flex;align-items:center;gap:10px;font-family:montserrat,sans-serif}
.ss-contact a{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:0 14px;border-radius:22px;text-decoration:none;
  font-size:15px;font-weight:600;line-height:1;white-space:nowrap}
.ss-contact a:focus-visible{outline:3px solid #043E88;outline-offset:2px}
.ss-tel{color:#043E88;background:transparent;border:2px solid #043E88}
.ss-tel:hover{background:#043E88;color:#fff}
.ss-wa{color:#0B141A;background:#25D366;border:2px solid #25D366}
.ss-wa:hover{filter:brightness(.93)}
.ss-wa-i{width:20px;height:20px;flex:0 0 20px}
/* Header : ancre en absolu DANS le repere du header Wix -> le flux existant
   (logo, menu, sous-menu) n'est pas modifie d'un pixel. */
#SITE_HEADER{position:relative}
.ss-contact-header{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:60}
/* Footer : dans le flux, centre. */
.ss-contact-footer{justify-content:center;margin:18px 0 8px}
.ss-contact-footer .ss-tel{color:#fff;border-color:#fff}
.ss-contact-footer .ss-tel:hover{background:#fff;color:#043E88}
/* Bloc de remplacement du formulaire : remplit la hauteur que Wix avait figee
   pour le formulaire -> pas de trou blanc.
   Le formulaire est pose sur le FOND BLEU de page sur les 10 pages concernees (verifie) :
   texte en ivoire rgb(255,254,248) = le token exact du titre "Contactez-nous" de Wix
   (contraste ~10:1 sur le bleu). Du bleu #043E88 y serait invisible. */
.ss-contact-form{flex-direction:column;gap:16px;align-items:center;justify-content:center;
  height:100%;min-height:220px;padding:24px 16px;text-align:center}
.ss-contact-form p{margin:0;font-size:17px;line-height:1.5;color:rgb(255,254,248);max-width:36em}
.ss-contact-form .ss-tel{color:rgb(255,254,248);border-color:rgb(255,254,248)}
.ss-contact-form .ss-tel:hover{background:rgb(255,254,248);color:#043E88}
.ss-contact-form a:focus-visible{outline-color:rgb(255,254,248)}
.ss-contact-form .ss-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ss-contact-form a{font-size:16px;padding:0 20px;min-height:48px}
/* Bandeau mobile : affiche SOUS le header, dans le flux, pleine largeur.
   Raison mesuree : le header mobile Wix est un canvas de 320px ou le logo occupe
   x=10..240 et le burger x=250..300 -> il n'y a AUCUNE place libre pour y ancrer
   quoi que ce soit. Un bloc absolu chevauche le logo. Le bandeau est donc pose juste
   en dessous : rien ne se chevauche, le contact reste visible en haut de page. */
.ss-contact-strip{display:none}
@media(max-width:520px){
  .ss-contact-header{display:none}
  .ss-contact-strip{display:flex;justify-content:center;gap:10px;
    padding:10px 12px;background:rgb(255,254,248);border-bottom:1px solid rgba(4,62,136,.18)}
  .ss-contact-strip a{flex:1 1 0;max-width:200px}
  .ss-contact-form .ss-actions{flex-direction:column;width:100%;max-width:320px}
  .ss-contact-form a{width:100%}
}