.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Roboto, sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Roboto, sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-ab18c3d{--e-icon-list-icon-size:16px;--icon-vertical-offset:1px;}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-item > a{font-family:"Inter", Roboto, sans-serif;font-size:16px;font-weight:400;}.elementor-12798 .elementor-element.elementor-element-ab18c3d .elementor-icon-list-text{color:#6D6D6D;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Roboto, sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12798 .elementor-element.elementor-element-cb79905 .elementor-heading-title{font-family:"TT Firs Neue Trl", Roboto, sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-12798 .elementor-element.elementor-element-250cdb2a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-250cdb2a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-250cdb2a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12798 .elementor-element.elementor-element-250cdb2a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12798 .elementor-element.elementor-element-250cdb2a .elementor-icon-list-item > a{font-family:"Inter", Roboto, sans-serif;font-size:16px;font-weight:400;}.elementor-12798 .elementor-element.elementor-element-250cdb2a .elementor-icon-list-text{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-5a96d3df .elementor-heading-title{font-family:"TT Firs Neue Trl", Roboto, sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-12798 .elementor-element.elementor-element-2ed6d47b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-2ed6d47b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-2ed6d47b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12798 .elementor-element.elementor-element-2ed6d47b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12798 .elementor-element.elementor-element-2ed6d47b .elementor-icon-list-item > a{font-family:"Inter", Roboto, sans-serif;font-size:16px;font-weight:400;}.elementor-12798 .elementor-element.elementor-element-2ed6d47b .elementor-icon-list-text{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-8b31957 .elementor-heading-title{font-family:"TT Firs Neue Trl", Roboto, sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-12798 .elementor-element.elementor-element-689707f9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-689707f9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-689707f9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12798 .elementor-element.elementor-element-689707f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12798 .elementor-element.elementor-element-689707f9 .elementor-icon-list-item > a{font-family:"Inter", Roboto, sans-serif;font-size:16px;font-weight:400;}.elementor-12798 .elementor-element.elementor-element-689707f9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-64bc7af0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-64bc7af0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-64bc7af0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12798 .elementor-element.elementor-element-64bc7af0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12798 .elementor-element.elementor-element-64bc7af0 .elementor-icon-list-item > a{font-family:"Inter", Roboto, sans-serif;font-weight:400;}.elementor-12798 .elementor-element.elementor-element-64bc7af0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-icon i{color:#8CA4C1;transition:color 0.3s;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-icon svg{fill:#8CA4C1;transition:fill 0.3s;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#1565E4;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#1565E4;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Roboto, sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-12798 .elementor-element.elementor-element-20cfc2a4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;--e-icon-list-icon-size:25px;}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-12798 .elementor-element.elementor-element-20cfc2a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}}/* Start custom CSS *//* ==========================================================
   21. PIED DE PAGE
   ==========================================================

   CLASSES À POSER DANS ELEMENTOR
   ------------------------------
   .pied            -> le Flexbox du pied de page
   .pied-haut       -> le Flexbox des colonnes
   .pied-marque     -> la colonne de gauche
   .pied-logo       -> le widget Image du logo
   .pied-adresse    -> le Paragraphe de présentation
   .pied-rapides    -> la Liste d'icônes des liens rapides
   .pied-badges     -> le Flexbox des logos partenaires
   .pied-col        -> chaque colonne de liens
   .pied-col-titre  -> le Titre de colonne
   .pied-liste      -> la Liste d'icônes de chaque colonne
   .pied-bas        -> la barre du bas
   .pied-legaux     -> la Liste d'icônes des mentions légales
   .pied-langue     -> le Bouton du sélecteur de langue
   .pied-reseaux    -> le widget Réseaux sociaux

   ⚠ LE SÉLECTEUR DE LANGUE
   Dans le champ texte, tape seulement "Français".
   Laisse le champ Icône VIDE.

   LE RYTHME VERTICAL
   ------------------
   Une seule échelle sur tout le pied de page :

     16 px   base typographique
     1.55    hauteur de ligne
     16 px   entre deux liens d'une liste
     28 px   d'un titre à son premier lien
     40 px   entre deux blocs d'une colonne

   Tous les espacements sont des multiples de 4.
   ========================================================== */


/* ----------------------------------------------------------
   21.1 — LA SECTION
   ---------------------------------------------------------- */

.pied {
  display: block !important;
  background: #FFFFFF;
  border-top: 1px solid #E4E9F0;
  padding: 80px 24px 32px !important;
  box-sizing: border-box;
  overflow-x: hidden;
}


/* ----------------------------------------------------------
   21.2 — LA RANGÉE DE COLONNES
   Largeur élargie à 1360 px : les 4 colonnes respirent au
   lieu d'être comprimées.
   ---------------------------------------------------------- */

.pied-haut {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 52px 40px !important;

  max-width: 1360px;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 0 64px !important;
  box-sizing: border-box;
}

.pied-marque {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  flex: 1 1 300px !important;
  max-width: 340px;
  min-width: 0;
  padding: 0 !important;
}

.pied-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  flex: 1 1 200px !important;
  min-width: 0;
  padding: 0 !important;
}


