[     Blog listing ](/fr/blog "  Blog listing")

 06 Oct. 2025 



 

 

 

Temps de lecture : 8 min.

 

 [ Eau ](/fr/blog?activity%5B%5D=1626&sort_by=created&sort_order=DESC#views-exposed-form-blog-listing-block-listing-node-blog) [ Industriel ](/fr/blog?customer_type%5B%5D=2426&sort_by=created&sort_order=DESC#views-exposed-form-blog-listing-block-listing-node-blog) [ Ville/Collectivité ](/fr/blog?customer_type%5B%5D=2421&sort_by=created&sort_order=DESC#views-exposed-form-blog-listing-block-listing-node-blog) 

 

 





   ![Portrait de Carol Walczyk, Veolia](/sites/g/files/dvc4206/files/styles/default/public/image/2025/09/carol-walczyk-180x175.png.webp?itok=wn77s25u)   



[**Carol Walczyk**](/fr/blog/biographie-carol-walczyk "Biographie Carol Walczyk")  
Directrice du segment eau municipale au sein de la direction du soutien aux métiers et de la performance, Veolia



 

 

 



Aujourd’hui, je constate que la question des PFAS – ces substances per- et polyfluoroalkylées – s’impose comme un **enjeu majeur pour toutes les collectivités et industries soucieuses de la qualité de l’eau**. Les PFAS, communément appelés « polluants éternels », sont omniprésents dans notre quotidien : médicaments, vêtements, ustensiles de cuisine, dentifrices… Résultat, ils se retrouvent dans nos ressources en eau, représentant un **enjeu sanitaire pour les territoires**. Face à des cas de détection de contamination de l’eau potable et des eaux usées par les PFAS, la pression s’intensifie sur les décideurs publics et privés pour agir vite et efficacement. Les collectivités territoriales et les industriels se trouvent confrontés aux défis suivants : **garantir la sécurité de l'eau du robinet, respecter les nouvelles réglementations et protéger la santé publique**. Et les chiffres parlent d’eux-mêmes : 80 % des micropolluants dans les eaux souterraines proviennent de produits du quotidien, et la réglementation se durcit partout dans le monde. Dans ce contexte, il devient essentiel de s’appuyer sur des **solutions innovantes et éprouvées pour garantir une eau propre, conforme et sûre**. Chez Veolia, j'accompagne quotidiennement acteurs municipaux et industriels dans la mise en œuvre de solutions concrètes et innovantes pour traiter efficacement la pollution aux PFAS, de la détection au traitement de ces substances persistantes.

Dans cet article, je vous explique **comment transformer cette contrainte en opportunité de performance durable**.

   ![Usines de traitement des PFAS à Stanton, aux États-Unis](/sites/g/files/dvc4206/files/styles/crop_freeform/public/image/2025/09/blog-usine-traitement-pfas-916x611.jpg.webp?h=895070fa&itok=bjF1QUZP)   





 

 

 



### L’essentiel à retenir

- **Selon les études scientifiques récentes, certains PFAS pourraient représenter un risque pour la santé et l’environnement**, notamment dans l’eau potable et les eaux usées.
- **Les réglementations sur les PFAS se renforcent**, imposant des solutions de traitement performantes.
- **Les solutions doivent être adaptées selon les besoins** : municipalités (eau potable) ou industries (eaux de process).
- **L'investissement dans le traitement des PFAS devient incontournable** pour assurer la conformité réglementaire.
- Veolia développe des technologies de pointe, rassemblées au sein de **BeyondPFAS**, une offre complète pour détecter, traiter et éliminer les PFAS dans l’eau, en s’appuyant sur une expertise internationale.



 

 

 

 

 

 





[Téléchargez la documentation sur l'eau](/fr/blog/telechargement-documents-eau#webform-telechargement)

 

Que vous soyez une collectivité locale ou un industriel, découvrez comment notre approche peut transformer la gestion de la pollution de l’eau et répondre à vos enjeux de conformité, de sécurité et de durabilité : poursuivez la lecture pour explorer nos solutions concrètes.

## PFAS : un enjeu de santé publique

Depuis que j'accompagne les collectivités et les industriels dans leurs problématiques de traitement de l'eau, je constate une prise de conscience croissante autour des PFAS. Mais que sont au juste les PFAS ?

Ces substances, utilisées massivement dans l'industrie pour leurs propriétés antiadhésives, anti-feu et imperméabilisantes, se retrouvent aujourd'hui partout : dans nos textiles résistants à la chaleur, nos ustensiles de cuisine comme les poêles, nos emballages alimentaires, nos cosmétiques, et in fine dans nos ressources en eau.  
  
Le défi est de taille pour les territoires. Les PFAS ne se dégradent pas naturellement - d'où leur surnom de "polluants éternels" par la sphère publique - et s'accumulent dans l'environnement sur des années. Des études suggèrent que certains PFAS seraient susceptibles d’exposer la population à des risques sanitaires. Pour les élus et décideurs locaux, cela signifie une responsabilité directe vis-à-vis de leurs administrés : **garantir une eau du robinet saine et conforme aux nouvelles exigences réglementaires**. Pour les industriels, l'enjeu porte sur le traitement de leurs eaux de process et la gestion de leurs déchets contaminés.

    [Vous avez un projet ? Contactez-nous](#contact)

 

  
Mais, bonne nouvelle, pour les 20 PFAS aujourd’hui réglementés dans l’eau potable en France, il existe des solutions pour les détecter même si la complexité technique de ces molécules nécessite une approche sur-mesure. Contrairement aux polluants traditionnels, les PFAS résistent aux traitements conventionnels et demandent des technologies avancées pour être efficacement traitées.





 

 





 

 

 



## Traiter les PFAS avec des solutions adaptées aux villes et aux industriels

**Pour les collectivités**, nos solutions se concentrent sur le traitement de l'eau potable avec des technologies d'adsorption sur charbon actif et de filtration membranaire. Ces systèmes permettent d'atteindre les seuils réglementaires les plus stricts, notamment la limite française de 0,1 μg/L pour la somme de 20 PFAS.

**Côté industriel**, l'approche diffère selon les secteurs. Dans l'aéronautique ou la chimie, où les concentrations peuvent être très élevées, nous déployons des procédés de destruction thermique haute température ou d'oxydation électrochimique.

***« La possibilité de combiner ces solutions nous permet de capitaliser sur nos retours d’expérience et ainsi de s’adapter à des situations diverses »***  
*Séverine Dinghem, Directrice du Soutien aux Métiers et de la Performance, Veolia.*

### BeyondPFAS, une offre globale pour les villes et les industriels

Face à la complexité du défi, Veolia a développé [BeyondPFAS](/fr/solutions/beyondpfas-nouvelle-offre-pfas-integree-veolia "BeyondPFAS : la nouvelle offre PFAS intégrée de Veolia"), une offre globale pour accompagner collectivités et industriels dans la détection, le traitement et l’élimination des PFAS et autres micropolluants. Cette solution s’appuie sur l’expertise internationale du Groupe et sur des technologies innovantes, adaptées à chaque contexte réglementaire et environnemental.





 

 





 

 

 



## Maîtriser les coûts et répondre à la réglementation locale sur les PFAS

La question du financement revient systématiquement dans mes échanges avec les décideurs. Les investissements pour traiter les PFAS représentent effectivement un coût significatif, mais ils deviennent incontournables face au durcissement réglementaire. Les coûts varient selon la taille des installations et du réseau, le niveau de contamination et les technologies mises en œuvre, mais l’enjeu est de taille : respecter les normes en vigueur, éviter les sanctions et préserver la confiance des usagers.

**En Europe**, plus de 23 000 sites sont concernés par la pollution aux PFAS, et la réglementation évolue rapidement pour imposer des seuils de plus en plus stricts. La Directive européenne 2020/2184 qui concerne la qualité des eaux de consommation humaine a été révisée pour suivre la présence des PFAS dans les analyses de l’eau et cible 20 molécules. **En France**, par exemple, l’arrêté impose depuis 2023 des limites : 0,1 μg/L pour la somme de 20 PFAS.

   ![Usines de traitement des PFAS à Stanton, aux États-Unis](/sites/g/files/dvc4206/files/styles/crop_freeform/public/image/2025/09/pfas-blog-916x611.jpg.webp?h=8d34a95b&itok=1bpoNBtI)   



**Aux États-Unis**, l'EPA (Agence de protection de l’environnement) a fixé des seuils encore plus contraignants pour certaines molécules. Ces évolutions réglementaires s'accélèrent et les territoires doivent s'y préparer dès maintenant.

Pour les collectivités, plusieurs mécanismes de financement existent, en plus des prêts à faible taux d’intérêt : subventions des agences de l'eau, fonds européens de cohésion, ou encore partenariats public-privé. L'important est d'intégrer ces investissements dans une stratégie à long terme, car les coûts de non-conformité peuvent être bien supérieurs aux investissements préventifs.

Du côté industriel, le principe pollueur-payeur s'applique pleinement. Les entreprises doivent désormais budgéter le traitement des PFAS comme un poste à part entière, au même titre que les autres obligations environnementales.

    [Vous avez un projet ? Contactez-nous](#contact)

 



 

 

 



## Des références mondiales qui démontrent notre efficacité à traiter les PFAS

Mes équipes et moi-même avons eu l'opportunité de déployer nos technologies PFAS sur trois continents, avec des résultats qui parlent d'eux-mêmes.

### États-Unis, une trentaine de sites de traitement des PFAS réglementés

Aux **États-Unis**, Veolia s'est positionnée comme le premier opérateur privé des services d'eau avec une trentaine de sites de traitement des PFAS réglementés dans l’eau déjà mis en place pour nos clients dans six États. En 2018, Veolia a commencé une campagne de surveillance proactive pour établir un état des lieux de la présence de PFAS dans l’eau potable. Et dès 2019, le Groupe a travaillé en étroite collaboration avec les autorités locales de plusieurs Etats (New York, New Jersey, Pennsylvanie…) pour lancer un plan de gestion des PFAS pour les puits d’eau potable, anticipant les normes élaborées par les Etats cités et l'EPA.

En juin 2025, nous avons inauguré l'une des [plus grandes usines de traitement des PFAS aux Etats-Unis](/fr/nos-medias/nos-communiques-presse/veolia-inaugure-lune-plus-grandes-usines-traitement-pfas-etats-unis "Veolia inaugure l’une des plus grandes usines de traitement des PFAS aux États-Unis pour distribuer une eau de haute qualité à plus de 100 000 habitants du Delaware"), dans le Delaware, capable de traiter près de 120 millions de litres d'eau par jour, assurant un approvisionnement en eau potable de haute qualité pour plus de 100 000 résidents. Ce projet démontre notre capacité à intervenir à l'échelle industrielle tout en respectant les contraintes économiques.

### Europe, l’anticipation des évolutions réglementaires des PFAS

En **Europe**, Veolia a anticipé les évolutions réglementaires en menant dès 2023 une campagne inédite de détection des PFAS dans les 2 500 points de production d'eau potable gérés par le Groupe en France, atteignant une conformité de 99% selon la norme applicable. Cette démarche proactive s'inscrit dans l'anticipation de la directive européenne "eau potable" de 2020 révisée, qui impose un contrôle systématique de 20 PFAS dès 2026. En France, les installations du Syndicat des Eaux d'Île-de-France (SEDIF) utilisent des technologies membranaires innovantes pour traiter une large gamme de micropolluants, dont certains PFAS.

Ces références internationales nous permettent de capitaliser sur les meilleures pratiques et d'adapter nos solutions aux spécificités de chaque territoire.

   ![Usines de traitement des PFAS à Stanton, aux États-Unis](/sites/g/files/dvc4206/files/styles/crop_freeform/public/image/2025/09/blog-pfas-916x611.jpg.webp?h=8c3582b0&itok=-PiiPLpW)   





 

 

 



## Protégeons ensemble la ressource en eau contre les PFAS

La lutte contre la pollution aux PFAS représente certes un défi technique et financier, mais elle constitue aussi une opportunité pour les territoires de se positionner en pionniers de la transformation écologique. **Les solutions existent, elles sont éprouvées et s'adaptent à tous les contextes**, qu'il s'agisse de protéger l'eau potable des citoyens ou de traiter les effluents industriels.

L'anticipation reste la clé du succès : plus tôt vous agirez, plus vous maîtriserez vos coûts et votre conformité réglementaire.

**Contactez-nous pour évaluer ensemble les solutions les plus adaptées à votre territoire.**



 

 

 



 

 

 

 





 You must have JavaScript enabled to use this form.

- Actuel Type de client
- Vos coordonnées
- Votre requête
- Envoi
 
 

  Je suis   

 Un particulier 

  

 Un professionnel 



 

 **Ce formulaire est réservé aux professionnels.**

 En tant que particulier, vos services d’eau, d’énergie et de déchets sont gérés par votre collectivité locale. Nous vous invitons à la contacter directement pour toute demande.

  *Aucune réponse ne pourra être apportée aux demandes de particuliers saisies dans ce formulaire. Merci pour votre compréhension.*



 

 





En complétant le formulaire d'inscription, vous consentez à ce que vos données soient collectées et traitées.  
 [Lire les mentions légales.](https://www.veolia.com/fr/mentions-legales-formulaire)

  



    



 

 

 



 

 

<a class="ck-anchor" id="contact"></a>  
**Vous avez un projet de traitement des PFAS ?**  
**Contactez notre expert pour échanger.**



 

 

 



 

 

 

 





 

 

 

 





Les informations contenues dans le présent document s’appuient sur le savoir-faire du groupe Veolia et sur sa compréhension, au moment de la publication, des domaines scientifique, réglementaire et technique dont il est question. Ce document ne constitue pas un engagement contractuel ni une offre, et aucune déclaration ou garantie n’est donnée quant à l’exactitude, l’exhaustivité ou l’adéquation des informations fournies pour un usage ou la satisfaction d’un quelconque objectif particulier.



 

 

 

 

 

 





*Cet article contient du texte généré partiellement avec l’assistance de l’intelligence artificielle générative, sur la base de connaissances du Groupe. Son contenu a été relu et validé par l’expert.*



 

 

 



 

 

 

 






/* PFAS page - make left Sommaire menu collapsible */
@media screen and (min-width: 1025px) {
  .by_987E9 .by_widget_open,
  .by_987E9 .by_widget_close {
    transition: transform 0.25s ease !important;
  }

  /* Collapsed state: hide the big menu */
  .by_987E9.pfas-summary-collapsed .by_widget_open {
    transform: translate(-120%, -50%) !important;
    pointer-events: none !important;
  }

  /* Collapsed state: show the small Sommaire tab */
  .by_987E9.pfas-summary-collapsed .by_widget_close {
    transform: translateX(0) !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
  }

  /* Open state: show the full menu */
  .by_987E9.pfas-summary-open .by_widget_open {
    transform: translate(0, -50%) !important;
    pointer-events: auto !important;
    z-index: 9998 !important;
  }

  /* Open state: hide the small tab */
  .by_987E9.pfas-summary-open .by_widget_close {
    transform: translateX(-120%) !important;
  }

  .by_987E9 .by_widget_open {
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
  }
}
 
(function () {
  function initPfasSummaryCollapse() {
    var widgets = document.querySelectorAll('.by_987E9');

    widgets.forEach(function (widget) {
      if (widget.dataset.pfasSummaryReady === 'true') {
        return;
      }

      var panel = widget.querySelector('.by-js-w-open');
      var tab = widget.querySelector('.by-js-w-close');
      var closeButton = widget.querySelector('.by-js-close');
      var menuItems = widget.querySelectorAll('.by-js-item');
      var desktopQuery = window.matchMedia('(min-width: 1025px)');

      if (!panel || !tab) {
        return;
      }

      widget.dataset.pfasSummaryReady = 'true';

      function collapseMenu() {
        if (!desktopQuery.matches) {
          widget.classList.remove('pfas-summary-collapsed', 'pfas-summary-open');
          return;
        }

        widget.classList.add('pfas-summary-collapsed');
        widget.classList.remove('pfas-summary-open');
        panel.setAttribute('aria-hidden', 'true');
        tab.setAttribute('aria-expanded', 'false');
      }

      function openMenu() {
        if (!desktopQuery.matches) {
          return;
        }

        widget.classList.add('pfas-summary-open');
        widget.classList.remove('pfas-summary-collapsed');
        panel.setAttribute('aria-hidden', 'false');
        tab.setAttribute('aria-expanded', 'true');
      }

      function toggleMenu(event) {
        event.preventDefault();
        event.stopPropagation();

        if (widget.classList.contains('pfas-summary-open')) {
          collapseMenu();
        } else {
          openMenu();
        }
      }

      tab.addEventListener('click', toggleMenu);

      if (closeButton) {
        closeButton.addEventListener('click', function (event) {
          event.preventDefault();
          event.stopPropagation();
          collapseMenu();
        });
      }

      menuItems.forEach(function (item) {
        item.addEventListener('click', function () {
          setTimeout(collapseMenu, 150);
        });
      });

      document.addEventListener('keydown', function (event) {
        if (event.key === 'Escape') {
          collapseMenu();
        }
      });

      window.addEventListener('scroll', function () {
        if (widget.classList.contains('pfas-summary-open')) {
          collapseMenu();
        }
      }, { passive: true });

      window.addEventListener('resize', collapseMenu);

      collapseMenu();
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPfasSummaryCollapse);
  } else {
    initPfasSummaryCollapse();
  }

  setTimeout(initPfasSummaryCollapse, 1000);
  setTimeout(initPfasSummaryCollapse, 3000);
})();


 

 

 





 

 






/* ==========================================================================
   BLOG PFAS — COMPLETE UNIFIED FORM CARD
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form {
  --pfas-blue: #004a8f;
  --pfas-active: #159fda;
  --pfas-red: #ee0000;
  --pfas-red-dark: #c90000;
  --pfas-text: #292929;
  --pfas-muted: #626262;
  --pfas-border: #d8d6e1;
  --pfas-border-soft: #e9e8ef;
  --pfas-field: #f7f6fa;
  --pfas-selected: #fff7f7;
  --pfas-message: #f2f8e8;
  --pfas-message-border: #76a82b;

  position: relative !important;
  overflow: hidden !important;

  display: block !important;

  width: 100% !important;
  max-width: 820px !important;
  margin: 0 0 0 auto !important;
  padding: 38px 40px 32px !important;

  box-sizing: border-box !important;
  border: 1px solid #e5e4eb !important;
  border-radius: 18px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  color: var(--pfas-text) !important;

  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.08),
    0 24px 54px rgba(0, 0, 0, 0.16) !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
}

/* Veolia accent at the top of the full card */
body form.webform-submission-blog-generation-de-leads-pfas-form::before {
  content: "" !important;

  position: absolute !important;
  z-index: 10 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;

  height: 5px !important;

  background:
    linear-gradient(
      90deg,
      var(--pfas-red) 0,
      var(--pfas-red) 96px,
      var(--pfas-blue) 96px,
      var(--pfas-blue) 100%
    ) !important;
}

/* ==========================================================================
   REMOVE TRANSPARENT/GREY DRUPAL WRAPPERS
   ========================================================================== */

body .webform-ajax-form-wrapper:has(
  form.webform-submission-blog-generation-de-leads-pfas-form
),
body .webform-inline:has(
  form.webform-submission-blog-generation-de-leads-pfas-form
),
body .container--webform:has(
  form.webform-submission-blog-generation-de-leads-pfas-form
),
body .container--webform-inline:has(
  form.webform-submission-blog-generation-de-leads-pfas-form
) {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

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

/* Hide headings left behind by older scripts */
body form.webform-submission-blog-generation-de-leads-pfas-form
.bpfas-real-form-title,
body form.webform-submission-blog-generation-de-leads-pfas-form
.bpfas-form-heading,
body form.webform-submission-blog-generation-de-leads-pfas-form
.pfas-form-heading {
  display: none !important;
}

/* ==========================================================================
   PROGRESS TRACKER — INSIDE THE WHITE CARD
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.webform-progress {
  width: 100% !important;
  margin: 0 0 38px !important;
  padding: 4px 4px 0 !important;

  box-sizing: border-box !important;

  background: transparent !important;
  color: var(--pfas-text) !important;
  overflow: visible !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-tracker {
  position: relative !important;

  display: flex !important;
  align-items: flex-start !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

/* One continuous line */
body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-tracker::before {
  content: "" !important;

  position: absolute !important;
  z-index: 0 !important;
  top: 17px !important;
  right: 12% !important;
  left: 12% !important;

  height: 2px !important;

  background: #d3d2d9 !important;
}

/* Remove fragments generated by the theme */
body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step::before,
body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step::after,
body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-marker::after {
  content: none !important;
  display: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step {
  position: relative !important;
  z-index: 1 !important;

  flex: 1 1 0 !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 4px !important;

  text-align: center !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-marker {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  height: 36px !important;
  margin: 0 auto !important;

  box-sizing: border-box !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;

  background: #858585 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  box-shadow:
    0 0 0 1px #cfced5,
    0 4px 10px rgba(0, 0, 0, 0.09) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-marker::before {
  content: attr(data-text) !important;

  position: static !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  background: transparent !important;
  color: inherit !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step.is-active
.progress-marker {
  background: var(--pfas-active) !important;

  box-shadow:
    0 0 0 5px rgba(21, 159, 218, 0.14),
    0 5px 12px rgba(0, 74, 143, 0.16) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step.is-complete
.progress-marker {
  background: var(--pfas-blue) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-text {
  margin-top: 11px !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-title {
  color: #666666 !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 18px !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.progress-step.is-active
.progress-title {
  color: var(--pfas-text) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   WIZARD PAGE PANEL
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
> [data-webform-key] {
  position: relative !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 28px 30px 8px !important;

  box-sizing: border-box !important;
  border: 1px solid var(--pfas-border-soft) !important;
  border-radius: 12px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  box-shadow:
    0 5px 16px rgba(0, 0, 0, 0.035) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
> [data-webform-key]::before {
  content: "" !important;

  position: absolute !important;
  top: 27px !important;
  left: 0 !important;

  width: 4px !important;
  height: 42px !important;

  border-radius: 0 4px 4px 0 !important;
  background: var(--pfas-blue) !important;
}

/* ==========================================================================
   LABELS
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
fieldset {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
label:not(.option),
body form.webform-submission-blog-generation-de-leads-pfas-form
.fieldset-legend {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  max-width: 100% !important;

  margin: 0 0 9px !important;
  padding: 0 !important;

  color: var(--pfas-text) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

/* Exactly one required marker */
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-required {
  background: none !important;
  background-image: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-required::before,
body form.webform-submission-blog-generation-de-leads-pfas-form
.js-form-required::before {
  content: none !important;
  display: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-required::after,
body form.webform-submission-blog-generation-de-leads-pfas-form
.js-form-required::after {
  content: "*" !important;

  display: inline-block !important;

  width: auto !important;
  height: auto !important;
  margin-left: 3px !important;

  background: none !important;
  color: var(--pfas-red) !important;

  font-size: 1em !important;
  font-weight: 700 !important;
  line-height: inherit !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
abbr.form-required {
  display: none !important;
}

/* ==========================================================================
   CLIENT TYPE CARDS
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.webform-options-display-side-by-side {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.form-type-radio {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;

  min-width: 0 !important;
  min-height: 82px !important;

  margin: 0 !important;
  padding: 17px 18px !important;

  box-sizing: border-box !important;
  border: 1px solid var(--pfas-border) !important;
  border-radius: 10px !important;

  background: #ffffff !important;
  cursor: pointer !important;

  box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.035) !important;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.form-type-radio:hover {
  border-color: var(--pfas-red) !important;
  transform: translateY(-1px) !important;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.07) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.form-type-radio:has(input[type="radio"]:checked),
body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.form-type-radio.pfas-client-card-selected {
  border-color: var(--pfas-red) !important;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      var(--pfas-selected)
    ) !important;

  box-shadow:
    inset 0 0 0 1px var(--pfas-red),
    0 8px 20px rgba(238, 0, 0, 0.08) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
.form-type-radio
.ui-front {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: grid !important;
  place-content: center !important;

  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
  border: 2px solid #808080 !important;
  border-radius: 50% !important;

  background: #ffffff !important;
  cursor: pointer !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
input[type="radio"]::before {
  content: "" !important;

  width: 12px !important;
  height: 12px !important;

  border-radius: 50% !important;
  background: var(--pfas-red) !important;

  transform: scale(0) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
input[type="radio"]:checked {
  border-color: var(--pfas-red) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
input[type="radio"]:checked::before {
  transform: scale(1) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-type-choice
label.option {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--pfas-text) !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;

  cursor: pointer !important;
}

/* ==========================================================================
   PARTICULAR MESSAGE
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-routing-message-wrapper {
  width: 100% !important;
  margin: 18px 0 22px !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-routing-message {
  position: relative !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 20px 22px 20px 26px !important;

  box-sizing: border-box !important;
  border: 1px solid #d8e9bb !important;
  border-radius: 10px !important;

  background: var(--pfas-message) !important;
  color: var(--pfas-text) !important;

  font-size: 14px !important;
  line-height: 22px !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.client-routing-message::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 5px !important;

  border-radius: 10px 0 0 10px !important;
  background: var(--pfas-message-border) !important;
}

/* ==========================================================================
   FIELDS AND DROPDOWNS — ALL OTHER PAGES
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.webform-flexbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;

  width: 100% !important;
  margin: 0 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.webform-flex {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
input.form-text,
body form.webform-submission-blog-generation-de-leads-pfas-form
input.form-email,
body form.webform-submission-blog-generation-de-leads-pfas-form
input.form-tel,
body form.webform-submission-blog-generation-de-leads-pfas-form
textarea.form-textarea,
body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible) {
  width: 100% !important;
  height: 54px !important;

  margin: 0 !important;
  padding: 14px 17px !important;

  box-sizing: border-box !important;
  border: 1px solid var(--pfas-border) !important;
  border-radius: 8px !important;

  background-color: var(--pfas-field) !important;
  color: var(--pfas-text) !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;

  box-shadow: none !important;
  outline: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible) {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  padding-right: 48px !important;

  background-image:
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23292929' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 17px center !important;
  background-size: 16px !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
textarea.form-textarea {
  min-height: 140px !important;
  height: auto !important;
  resize: vertical !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
input:focus,
body form.webform-submission-blog-generation-de-leads-pfas-form
select:focus,
body form.webform-submission-blog-generation-de-leads-pfas-form
textarea:focus {
  border-color: var(--pfas-active) !important;
  background-color: #ffffff !important;

  box-shadow:
    0 0 0 4px rgba(21, 159, 218, 0.11) !important;
}

/* ==========================================================================
   ACTION FOOTER — INSIDE THE WHITE CARD
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;

  width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 24px 0 0 !important;

  box-sizing: border-box !important;

  border: 0 !important;
  border-top: 1px solid var(--pfas-border-soft) !important;
  border-radius: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
> div:not(.webform-legal-notice),
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-submit-wrapper {
  display: contents !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.webform-legal-notice {
  grid-column: 1 !important;
  grid-row: 1 !important;

  width: 100% !important;
  max-width: 430px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--pfas-muted) !important;

  font-size: 12px !important;
  line-height: 19px !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.webform-legal-notice a {
  color: var(--pfas-blue) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Shared button */
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--previous,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--next,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--submit {
  position: static !important;
  float: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 150px !important;
  height: 50px !important;

  margin: 0 !important;
  padding: 0 27px !important;

  box-sizing: border-box !important;
  border-radius: 999px !important;

  background-image: none !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  cursor: pointer !important;
}

/* Previous */
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--previous {
  grid-column: 2 !important;
  grid-row: 1 !important;

  border: 1px solid var(--pfas-border) !important;

  background: #f2f1f9 !important;
  color: var(--pfas-text) !important;

  box-shadow: none !important;
}

/* Next and submit */
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--next,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
.webform-button--submit {
  grid-column: 3 !important;
  grid-row: 1 !important;

  border: 1px solid var(--pfas-red) !important;

  background: var(--pfas-red) !important;
  color: #ffffff !important;

  box-shadow:
    0 7px 17px rgba(238, 0, 0, 0.18) !important;
}

/* Remove arrows */
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
*::before,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions
*::after {
  content: none !important;
  display: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions svg,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions i,
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-actions [class*="arrow"] {
  display: none !important;
}

/* ==========================================================================
   CLIENT GATING
   ========================================================================== */

/* Hide Next before choosing Professionnel */
body form.webform-submission-blog-generation-de-leads-pfas-form:has(
  input[name="type_de_client"]
):not(:has(
  input[name="type_de_client"][value="professionnel"]:checked
))
.form-actions
.webform-button--next {
  display: none !important;
}

/* Hide Next for Particulier */
body form.webform-submission-blog-generation-de-leads-pfas-form:has(
  input[name="type_de_client"][value="particulier"]:checked
)
.form-actions
.webform-button--next {
  display: none !important;
}

/* Show it only for Professionnel */
body form.webform-submission-blog-generation-de-leads-pfas-form:has(
  input[name="type_de_client"][value="professionnel"]:checked
)
.form-actions
.webform-button--next {
  display: inline-flex !important;
}

/* Legal notice fills the footer when Next is hidden */
body form.webform-submission-blog-generation-de-leads-pfas-form:has(
  input[name="type_de_client"]
):not(:has(
  input[name="type_de_client"][value="professionnel"]:checked
))
.form-actions
.webform-legal-notice {
  grid-column: 1 / -1 !important;
  max-width: none !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1180px) {
  body form.webform-submission-blog-generation-de-leads-pfas-form {
    max-width: 840px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 768px) {
  body form.webform-submission-blog-generation-de-leads-pfas-form {
    padding: 27px 18px 22px !important;
    border-radius: 12px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .webform-progress {
    overflow-x: auto !important;
    padding-bottom: 8px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .progress-tracker {
    min-width: 550px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  > [data-webform-key] {
    padding: 23px 17px 5px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .client-type-choice
  .webform-options-display-side-by-side {
    grid-template-columns: 1fr !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .webform-flexbox {
    flex-direction: column !important;
    gap: 0 !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .webform-flex {
    width: 100% !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .form-actions {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .webform-legal-notice {
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: none !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .form-actions
  .webform-button--previous {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .form-actions
  .webform-button--next,
  body form.webform-submission-blog-generation-de-leads-pfas-form
  .form-actions
  .webform-button--submit {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
  }
}
 
(function () {
  "use strict";

  var FORM_SELECTOR =
    "form.webform-submission-blog-generation-de-leads-pfas-form";

  function updateForm(form) {
    var radios = Array.from(
      form.querySelectorAll(
        'input[name="type_de_client"]'
      )
    );

    /*
     * The radios exist only on the first page.
     */
    if (!radios.length) {
      return;
    }

    var selected = radios.find(function (radio) {
      return radio.checked;
    });

    var value = selected ? selected.value : "";

    var isParticular =
      value === "particulier";

    var isProfessional =
      value === "professionnel";

    radios.forEach(function (radio) {
      var card = radio.closest(
        ".form-type-radio, .js-form-type-radio"
      );

      if (card) {
        card.classList.toggle(
          "pfas-client-card-selected",
          radio.checked
        );
      }
    });

    var message =
      form.querySelector(
        ".client-routing-message-wrapper"
      ) ||
      form.querySelector(
        ".client-routing-message"
      );

    if (message) {
      var messageWrapper =
        message.closest("[data-drupal-states]") ||
        message.closest(".js-form-wrapper") ||
        message;

      messageWrapper.hidden = !isParticular;

      messageWrapper.style.setProperty(
        "display",
        isParticular ? "block" : "none",
        "important"
      );
    }

    form
      .querySelectorAll(".webform-button--next")
      .forEach(function (button) {
        button.disabled = !isProfessional;
        button.hidden = !isProfessional;

        button.style.setProperty(
          "display",
          isProfessional
            ? "inline-flex"
            : "none",
          "important"
        );
      });
  }

  function findForms(context) {
    var forms = [];

    if (
      context &&
      context.nodeType === 1 &&
      context.matches &&
      context.matches(FORM_SELECTOR)
    ) {
      forms.push(context);
    }

    if (context && context.querySelectorAll) {
      context
        .querySelectorAll(FORM_SELECTOR)
        .forEach(function (form) {
          if (forms.indexOf(form) === -1) {
            forms.push(form);
          }
        });
    }

    return forms;
  }

  function updateContext(context) {
    findForms(context).forEach(function (form) {
      updateForm(form);

      window.requestAnimationFrame(function () {
        updateForm(form);
      });

      window.setTimeout(function () {
        updateForm(form);
      }, 100);
    });
  }

  if (!window.pfasBlogUnifiedEventsBound) {
    window.pfasBlogUnifiedEventsBound = true;

    document.addEventListener(
      "change",
      function (event) {
        if (
          !event.target.matches(
            FORM_SELECTOR +
            ' input[name="type_de_client"]'
          )
        ) {
          return;
        }

        updateForm(
          event.target.closest(FORM_SELECTOR)
        );
      }
    );

    /* Prevent progression unless Professionnel is selected */
    document.addEventListener(
      "click",
      function (event) {
        var nextButton = event.target.closest(
          FORM_SELECTOR +
          " .webform-button--next"
        );

        if (!nextButton) {
          return;
        }

        var form =
          nextButton.closest(FORM_SELECTOR);

        var radios =
          form.querySelectorAll(
            'input[name="type_de_client"]'
          );

        if (!radios.length) {
          return;
        }

        var professional =
          form.querySelector(
            'input[name="type_de_client"]' +
            '[value="professionnel"]:checked'
          );

        if (!professional) {
          event.preventDefault();
          event.stopImmediatePropagation();

          updateForm(form);
        }
      },
      true
    );
  }

  if (window.Drupal) {
    Drupal.behaviors.pfasBlogUnifiedCard = {
      attach: function (context) {
        updateContext(context);
      }
    };
  }

  if (document.readyState === "loading") {
    document.addEventListener(
      "DOMContentLoaded",
      function () {
        updateContext(document);
      }
    );
  } else {
    updateContext(document);
  }
})();
 
/* ==========================================================================
   Blog PFAS — dropdowns matching the rest of the form
   ========================================================================== */

/* ==========================================================================
   1. Native Drupal select
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible) {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;

  margin: 0 !important;
  padding: 0 52px 0 17px !important;

  box-sizing: border-box !important;
  border: 1px solid #d8d6e1 !important;
  border-radius: 8px !important;

  background-color: #f7f6fa !important;
  background-image:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23292929' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 17px center !important;
  background-size: 17px 17px !important;

  color: #292929 !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;

  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible):hover {
  border-color: #aaa7b6 !important;
  background-color: #ffffff !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible):focus {
  border-color: #159fda !important;
  background-color: #ffffff !important;

  background-image:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230072CE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;

  box-shadow:
    0 0 0 4px rgba(21, 159, 218, 0.12) !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible):disabled {
  border-color: #e2e1e7 !important;
  background-color: #eeeeF2 !important;
  color: #888888 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
select.form-select:not(.select2-hidden-accessible)::-ms-expand {
  display: none !important;
}

/* ==========================================================================
   2. Keep the original select hidden when Select2 is active
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
select.select2-hidden-accessible {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  margin: -1px !important;
  padding: 0 !important;

  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;

  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   3. Visible Select2 field
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;

  box-sizing: border-box !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
  border: 1px solid #d8d6e1 !important;
  border-radius: 8px !important;

  background: #f7f6fa !important;
  background-image: none !important;

  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single:hover {
  border-color: #aaa7b6 !important;
  background: #ffffff !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default.select2-container--focus
.select2-selection--single,
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default.select2-container--open
.select2-selection--single {
  border-color: #159fda !important;
  background: #ffffff !important;

  box-shadow:
    0 0 0 4px rgba(21, 159, 218, 0.12) !important;
}

/* Selected text */
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  display: block !important;

  height: 52px !important;

  margin: 0 !important;
  padding: 0 52px 0 17px !important;

  color: #292929 !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 52px !important;

  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

/* Placeholder */
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
  color: #777777 !important;
  font-weight: 400 !important;
}

/* ==========================================================================
   4. Select2 arrow
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  position: absolute !important;

  top: 50% !important;
  right: 17px !important;
  left: auto !important;

  width: 18px !important;
  height: 18px !important;

  transform: translateY(-50%) !important;

  border: 0 !important;
  pointer-events: none !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default
.select2-selection--single
.select2-selection__arrow b {
  display: block !important;
  position: static !important;

  width: 18px !important;
  height: 18px !important;

  margin: 0 !important;

  border: 0 !important;
  border-style: none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23292929' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 17px 17px !important;

  transition: transform 0.2s ease !important;
}

body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow b {
  background-image:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230072CE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 15 12 9 18 15'/%3E%3C/svg%3E") !important;
}

/* Remove arrows added by the Veolia theme */
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-selection--single::before,
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-selection--single::after,
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-selection__arrow::before,
body form.webform-submission-blog-generation-de-leads-pfas-form
.select2-selection__arrow::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   5. Select2 dropdown menu
   The dropdown is appended outside the form, so these selectors are global.
   ========================================================================== */

body .select2-container--open
.select2-dropdown {
  overflow: hidden !important;

  margin-top: 5px !important;

  box-sizing: border-box !important;
  border: 1px solid #d8d6e1 !important;
  border-radius: 8px !important;

  background: #ffffff !important;

  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.14) !important;

  z-index: 10000 !important;
}

body .select2-container--default
.select2-results {
  background: #ffffff !important;
}

body .select2-container--default
.select2-results__options {
  max-height: 260px !important;

  padding: 6px !important;

  background: #ffffff !important;

  scrollbar-width: thin !important;
  scrollbar-color: #b7b5bf #f2f1f6 !important;
}

body .select2-container--default
.select2-results__option {
  margin: 0 0 2px !important;
  padding: 11px 13px !important;

  border-radius: 6px !important;

  background: #ffffff !important;
  color: #292929 !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 21px !important;

  cursor: pointer !important;
}

body .select2-container--default
.select2-results__option:last-child {
  margin-bottom: 0 !important;
}

body .select2-container--default
.select2-results__option--highlighted[aria-selected],
body .select2-container--default
.select2-results__option--highlighted[data-selected] {
  background: #edf7fc !important;
  color: #004a8f !important;
}

body .select2-container--default
.select2-results__option[aria-selected="true"],
body .select2-container--default
.select2-results__option[data-selected="true"] {
  background: #f2f1f9 !important;
  color: #292929 !important;

  font-weight: 700 !important;
}

/* Select2 search field, when enabled */
body .select2-container--default
.select2-search--dropdown {
  padding: 10px !important;

  background: #ffffff !important;
}

body .select2-container--default
.select2-search--dropdown
.select2-search__field {
  width: 100% !important;
  height: 44px !important;

  padding: 10px 13px !important;

  box-sizing: border-box !important;
  border: 1px solid #d8d6e1 !important;
  border-radius: 7px !important;

  background: #f7f6fa !important;
  color: #292929 !important;

  font-family: "Noto Sans", Arial, sans-serif !important;
  font-size: 15px !important;

  outline: none !important;
}

body .select2-container--default
.select2-search--dropdown
.select2-search__field:focus {
  border-color: #159fda !important;
  background: #ffffff !important;

  box-shadow:
    0 0 0 3px rgba(21, 159, 218, 0.12) !important;
}

/* ==========================================================================
   6. Error state
   ========================================================================== */

body form.webform-submission-blog-generation-de-leads-pfas-form
.form-item--error
select.form-select:not(.select2-hidden-accessible),
body form.webform-submission-blog-generation-de-leads-pfas-form
.form-item--error
.select2-selection--single {
  border-color: #c90017 !important;
  background-color: #fffafa !important;

  box-shadow:
    0 0 0 4px rgba(201, 0, 23, 0.08) !important;
}

/* ==========================================================================
   7. Mobile
   ========================================================================== */

@media (max-width: 768px) {
  body form.webform-submission-blog-generation-de-leads-pfas-form
  select.form-select:not(.select2-hidden-accessible),
  body form.webform-submission-blog-generation-de-leads-pfas-form
  .select2-selection--single {
    height: 52px !important;
    min-height: 52px !important;
  }

  body form.webform-submission-blog-generation-de-leads-pfas-form
  .select2-selection__rendered {
    height: 50px !important;
    line-height: 50px !important;
  }
}