/* ----------------------------------------------------------
   21.3 — LA COLONNE DE MARQUE
   ---------------------------------------------------------- */

.pied-logo {
  margin: 0 0 28px !important;
  padding: 0 !important;
  line-height: 0;
}

.pied-logo img {
  display: block;
  width: auto;
  max-width: 200px;
  height: auto;
}

.pied-adresse,
.pied-adresse p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #4C6C9C !important;
  margin: 0 0 40px !important;
  padding: 0 !important;
}

.pied-adresse p + p {
  margin-top: 16px !important;
}

.pied-adresse strong {
  font-weight: 600;
  color: #12376B;
}

.pied-adresse a {
  color: #1565E4 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(21, 101, 228, .3);
  transition: border-color 150ms linear;
  overflow-wrap: break-word;
}

.pied-adresse a:hover { border-color: #1565E4; }


/* ----------------------------------------------------------
   21.4 — LES LIENS RAPIDES
   Même rythme que les colonnes de liens : 16 px entre
   chaque ligne, même taille de texte.
   ---------------------------------------------------------- */

.pied-rapides {
  margin: 0 0 40px !important;
  padding: 0 !important;
  width: 100%;
}

.pied-rapides ul,
.pied-rapides .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pied-rapides li,
.pied-rapides .elementor-icon-list-item {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-rapides .elementor-icon-list-item a {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;

  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #12376B !important;
  text-decoration: none !important;

  transition: color 150ms linear;
}

.pied-rapides .elementor-icon-list-item a:hover,
.pied-rapides .elementor-icon-list-item a:hover .elementor-icon-list-text {
  color: #1565E4 !important;
}

/* C'est la marge du texte qui crée l'écart :
   le `gap` du lien est neutralisé par Elementor. */
.pied-rapides .elementor-icon-list-text {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin-left: 14px !important;
  padding-left: 0 !important;
}

.pied-rapides .elementor-icon-list-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #9AAABF !important;
  transition: color 150ms linear;
}

.pied-rapides .elementor-icon-list-item a:hover .elementor-icon-list-icon {
  color: #1565E4 !important;
}

.pied-rapides .elementor-icon-list-icon svg,
.pied-rapides .elementor-icon-list-icon i,
.pied-rapides .elementor-icon-list-icon img {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  font-size: 17px !important;
  color: inherit !important;
  fill: currentColor !important;
  stroke-width: 1.5 !important;
}

.pied-rapides .elementor-icon-list-icon svg * {
  fill: currentColor !important;
}


/* ----------------------------------------------------------
   21.5 — LES LOGOS PARTENAIRES
   ---------------------------------------------------------- */

.pied-badges {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pied-badges img {
  display: block;
  width: auto;
  max-height: 56px;
  height: auto;
  opacity: .85;
  transition: opacity 150ms linear;
}

.pied-badges img:hover { opacity: 1; }


/* ----------------------------------------------------------
   21.6 — LES COLONNES DE LIENS
   Le padding du widget est neutralisé : c'est lui qui
   creusait un écart de 70 px sous les titres.
   ---------------------------------------------------------- */

.pied-col-titre {
  margin: 0 0 28px !important;
  padding: 0 !important;
  width: 100%;
}

.pied-col-titre .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-col-titre .elementor-heading-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  color: #12376B !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pied-liste {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.pied-liste .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-liste ul,
.pied-liste .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pied-liste li,
.pied-liste .elementor-icon-list-item {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-liste .elementor-icon-list-icon { display: none !important; }

.pied-liste .elementor-icon-list-item a {
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #4C6C9C !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: break-word;
  transition: color 150ms linear;
}

.pied-liste .elementor-icon-list-text {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pied-liste .elementor-icon-list-item:hover a,
.pied-liste .elementor-icon-list-item a:hover,
.pied-liste .elementor-icon-list-item a:hover .elementor-icon-list-text {
  color: #1565E4 !important;
}

.pied-liste .elementor-icon-list-item a:focus-visible {
  outline: 2px solid #1565E4;
  outline-offset: 3px;
  border-radius: 3px;
}


/* ----------------------------------------------------------
   21.7 — LA BARRE DU BAS
   ---------------------------------------------------------- */

.pied-bas {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px 32px !important;

  max-width: 1360px;
  width: 100%;
  margin: 0 auto !important;
  padding: 32px 0 0 !important;
  border-top: 1px solid #E4E9F0;
  box-sizing: border-box;
}

.pied-legaux {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto;
  min-width: 0;
}

.pied-legaux .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-legaux ul,
.pied-legaux .elementor-icon-list-items {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 12px 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pied-legaux li,
.pied-legaux .elementor-icon-list-item {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-legaux .elementor-icon-list-icon { display: none !important; }

.pied-legaux .elementor-icon-list-item a,
.pied-legaux .elementor-icon-list-text {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #4C6C9C !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: color 150ms linear;
}

.pied-legaux .elementor-icon-list-item:hover a,
.pied-legaux .elementor-icon-list-item a:hover,
.pied-legaux .elementor-icon-list-item a:hover .elementor-icon-list-text {
  color: #1565E4 !important;
}


/* ----------------------------------------------------------
   21.8 — LE SÉLECTEUR DE LANGUE
   ---------------------------------------------------------- */

.pied-langue {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

.pied-langue :is(a, button, .elementor-button) {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;

  background: #FFFFFF !important;
  color: #12376B !important;
  border: 1px solid #D5DEEB !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;

  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: nowrap;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;

  transition: border-color 150ms linear, background 150ms linear;
}

.pied-langue :is(a, button, .elementor-button)::before {
  content: "FR";
  flex: 0 0 auto;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .4px;
  color: #9AAABF;
}

.pied-langue :is(a, button, .elementor-button)::after {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  background: #9AAABF;

  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5M7 9l5-5 5 5'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5M7 9l5-5 5 5'/%3E%3C/svg%3E") no-repeat center / contain;
}

.pied-langue :is(a, button, .elementor-button):hover {
  background: #F6F9FF !important;
  border-color: #A9BCD4 !important;
}

.pied-langue :is(.elementor-button-icon, svg, i) {
  display: none !important;
}

.pied-langue :is(a, button, .elementor-button):focus-visible {
  outline: 2px solid #1565E4;
  outline-offset: 2px;
}


/* ----------------------------------------------------------
   21.9 — LES RÉSEAUX SOCIAUX

   ⚠ Elementor pose ses couleurs d'icônes avec des sélecteurs
     à quatre classes, et le fill du SVG résiste à un simple
     color: inherit. On force donc le fill DIRECTEMENT sur le
     svg et sur ses enfants, avec la classe répétée pour
     monter la spécificité sans connaître l'ID de l'élément.
   ---------------------------------------------------------- */

.pied-reseaux {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

.pied-reseaux .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.pied-reseaux .elementor-social-icons-wrapper,
.pied-reseaux .elementor-grid {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pied-reseaux .elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- L'icône au repos --- */
.pied-reseaux.pied-reseaux .elementor-social-icon,
.pied-reseaux.pied-reseaux .elementor-social-icon:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  transition: transform 200ms cubic-bezier(.2, 0, 0, 1);
}

.pied-reseaux.pied-reseaux .elementor-social-icon svg,
.pied-reseaux.pied-reseaux .elementor-social-icon svg *,
.pied-reseaux.pied-reseaux .elementor-social-icon i {
  width: 22px !important;
  height: 22px !important;
  font-size: 21px !important;
  color: #9AAABF !important;
  fill: #9AAABF !important;
  transition: fill 160ms linear, color 160ms linear;
}

/* --- Au survol : bleu, et l'icône se soulève --- */
.pied-reseaux.pied-reseaux .elementor-social-icon:hover {
  background: transparent !important;
  background-color: transparent !important;
  transform: translateY(-3px);
}

.pied-reseaux.pied-reseaux .elementor-social-icon:hover svg,
.pied-reseaux.pied-reseaux .elementor-social-icon:hover svg *,
.pied-reseaux.pied-reseaux .elementor-social-icon:hover i {
  color: #1565E4 !important;
  fill: #1565E4 !important;
}

.pied-reseaux .elementor-social-icon:focus-visible {
  outline: 2px solid #1565E4;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Au doigt il n'y a pas de sortie de survol : l'icône
   resterait soulevée et bleue après le premier appui. */
@media (hover: none) {
  .pied-reseaux.pied-reseaux .elementor-social-icon:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pied-reseaux.pied-reseaux .elementor-social-icon,
  .pied-reseaux.pied-reseaux .elementor-social-icon svg,
  .pied-reseaux.pied-reseaux .elementor-social-icon svg * {
    transition-duration: 1ms !important;
  }
  .pied-reseaux.pied-reseaux .elementor-social-icon:hover {
    transform: none !important;
  }
}

/* ==========================================================
   21.10 — GRAND ÉCRAN INTERMÉDIAIRE  (≤ 1360 px)
   ========================================================== */

@media (max-width: 1360px) {

  .pied { padding: 72px 24px 30px !important; }

  .pied-haut {
    gap: 48px 36px !important;
    padding-bottom: 56px !important;
  }

  .pied-marque {
    flex: 1 1 280px !important;
    max-width: 320px;
  }

  .pied-col { flex: 1 1 180px !important; }
}


/* ==========================================================
   21.11 — TABLETTE PAYSAGE  (≤ 1024 px)
   ========================================================== */

@media (max-width: 1024px) {

  .pied { padding: 60px 20px 26px !important; }

  .pied-haut {
    gap: 44px 32px !important;
    padding-bottom: 48px !important;
  }

  .pied-marque {
    flex: 1 1 100% !important;
    max-width: 560px;
  }

  .pied-col { flex: 1 1 calc(33.333% - 22px) !important; }

  .pied-logo img { max-width: 185px; }

  .pied-badges img { max-height: 50px; }
}


/* ==========================================================
   21.12 — TABLETTE PORTRAIT  (≤ 880 px)
   ========================================================== */

@media (max-width: 880px) {

  .pied-haut { gap: 40px 28px !important; }

  .pied-col { flex: 1 1 calc(50% - 14px) !important; }
}


/* ==========================================================
   21.13 — MOBILE  (≤ 767 px)
   ========================================================== */

@media (max-width: 767px) {

  .pied { padding: 48px 16px 24px !important; }

  .pied-haut {
    flex-flow: column nowrap !important;
    gap: 36px !important;
    padding-bottom: 32px !important;
  }

  .pied-marque,
  .pied-col {
    flex: 1 1 100% !important;
    max-width: none;
    width: 100%;
  }

  .pied-logo { margin-bottom: 22px !important; }
  .pied-logo img { max-width: 170px; }

  .pied-adresse,
  .pied-adresse p { margin-bottom: 32px !important; }

  .pied-rapides { margin-bottom: 32px !important; }

  /* Zone tactile de 44 px */
  .pied-rapides .elementor-icon-list-item a,
  .pied-liste .elementor-icon-list-item a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px;
  }

  .pied-rapides ul,
  .pied-rapides .elementor-icon-list-items,
  .pied-liste ul,
  .pied-liste .elementor-icon-list-items {
    gap: 4px !important;
  }

  .pied-badges img { max-height: 46px; }

  .pied-col-titre { margin-bottom: 18px !important; }

  /* --- La barre du bas --- */
  .pied-bas {
    flex-flow: column nowrap !important;
    align-items: flex-start !important;
    gap: 24px !important;
    padding-top: 28px !important;
  }

  .pied-reseaux { order: -2; }
  .pied-langue  { order: -1; }

  .pied-legaux ul,
  .pied-legaux .elementor-icon-list-items { gap: 12px 20px !important; }

  .pied-reseaux .elementor-social-icons-wrapper,
  .pied-reseaux .elementor-grid { gap: 24px !important; }

  .pied-reseaux .elementor-social-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .pied-langue :is(a, button, .elementor-button) {
    min-height: 46px;
    padding: 12px 18px !important;
  }
}


/* ==========================================================
   21.14 — TRÈS PETITS ÉCRANS  (≤ 380 px)
   ========================================================== */

@media (max-width: 380px) {

  .pied { padding: 40px 14px 22px !important; }

  .pied-haut { gap: 30px !important; }

  .pied-logo img { max-width: 152px; }

  .pied-adresse,
  .pied-adresse p { font-size: 15px !important; }

  .pied-liste .elementor-icon-list-item a,
  .pied-rapides .elementor-icon-list-item a { font-size: 15px !important; }

  .pied-col-titre .elementor-heading-title { font-size: 16px !important; }

  .pied-badges { gap: 12px !important; }
  .pied-badges img { max-height: 42px; }

  .pied-legaux .elementor-icon-list-item a,
  .pied-legaux .elementor-icon-list-text { font-size: 14px !important; }
}


/* ==========================================================
   21.15 — RESPECT DES PRÉFÉRENCES SYSTÈME
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

  .pied-liste .elementor-icon-list-item a,
  .pied-rapides .elementor-icon-list-item a,
  .pied-rapides .elementor-icon-list-icon,
  .pied-legaux .elementor-icon-list-item a,
  .pied-reseaux .elementor-social-icon,
  .pied-langue :is(a, button, .elementor-button),
  .pied-badges img {
    transition-duration: 1ms !important;
  }
}


/* ==========================================================
   RÉGLAGES RAPIDES — PIED DE PAGE

   >> LE RYTHME VERTICAL, UNIFORME PARTOUT

   Base typographique     -> 16px / 1.55
   Entre deux liens       -> gap 16px         (21.4 / 21.6)
   Titre -> premier lien  -> margin 28px      (21.6)
   Entre deux blocs       -> margin 40px      (21.3 / 21.4)
   Colonnes -> barre bas  -> padding 64px     (21.2)

   Tous les espacements sont des multiples de 4.
   Si tu changes une valeur, garde ce pas.

   >> DIMENSIONS

   Largeur du footer      -> max-width 1360px (21.2 / 21.7)
   Écart entre colonnes   -> gap 52px 40px    (21.2)
   Colonne de marque      -> flex 1 1 300px   (21.2)
   Colonnes de liens      -> flex 1 1 200px   (21.2)
   Logo Simplifia         -> max-width 200px  (21.3)
   Logo Silver Alliance   -> max-height 56px  (21.5)
   Icônes liens rapides   -> 19px             (21.4)
   Icône -> texte         -> margin-left 14px (21.4)
   Icônes sociales        -> 22px, écart 20px (21.9)

   >> TYPOGRAPHIE

   Titres de colonne      -> 17px / 600       (21.6)
   Liens                  -> 16px / 1.55      (21.4 / 21.6)
   Paragraphe             -> 16px / 1.55      (21.3)
   Mentions légales       -> 15px             (21.7)
   Sélecteur de langue    -> 16px / 500       (21.8)

   >> PALETTE

   Navy (titres)          -> #12376B
   Bleu (liens)           -> #4C6C9C
   Gris (icônes)          -> #9AAABF
   Accent (survols)       -> #1565E4
   Filets                 -> #E4E9F0
   ========================================================== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-ExtraLight-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-ExtraLight-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Thin-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Thin-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Light-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Light-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-DemiBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-DemiBold-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Bold-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-ExtraBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-ExtraBold-Italic-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Black-1.ttf') format('truetype');
}
@font-face {
	font-family: 'TT Firs Neue Trl';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://simplifiaforbusiness.com/wp-content/uploads/2026/08/TT-Firs-Neue-Trial-Black-Italic-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */