PageSourceSearch

https://www.helios.do/notre-mission/

html helios.do collected 2026-10-03 21:49:38 UTC 168,572 bytes, 1,607 lines download raw bytes

1<!DOCTYPE html><html lang="fr"> <head><!-- Basic meta tags --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- URL canonique --><link rel="canonical" href="https://www.helios.do/notre-mission/"><!-- Page specific meta tags and head content --> <meta
2      content="helios donne à tous ceux qui le souhaitent la possibilité de contribuer à bâtir un monde plus durable pour demain."
3    /><meta content="https://a.storyblok.com/f/279083/1200x630/38722f8a58/meta-image.png" property="og:image"><!-- Title, CSS and Favicon --><title>Notre mission</title><link rel="icon" href="https://a.storyblok.com/f/279083/512x512/95c4a10e73/favicon.png" type="image/png"><link rel="stylesheet" href="https://use.typekit.net/reu3zay.css"><link rel="stylesheet" href="https://use.typekit.net/reu3zay.css"><!-- Trustpilot script: uncomment when the rating gets better --><!-- 
3<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
3 --><!-- Faceook, Google Tag Manager, Intercom --><meta name="facebook-domain-verification" content="94ejw5eyl6sawu55716h9h1rallbqs"><meta property="og:url" content="https://www.helios.do"><meta property="og:type" content="website"><meta property="og:title" content="helios - Le compte le plus écologique de France"><meta property="og:description" content="Financez la transition écologique et ayez de l'impact pour la Planète en ouvrant un compte ou une assurance-vie éco-responsables"><meta property="og:image" content="https://a.storyblok.com/f/279083/1200x630/38722f8a58/meta-image.png"><meta property="fb:app_id" content="634347103790999"><meta name="msvalidate.01" content="B4924B69402570AE820DDC614AEF4DE9">
3<script defer>
vendor: 495 bytes, lines 3-13
3
4          (function (w, d, s, l, i) {
5            w[l] = w[l] || [];
6            w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
7            var f = d.getElementsByTagName(s)[0],
8              j = d.createElement(s),
9              dl = l != "dataLayer" ? "&l=" + l : "";
10            j.async = true;
11            j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
12            f.parentNode.insertBefore(j, f);
13          })(window, document, "script", "dataLayer", "
13GTM-P664XBR
vendor: 12 bytes, lines 13-14
13");
14        
14</script>
14<script defer>
15          window.intercomSettings = {
16            app_id: "jqbdekwd",
17          };
18        </script>
18<script defer>
19          (function () {
20            var w = window;
21            var ic = w.Intercom;
22            if (typeof ic === "function") {
23              ic("reattach_activator");
24              ic("update", w.intercomSettings);
25            } else {
26              var d = document;
27              var i = function () {
28                i.c(arguments);
29              };
30              i.q = [];
31              i.c = function (args) {
32                i.q.push(args);
33              };
34              w.Intercom = i;
35              var l = function () {
36                var s = d.createElement("script");
37                s.type = "text/javascript";
38                s.async = true;
39                s.src = "https://widget.intercom.io/widget/jqbdekwd";
40                var x = d.getElementsByTagName("script")[0];
41                x.parentNode.insertBefore(s, x);
42              };
43              if (w.attachEvent) {
44                w.attachEvent("onload", l);
45              } else {
46                w.addEventListener("load", l, false);
47              }
48            }
49          })();
50        </script>
50<script defer>
51          window.intercomSettings = {
52            app_id: "jqbdekwd",
53            custom_launcher_selector: "#on_web",
54          };
55        </script>
55<script defer>
56          (function () {
57            var w = window;
58            var ic = w.Intercom;
59            if (typeof ic === "function") {
60              ic("reattach_activator");
61              ic("update", w.intercomSettings);
62            } else {
63              var d = document;
64              var i = function () {
65                i.c(arguments);
66              };
67              i.q = [];
68              i.c = function (args) {
69                i.q.push(args);
70              };
71              w.Intercom = i;
72              var l = function () {
73                var s = d.createElement("script");
74                s.type = "text/javascript";
75                s.async = true;
76                s.src = "https://widget.intercom.io/widget/jqbdekwd";
77                var x = d.getElementsByTagName("script")[0];
78                x.parentNode.insertBefore(s, x);
79              };
80              if (w.attachEvent) {
81                w.attachEvent("onload", l);
82              } else {
83                w.addEventListener("load", l, false);
84              }
85            }
86          })();
87        </script>
87<script type="application/ld+json"> 
88     { 
89      "@context": "https://schema.org", 
90      "@type": "SoftwareApplication", 
91      "operatingSystem": "Web-based", 
92      "applicationCategory": "Finance", 
93      "name": "helios", 
94      "url": "https://www.helios.do/", 
95      "logo": "https://blog.helios.do/_astro/helios-logo-black.DZo9FLsh.png" ,
96      "description": "helios est un nouveau modèle engagé et transparent, qui oriente l'argent de ses clients vers des projets d'investissements respectueux de l'environnement. helios propose plusieurs produits, une carte de paiement internationale, tous les services bancaires du quotidien et un conseiller dédié, le tout disponible depuis l’espace client sur smartphone et sur ordinateur.",
97      "aggregateRating": { 
98        "@type": "AggregateRating", 
99        "bestRating": "5", 
100        "ratingValue": "4.4", 
101        "reviewCount": "627" 
102      }, 
103      "offers": { 
104        "@type": "Offer", 
105        "category": "Compte",
106        "price": "3.00", 
107        "priceCurrency": "EUR" 
108      }
109    } 
110    </script>
110<link rel="stylesheet" href="/_astro/_slug_.Dv8jeV5U.css">
111<link rel="stylesheet" href="/_astro/_slug_.fnG4SonJ.css">
111<script type="module" src="/_astro/page.B2ohBmLf.js"></script>
111</head> <body> <!-- Page content -->   <nav data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="left" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <img src="/_astro/logo_helios-younited_graphite.DqKk1TY6.svg" alt="Logo Helios" class="helios-logo" loading="eager" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <!-- DESKTOP --> <div class="nav-links" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="dropdown" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a href="/qui-sommes-nous/" class="link" title="Navigation" aria-label="Ouvrir Nous connaître" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Nous connaître <span data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </span> </a> <div class="content" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <div class="inner" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a class="navlink" href="/qui-sommes-nous/" title="Lien de navigation" aria-label="Aller vers Qui sommes-nous ?" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Qui sommes-nous ? </a> <a class="navlink" href="/notre-mission/" title="Lien de navigation" aria-label="Aller vers Notre mission" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Notre mission </a>  </div> </div> </div> <div class="dropdown" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a href="/impact/" class="link" title="Navigation" aria-label="Ouvrir Impact" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Impact <span data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </span> </a> <div class="content" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <div class="inner" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a class="navlink" href="/impact/" title="Lien de navigation" aria-label="Aller vers Notre impact" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Notre impact </a> <a class="navlink" href="/simulateur-carbone/" title="Lien de navigation" aria-label="Aller vers Notre simulateur carbone" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Notre simulateur carbone </a> <a class="navlink" href="/les-audacieux-saison3-candidature/" title="Lien de navigation" aria-label="Aller vers Les Audacieux" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Les Audacieux </a>  </div> </div> </div> <div class="dropdown" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a href="/nos-offres/" class="link" title="Navigation" aria-label="Ouvrir Offres" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Offres <span data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </span> </a> <div class="content" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <div class="inner" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a class="navlink" href="/nos-offres/" title="Lien de navigation" aria-label="Aller vers Toutes nos offres" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Toutes nos offres </a> <a class="navlink" href="/compte-premium/" title="Lien de navigation" aria-label="Aller vers Compte Premium" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Compte Premium </a> <a class="navlink" href="/compte-commun/" title="Lien de navigation" aria-label="Aller vers Compte Commun" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Compte Commun </a> <a class="navlink" href="/compte-courant/" title="Lien de navigation" aria-label="Aller vers Compte Courant" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Compte Courant </a> <a class="navlink" href="/compte-liberte/" title="Lien de navigation" aria-label="Aller vers Compte Liberté" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Compte Liberté </a> <a class="navlink" href="/compte-pro/" title="Lien de navigation" aria-label="Aller vers Compte Indépendant" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Compte Indépendant </a> <a class="navlink" href="/assurance-vie/" title="Lien de navigation" aria-label="Aller vers Assurance-vie durable" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Assurance-vie durable </a> <a class="navlink" href="/inscription_per/" title="Lien de navigation" aria-label="Aller vers PER (à venir)" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> PER (à venir) </a> <a class="navlink" href="/credit/" title="Lien de navigation" aria-label="Aller vers Crédits" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Crédits </a>  </div> </div> </div> <div class="dropdown" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a href="/" class="link" title="Navigation" aria-label="Ouvrir Fonctionnalités" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Fonctionnalités <span data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </span> </a> <div class="content" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <div class="inner" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a class="navlink" href="/securite/" title="Lien de navigation" aria-label="Aller vers Sécurité" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Sécurité </a> <a class="navlink" href="/apple-pay/" title="Lien de navigation" aria-label="Aller vers Apple Pay" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Apple Pay </a> <a class="navlink" href="/google-pay/" title="Lien de navigation" aria-label="Aller vers Google Pay" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Google Pay </a> <a class="navlink" href="/nos-moyens-de-paiement/" title="Lien de navigation" aria-label="Aller vers Moyens de paiement" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Moyens de paiement </a> <a class="navlink" href="/fonctionnalites-budget/" title="Lien de navigation" aria-label="Aller vers Fonctionnalités budget" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Fonctionnalités budget </a> <a class="navlink" href="/livret-epargne-ethique/" title="Lien de navigation" aria-label="Aller vers Coffres pour mettre de côté" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;">
111 Coffres pour mettre de côté </a> <a class="navlink" href="/programme-fidelite-ethique/" title="Lien de navigation" aria-label="Aller vers Remises partenaires durables" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Remises partenaires durables </a>  </div> </div> </div> <div class="dropdown" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a href="/" class="link" title="Navigation" aria-label="Ouvrir Ressources" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Ressources <span data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </span> </a> <div class="content" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <div class="inner" data-astro-cid-jo6ne6ub style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> <a class="navlink" href="https://blog.helios.do/" title="Lien de navigation" aria-label="Aller vers Blog &#34;Le Billet Vert&#34;" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Blog &quot;Le Billet Vert&quot; </a> <a class="navlink" href="https://www.helios.do/formation-gerez-votre-budget-12-etapes/?utm_partenaire=formation-gerez-votre-budget" title="Lien de navigation" aria-label="Aller vers Formation budgétaire" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Formation budgétaire </a> <a class="navlink" href="https://intercom.help/heliosdo/fr/" title="Lien de navigation" aria-label="Aller vers Foire aux questions" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Foire aux questions </a> <a class="navlink" href="/banque-ethique/" title="Lien de navigation" aria-label="Aller vers Banque écologique" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Banque écologique </a> <a class="navlink" href="https://blog.helios.do/lexique" title="Lien de navigation" aria-label="Aller vers Lexique" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Lexique </a> <a class="navlink" href="https://blog.helios.do/portraits" title="Lien de navigation" aria-label="Aller vers Portraits éco-engagés" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Portraits éco-engagés </a> <a class="navlink" href="/empreinte-carbone/empreinte-carbone-calcul/" title="Lien de navigation" aria-label="Aller vers Calcul de l'empreinte carbone" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Calcul de l&#39;empreinte carbone </a> <a class="navlink" href="/contact/" title="Lien de navigation" aria-label="Aller vers Nous contacter" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Nous contacter </a>  </div> </div> </div> <a class="navlink" href="/avis/" title="Lien de navigation" aria-label="Aller vers Avis clients" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Avis clients </a>  </div> </div> <div class="right" id="right" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="desktop-wrapper" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;"> <a id class="btn" href="https://www.helios.do/espace_client/" target="_self" title="Espace client" aria-label="Espace client" style="; --border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;" data-astro-cid-vhlabue6>Espace client</span>  </a> </div>  </div> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;"> <a id="openAccountBtn" class="btn" href="/inscription/" target="_self" title="Ouvrir un compte" aria-label="Ouvrir un compte" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;" data-astro-cid-vhlabue6>Ouvrir un compte</span>  </a> </div>  <!-- MOBILE --> <div class="mobile-wrapper" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="burger-menu" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="burger" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="first-line" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div class="second-line" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div class="third-line" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> </div> </div> </div> <div class="animation-container" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="color-slide color-slide-hortensia" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div class="color-slide color-slide-argile" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div class="color-slide color-slide-eclair" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div class="color-slide color-slide-jade" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <div id="menuContainer" class="menu-container" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="accordion" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="header" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><p data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Nous connaître</p><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </div><div class="content" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="inner" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><a class="navlink" href="/qui-sommes-nous/" title="Lien de navigation" aria-label="Aller vers Qui sommes-nous ?" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Qui sommes-nous ? </a> <a class="navlink" href="/notre-mission/" title="Lien de navigation" aria-label="Aller vers Notre mission" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Notre mission </a> </div></div></div><div class="accordion" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="header" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><p data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Impact</p><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </div><div class="content" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="inner" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><a class="navlink" href="/impact/" title="Lien de navigation" aria-label="Aller vers Notre impact" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Notre impact </a> <a class="navlink" href="/simulateur-carbone/" title="Lien de navigation" aria-label="Aller vers Notre simulateur carbone" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Notre simulateur carbone </a> <a class="navlink" href="/les-audacieux-saison3-candidature/" title="Lien de navigation" aria-label="Aller vers Les Audacieux" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Les Audacieux </a> </div></div></div><div class="accordion" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="header" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><p data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Offres</p><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </div><div class="content" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="inner" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><a class="navlink" href="/nos-offres/" title="Lien de navigation" aria-label="Aller vers Toutes nos offres" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Toutes nos offres </a> <a class="navlink" href="/compte-premium/" title="Lien de navigation" aria-label="Aller vers Compte Premium" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Compte Premium </a> <a class="navlink" href="/compte-commun/" title="Lien de navigation" aria-label="Aller vers Compte Commun" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Compte Commun </a> <a class="navlink" href="/compte-courant/" title="Lien de navigation" aria-label="Aller vers Compte Courant" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Compte Courant </a> <a class="navlink" href="/compte-liberte/" title="Lien de navigation" aria-label="Aller vers Compte Liberté" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Compte Liberté </a> <a class="navlink" href="/compte-pro/" title="Lien de navigation" aria-label="Aller vers Compte Indépendant" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Compte Indépendant </a> <a class="navlink" href="/assurance-vie/" title="Lien de navigation" aria-label="Aller vers Assurance-vie durable" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Assurance-vie durable </a> <a class="navlink" href="/inscription_per/" title="Lien de navigation" aria-label="Aller vers PER (à venir)" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> PER (à venir) </a> <a class="navlink" href="/credit/" title="Lien de navigation" aria-label="Aller vers Crédits" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Crédits </a> </div></div></div><div class="accordion" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="header" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><p data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Fonctionnalités</p><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </div><div class="content" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="inner" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><a class="navlink" href="/securite/" title="Lien de navigation" aria-label="Aller vers Sécurité" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Sécurité </a> <a class="navlink" href="/apple-pay/" title="Lien de navigation" aria-label="Aller vers Apple Pay" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Apple Pay </a> <a class="navlink" href="/google-pay/" title="Lien de navigation" aria-label="Aller vers Google Pay" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: 
111TStar-SemiBold;"> Google Pay </a> <a class="navlink" href="/nos-moyens-de-paiement/" title="Lien de navigation" aria-label="Aller vers Moyens de paiement" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Moyens de paiement </a> <a class="navlink" href="/fonctionnalites-budget/" title="Lien de navigation" aria-label="Aller vers Fonctionnalités budget" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Fonctionnalités budget </a> <a class="navlink" href="/livret-epargne-ethique/" title="Lien de navigation" aria-label="Aller vers Coffres pour mettre de côté" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Coffres pour mettre de côté </a> <a class="navlink" href="/programme-fidelite-ethique/" title="Lien de navigation" aria-label="Aller vers Remises partenaires durables" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Remises partenaires durables </a> </div></div></div><div class="accordion" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="header" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><p data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Ressources</p><svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow" data-astro-cid-cejdkphm> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 4.66667L4.16667 5.5L5 4.66667L8.33333 1.33333L7.5 0.5L4.16667 3.83333L0.833333 0.5L0 1.33333L3.33333 4.66667Z" fill="#252525" data-astro-cid-cejdkphm></path> </svg> </div><div class="content" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><div class="inner" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"><a class="navlink" href="https://blog.helios.do/" title="Lien de navigation" aria-label="Aller vers Blog &#34;Le Billet Vert&#34;" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Blog &quot;Le Billet Vert&quot; </a> <a class="navlink" href="https://www.helios.do/formation-gerez-votre-budget-12-etapes/?utm_partenaire=formation-gerez-votre-budget" title="Lien de navigation" aria-label="Aller vers Formation budgétaire" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Formation budgétaire </a> <a class="navlink" href="https://intercom.help/heliosdo/fr/" title="Lien de navigation" aria-label="Aller vers Foire aux questions" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Foire aux questions </a> <a class="navlink" href="/banque-ethique/" title="Lien de navigation" aria-label="Aller vers Banque écologique" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Banque écologique </a> <a class="navlink" href="https://blog.helios.do/lexique" title="Lien de navigation" aria-label="Aller vers Lexique" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Lexique </a> <a class="navlink" href="https://blog.helios.do/portraits" title="Lien de navigation" aria-label="Aller vers Portraits éco-engagés" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Portraits éco-engagés </a> <a class="navlink" href="/empreinte-carbone/empreinte-carbone-calcul/" title="Lien de navigation" aria-label="Aller vers Calcul de l'empreinte carbone" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Calcul de l&#39;empreinte carbone </a> <a class="navlink" href="/contact/" title="Lien de navigation" aria-label="Aller vers Nous contacter" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Nous contacter </a> </div></div></div><a class="accordion-like" href="/avis/" title="Navigation" data-astro-cid-yb2k2hr3 style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;">Avis clients</a> <div class="spacing" data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"></div> <footer data-astro-cid-u2hib4if style="--navBarColorOutter: white;--navBarColorMobile: white;--linksColor: var(--graphite);--linksFont: TStar-SemiBold;--burgerColor: var(--graphite);"> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;"> <a id class="btn" href="https://www.helios.do/espace_client/" target="_self" title="Espace client" aria-label="Espace client" style="; --border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --border: solid 1px var(--graphite);--borderBottom: solid 1px var(--graphite);--borderRadius: 0.8rem;--btnColor: transparent;--hoverColor: var(--graphite);--hoverTextColor: var(--sable);--btnWidth: 11.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.4rem;" data-astro-cid-vhlabue6>Espace client</span>  </a> </div>  <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;"> <a id="openAccountBtn" class="btn" href="/inscription/" target="_self" title="Ouvrir un compte" aria-label="Ouvrir un compte" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--btnWidth: 13.2rem;--height: 3.8rem;--textColor: var(--graphite);--textSize: 1.4rem;--lineHeight: 1.68rem;--padding: 0 1.6rem;" data-astro-cid-vhlabue6>Ouvrir un compte</span>  </a> </div>  </footer> </div> </div> </div> <!-- Mobile menu script --> 
111<script type="module">document.querySelectorAll("nav .dropdown").forEach(t=>{const e=t.querySelector(".content"),o=()=>{e.style.maxHeight=e.scrollHeight+"px"},n=()=>{e.style.maxHeight=0};t.addEventListener("mouseover",o),t.addEventListener("mouseleave",n),e.addEventListener("mouseleave",n)});</script>
111 <!-- Desktop menu script --> 
111<script type="module" src="/_astro/NavBar.astro_astro_type_script_index_1_lang.BZNAXVT3.js"></script>
111 
111<script>(function(){const current = undefined;
112const transparent = false;
113
114    // Find the current page and add the active class to the corresponding link
115    const nosOffresPages = [
116      "/nos-offres",
117      "/compte-courant",
118      "/compte-commun",
119      "/assurance-vie",
120      "/livret-epargne-ethique",
121      "/programme-fidelite-ethique",
122    ];
123
124    const impactPages = ["/simulateur-carbone", "/impact"];
125
126    const links = document.querySelectorAll("nav a");
127    const nosOffresLink = document.querySelector('nav a[href="/nos-offres"]');
128    const nosOffresLinkMobile = document.querySelector(
129      'nav a[href="#nos-offres"]'
130    );
131    const impactLink = document.querySelector('nav a[href="/impact"]');
132    const impactLinkMobile = document.querySelector('nav a[href="#impact"]');
133
134    links.forEach((link) => {
135      const href = link.getAttribute("href");
136      if (href === current) {
137        link.classList.add("active");
138      }
139    });
140
141    if (nosOffresPages.includes(current)) {
142      nosOffresLink.classList.add("active");
143      nosOffresLinkMobile.classList.add("active");
144    }
145
146    if (impactPages.includes(current)) {
147      impactLink.classList.add("active");
148      impactLinkMobile.classList.add("active");
149    }
150
151    // Add scroll event listener to change nav background when transparent is true
152    if (transparent) {
153      const nav = document.querySelector('nav');
154      
155      function handleScroll() {
156        if (window.scrollY > 140) {
157          nav.style.backgroundColor = 'var(--graphite)';
158        } else {
159          nav.style.backgroundColor = 'transparent';
160        }
161      }
162      
163      window.addEventListener('scroll', handleScroll);
164      
165      // Set initial state
166      handleScroll();
167    }
168
169  })();</script>
169 </nav> <main class data-astro-cid-f6h5nofv> <section class="hero-section" data-astro-cid-hczjiny3> <div class="rounded-bg" data-astro-cid-hczjiny3> <p class="offerTitle text-sable" data-astro-cid-hczjiny3></p> <h1 class="text-sable" data-astro-cid-hczjiny3>Financer ensemble un futur plus durable </h1> <p class="text-sable" data-astro-cid-hczjiny3></p> <div id="x8c77207d-a3a3-4f91-a1b3-9c3f3d22bf96">  <img loading="eager" src="https://a.storyblok.com/f/279083/5600x2800/0448473c6b/background-mission.png/m/filters:quality(40)" alt="Financer ensemble un futur plus durable " class="bg-img" data-astro-cid-hczjiny3>  </div> 
169<script>(function(){const minWidth = "102.4";
170const hide = undefined;
171const show = true;
172const id = "x8c77207d-a3a3-4f91-a1b3-9c3f3d22bf96";
173const flex = false;
174
175  const element = document.querySelector(`#${id}`);
176
177  function handleVisibility() {
178    const width = window.innerWidth;
179    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
180
181    if (hide) {
182      if (width >= mediaQueryWidth) {
183        element.style.display = "none";
184      } else {
185        element.style.display = flex ? "flex" : "block";
186      }
187    }
188
189    if (show) {
190      if (width >= mediaQueryWidth) {
191        element.style.display = flex ? "flex" : "block";
192      } else {
193        element.style.display = "none";
194      }
195    }
196  }
197
198  function getHtmlFontSize() {
199    var htmlElement = document.documentElement;
200    var style = window.getComputedStyle(htmlElement);
201    var fontSize = style.fontSize;
202    return parseInt(fontSize, 10);
203  }
204
205  window.addEventListener("resize", handleVisibility);
206  handleVisibility();
207})();</script>
207 <div id="x2fb1c4c4-235e-4b73-baaa-50ca65ab5fe9">  <img loading="eager" src="https://a.storyblok.com/f/279083/1572x3068/51ccbc749d/hero_mobile_mission.png/m/filters:quality(40)" alt="Financer ensemble un futur plus durable " class="bg-img" data-astro-cid-hczjiny3>  </div> 
207<script>(function(){const minWidth = "102.4";
208const hide = true;
209const show = undefined;
210const id = "x2fb1c4c4-235e-4b73-baaa-50ca65ab5fe9";
211const flex = false;
212
213  const element = document.querySelector(`#${id}`);
214
215  function handleVisibility() {
216    const width = window.innerWidth;
217    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
218
219    if (hide) {
220      if (width >= mediaQueryWidth) {
221        element.style.display = "none";
222      } else {
223        element.style.display = flex ? "flex" : "block";
224      }
225    }
226
227    if (show) {
228      if (width >= mediaQueryWidth) {
229        element.style.display = flex ? "flex" : "block";
230      } else {
231        element.style.display = "none";
232      }
233    }
234  }
235
236  function getHtmlFontSize() {
237    var htmlElement = document.documentElement;
238    var style = window.getComputedStyle(htmlElement);
239    var fontSize = style.fontSize;
240    return parseInt(fontSize, 10);
241  }
242
243  window.addEventListener("resize", handleVisibility);
244  handleVisibility();
245})();</script>
245 <div class="cta" data-astro-cid-hczjiny3> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;"> <a id class="btn" href="/inscription/" target="_self" title="Ouvrir un compte" aria-label="Ouvrir un compte" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6>Ouvrir un compte</span>  </a> </div>  </div> </div> </section> <section class="section-padding border-bottom-graphite" data-astro-cid-g5fgvzdk> <div class="block badges-block" data-astro-cid-g5fgvzdk> <h3 data-astro-cid-g5fgvzdk></h3> <div class="badges" data-astro-cid-g5fgvzdk> <div class="badge" data-astro-cid-g5fgvzdk> <div class="badge-container" data-astro-cid-g5fgvzdk> <img loading="lazy" src="https://a.storyblok.com/f/279083/236x236/bedc8e5e25/icon-smile.png/m/filters:quality(40)" alt="badge 0" class="badge-icon" data-astro-cid-g5fgvzdk> </div> <div class="footer" data-astro-cid-g5fgvzdk> <p class="title" data-astro-cid-g5fgvzdk>PLUS DE 60 000 CLIENTS</p> <p class="text" data-astro-cid-g5fgvzdk>qui nous soutiennent, pour qu’ensemble, on puisse faire bouger les lignes.</p> </div> </div><div class="badge" data-astro-cid-g5fgvzdk> <div class="badge-container" data-astro-cid-g5fgvzdk> <img loading="lazy" src="https://a.storyblok.com/f/279083/192x219/91f2c714e0/xl_money_bag_yellow.png/m/filters:quality(40)" alt="badge 1" class="badge-icon" data-astro-cid-g5fgvzdk> </div> <div class="footer" data-astro-cid-g5fgvzdk> <p class="title" data-astro-cid-g5fgvzdk>15 MILLIONS D'EUROS</p> <p class="text" data-astro-cid-g5fgvzdk>déjà investis dans la transition écologique grâce aux dépôts de nos clients.</p> </div> </div><div class="badge" data-astro-cid-g5fgvzdk> <div class="badge-container" data-astro-cid-g5fgvzdk> <img loading="lazy" src="https://a.storyblok.com/f/279083/214x236/6705a67127/icon-projets.png/m/filters:quality(40)" alt="badge 2" class="badge-icon" data-astro-cid-g5fgvzdk> </div> <div class="footer" data-astro-cid-g5fgvzdk> <p class="title" data-astro-cid-g5fgvzdk>+10 PROJETS FINANCÉS</p> <p class="text" data-astro-cid-g5fgvzdk>choisis avec soin pour respecter les enjeux du dérèglement climatique.</p> </div> </div> </div> </div> </section> <section class="text-image-section " style="background-color:var(--white)" data-astro-cid-zmtnyqbp> <div id="x3a2a0be1-6b45-4c6e-97a2-2ec5922b93d4"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="xbef8896b-10bb-41d7-a11d-e1f6cd9a5a63" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Nous sommes face à un problème <b>global et pressant</b></h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/8a0cd71a86/rechauffement-climatique-secheresse-de-la-terre.webp/m/filters:quality(30)" alt="Réchauffement climatique &#38; sécheresse de la Terre" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Les activités humaines fortement émettrices de CO2 sont directement à
246        l'origine du réchauffement climatique. Pour ne pas rendre notre planète
247        invivable demain, il faut limiter maintenant le développement des industries les plus polluantes : extraction et transformation du charbon, du pétrole et du gaz naturel, agriculture intensive, production de pesticides chimiques, fast-fashion.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="/manifeste/" target="_self" class="btn underline" title="Découvrir notre manifeste" aria-label="Découvrir notre manifeste" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> Découvrir notre manifeste </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div>  </div>  </div> 
247<script>(function(){const minWidth = "102.4";
248const hide = true;
249const show = undefined;
250const id = "xbef8896b-10bb-41d7-a11d-e1f6cd9a5a63";
251const flex = false;
252
253  const element = document.querySelector(`#${id}`);
254
255  function handleVisibility() {
256    const width = window.innerWidth;
257    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
258
259    if (hide) {
260      if (width >= mediaQueryWidth) {
261        element.style.display = "none";
262      } else {
263        element.style.display = flex ? "flex" : "block";
264      }
265    }
266
267    if (show) {
268      if (width >= mediaQueryWidth) {
269        element.style.display = flex ? "flex" : "block";
270      } else {
271        element.style.display = "none";
272      }
273    }
274  }
275
276  function getHtmlFontSize() {
277    var htmlElement = document.documentElement;
278    var style = window.getComputedStyle(htmlElement);
279    var fontSize = style.fontSize;
280    return parseInt(fontSize, 10);
281  }
282
283  window.addEventListener("resize", handleVisibility);
284  handleVisibility();
285})();</script>
285 <div id="x6d9b8f9c-cfeb-4519-932c-8e3c079ac9fa" style="justify-content:center;width:100%">  <div class="block text-image-block false false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Nous sommes face à un problème <b>global et pressant</b></h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Les activités humaines fortement émettrices de CO2 sont directement à
286        l'origine du réchauffement climatique. Pour ne pas rendre notre planète
287        invivable demain, il faut limiter maintenant le développement des industries les plus polluantes : extraction et transformation du charbon, du pétrole et du gaz naturel, agriculture intensive, production de pesticides chimiques, fast-fashion.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="/manifeste/" target="_self" class="btn underline" title="Découvrir notre manifeste" aria-label="Découvrir notre manifeste" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> Découvrir notre manifeste </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/8a0cd71a86/rechauffement-climatique-secheresse-de-la-terre.webp/m/filters:quality(30)" alt="Réchauffement climatique &#38; sécheresse de la Terre" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
287<script>(function(){const minWidth = "102.4";
288const hide = undefined;
289const show = true;
290const id = "x6d9b8f9c-cfeb-4519-932c-8e3c079ac9fa";
291const flex = true;
292
293  const element = document.querySelector(`#${id}`);
294
295  function handleVisibility() {
296    const width = window.innerWidth;
297    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
298
299    if (hide) {
300      if (width >= mediaQueryWidth) {
301        element.style.display = "none";
302      } else {
303        element.style.display = flex ? "flex" : "block";
304      }
305    }
306
307    if (show) {
308      if (width >= mediaQueryWidth) {
309        element.style.display = flex ? "flex" : "block";
310      } else {
311        element.style.display = "none";
312      }
313    }
314  }
315
316  function getHtmlFontSize() {
317    var htmlElement = document.documentElement;
318    var style = window.getComputedStyle(htmlElement);
319    var fontSize = style.fontSize;
320    return parseInt(fontSize, 10);
321  }
322
323  window.addEventListener("resize", handleVisibility);
324  handleVisibility();
325})();</script>
325 </div>  </div> 
325<script>(function(){const minWidth = "144";
326const hide = true;
327const show = undefined;
328const id = "x3a2a0be1-6b45-4c6e-97a2-2ec5922b93d4";
329const flex = false;
330
331  const element = document.querySelector(`#${id}`);
332
333  function handleVisibility() {
334    const width = window.innerWidth;
335    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
336
337    if (hide) {
338      if (width >= mediaQueryWidth) {
339        element.style.display = "none";
340      } else {
341        element.style.display = flex ? "flex" : "block";
342      }
343    }
344
345    if (show) {
346      if (width >= mediaQueryWidth) {
347        element.style.display = flex ? "flex" : "block";
348      } else {
349        element.style.display = "none";
350      }
351    }
352  }
353
354  function getHtmlFontSize() {
355    var htmlElement = document.documentElement;
356    var style = window.getComputedStyle(htmlElement);
357    var fontSize = style.fontSize;
358    return parseInt(fontSize, 10);
359  }
360
361  window.addEventListener("resize", handleVisibility);
362  handleVisibility();
363})();</script>
363 <div id="x396e0d8f-8fa8-4674-af17-8070b54788c1"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="x1d17d012-c92a-4b11-b435-ead08a2e0d5f" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Nous sommes face à un problème <b>global et pressant</b></h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/8a0cd71a86/rechauffement-climatique-secheresse-de-la-terre.webp/m/filters:quality(30)" alt="Réchauffement climatique &#38; sécheresse de la Terre" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Les activités humaines fortement émettrices de CO2 sont directement à
364        l'origine du réchauffement climatique. Pour ne pas rendre notre planète
365        invivable demain, il faut limiter maintenant le développement des industries les plus polluantes : extraction et transformation du charbon, du pétrole et du gaz naturel, agriculture intensive, production de pesticides chimiques, fast-fashion.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="/manifeste/" target="_self" class="btn underline" title="Découvrir notre manifeste" aria-label="Découvrir notre manifeste" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> Découvrir notre manifeste </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div>  </div>  </div> 
365<script>(function(){const minWidth = "102.4";
366const hide = true;
367const show = undefined;
368const id = "x1d17d012-c92a-4b11-b435-ead08a2e0d5f";
369const flex = false;
370
371  const element = document.querySelector(`#${id}`);
372
373  function handleVisibility() {
374    const width = window.innerWidth;
375    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
376
377    if (hide) {
378      if (width >= mediaQueryWidth) {
379        element.style.display = "none";
380      } else {
381        element.style.display = flex ? "flex" : "block";
382      }
383    }
384
385    if (show) {
386      if (width >= mediaQueryWidth) {
387        element.style.display = flex ? "flex" : "block";
388      } else {
389        element.style.display = "none";
390      }
391    }
392  }
393
394  function getHtmlFontSize() {
395    var htmlElement = document.documentElement;
396    var style = window.getComputedStyle(htmlElement);
397    var fontSize = style.fontSize;
398    return parseInt(fontSize, 10);
399  }
400
401  window.addEventListener("resize", handleVisibility);
402  handleVisibility();
403})();</script>
403 <div id="xb203ccec-8502-49b2-a4b8-effbf21bdbdd" style="justify-content:center;width:100%">  <div class="block text-image-block false false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Nous sommes face à un problème <b>global et pressant</b></h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Les activités humaines fortement émettrices de CO2 sont directement à
404        l'origine du réchauffement climatique. Pour ne pas rendre notre planète
405        invivable demain, il faut limiter maintenant le développement des industries les plus polluantes : extraction et transformation du charbon, du pétrole et du gaz naturel, agriculture intensive, production de pesticides chimiques, fast-fashion.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="/manifeste/" target="_self" class="btn underline" title="Découvrir notre manifeste" aria-label="Découvrir notre manifeste" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> Découvrir notre manifeste </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/8a0cd71a86/rechauffement-climatique-secheresse-de-la-terre.webp/m/filters:quality(30)" alt="Réchauffement climatique &#38; sécheresse de la Terre" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
405<script>(function(){const minWidth = "102.4";
406const hide = undefined;
407const show = true;
408const id = "xb203ccec-8502-49b2-a4b8-effbf21bdbdd";
409const flex = true;
410
411  const element = document.querySelector(`#${id}`);
412
413  function handleVisibility() {
414    const width = window.innerWidth;
415    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
416
417    if (hide) {
418      if (width >= mediaQueryWidth) {
419        element.style.display = "none";
420      } else {
421        element.style.display = flex ? "flex" : "block";
422      }
423    }
424
425    if (show) {
426      if (width >= mediaQueryWidth) {
427        element.style.display = flex ? "flex" : "block";
428      } else {
429        element.style.display = "none";
430      }
431    }
432  }
433
434  function getHtmlFontSize() {
435    var htmlElement = document.documentElement;
436    var style = window.getComputedStyle(htmlElement);
437    var fontSize = style.fontSize;
438    return parseInt(fontSize, 10);
439  }
440
441  window.addEventListener("resize", handleVisibility);
442  handleVisibility();
443})();</script>
443 </div>  </div> 
443<script>(function(){const minWidth = "144";
444const hide = undefined;
445const show = true;
446const id = "x396e0d8f-8fa8-4674-af17-8070b54788c1";
447const flex = false;
448
449  const element = document.querySelector(`#${id}`);
450
451  function handleVisibility() {
452    const width = window.innerWidth;
453    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
454
455    if (hide) {
456      if (width >= mediaQueryWidth) {
457        element.style.display = "none";
458      } else {
459        element.style.display = flex ? "flex" : "block";
460      }
461    }
462
463    if (show) {
464      if (width >= mediaQueryWidth) {
465        element.style.display = flex ? "flex" : "block";
466      } else {
467        element.style.display = "none";
468      }
469    }
470  }
471
472  function getHtmlFontSize() {
473    var htmlElement = document.documentElement;
474    var style = window.getComputedStyle(htmlElement);
475    var fontSize = style.fontSize;
476    return parseInt(fontSize, 10);
477  }
478
479  window.addEventListener("resize", handleVisibility);
480  handleVisibility();
481})();</script>
481 </section> <section class="quote-section section-padding background-graphite" data-astro-cid-npnubhbr> <div class="quote-block" data-astro-cid-npnubhbr> <div id="x21a14ead-6ff1-4243-81c2-9975133673d7">  <p class="quote text-sable" data-astro-cid-npnubhbr>Notre argent ne dort pas dans un coffre : il pollue. 
482Les 3 plus grandes banques françaises ont alloué près de 350 milliards de dollars aux énergies fossiles depuis 2015, nous rendant complices de l'inaction climatique.</p>  </div> 
482<script>(function(){const minWidth = "144";
483const hide = true;
484const show = undefined;
485const id = "x21a14ead-6ff1-4243-81c2-9975133673d7";
486const flex = false;
487
488  const element = document.querySelector(`#${id}`);
489
490  function handleVisibility() {
491    const width = window.innerWidth;
492    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
493
494    if (hide) {
495      if (width >= mediaQueryWidth) {
496        element.style.display = "none";
497      } else {
498        element.style.display = flex ? "flex" : "block";
499      }
500    }
501
502    if (show) {
503      if (width >= mediaQueryWidth) {
504        element.style.display = flex ? "flex" : "block";
505      } else {
506        element.style.display = "none";
507      }
508    }
509  }
510
511  function getHtmlFontSize() {
512    var htmlElement = document.documentElement;
513    var style = window.getComputedStyle(htmlElement);
514    var fontSize = style.fontSize;
515    return parseInt(fontSize, 10);
516  }
517
518  window.addEventListener("resize", handleVisibility);
519  handleVisibility();
520})();</script>
520 <div id="x5e00cc65-1de2-4e49-ac5b-4c0a8f777549">  <img src="https://a.storyblok.com/f/279083/138x112/fec2fd2fff/left.png" loading="lazy" alt="Guillemet" data-astro-cid-npnubhbr="true" width="34" height="28" decoding="async" class="quote-left"> <p class="quote text-sable" data-astro-cid-npnubhbr>Notre argent ne dort pas dans un coffre : il pollue. 
521Les 3 plus grandes banques françaises ont alloué près de 350 milliards de dollars aux énergies fossiles depuis 2015, nous rendant complices de l'inaction climatique.</p> <img src="https://a.storyblok.com/f/279083/137x112/6a7878cdb9/right.png" loading="lazy" alt="Guillemet" data-astro-cid-npnubhbr="true" width="34" height="28" decoding="async" class="quote-right">  </div> 
521<script>(function(){const minWidth = "144";
522const hide = undefined;
523const show = true;
524const id = "x5e00cc65-1de2-4e49-ac5b-4c0a8f777549";
525const flex = false;
526
527  const element = document.querySelector(`#${id}`);
528
529  function handleVisibility() {
530    const width = window.innerWidth;
531    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
532
533    if (hide) {
534      if (width >= mediaQueryWidth) {
535        element.style.display = "none";
536      } else {
537        element.style.display = flex ? "flex" : "block";
538      }
539    }
540
541    if (show) {
542      if (width >= mediaQueryWidth) {
543        element.style.display = flex ? "flex" : "block";
544      } else {
545        element.style.display = "none";
546      }
547    }
548  }
549
550  function getHtmlFontSize() {
551    var htmlElement = document.documentElement;
552    var style = window.getComputedStyle(htmlElement);
553    var fontSize = style.fontSize;
554    return parseInt(fontSize, 10);
555  }
556
557  window.addEventListener("resize", handleVisibility);
558  handleVisibility();
559})();</script>
559 <p class="author text-sable" data-astro-cid-npnubhbr>Maeva Courtois, Co-fondatrice d’helios</p> </div> </section> <section class="text-image-section " style="background-color:var(--white)" data-astro-cid-zmtnyqbp> <div id="x484fe415-5728-48af-997a-c56bfdfcecdb"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="x3788cfa9-4a94-477d-b897-fd9b9fc03d02" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Ensemble, nous pouvons bâtir un futur durable.</h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/16aec7d185/forest-above.png/m/filters:quality(30)" alt="Image d'illustration" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, la part des dépôts de nos clients qui est investie est allouée à des projets sélectionnées pour leur contribution à la transition écologique.
560
561Nous voulons imposer un standard de transparence et d'engagement climatique à la hauteur des enjeux des années à venir.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;"> <a id class="btn" href="/inscription/" target="_self" title="Ouvrir un compte ou une assurance-vie" aria-label="Ouvrir un compte ou une assurance-vie" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6>Ouvrir un compte ou une assurance-vie</span>  </a> </div>  </div>  </div>  </div> 
561<script>(function(){const minWidth = "102.4";
562const hide = true;
563const show = undefined;
564const id = "x3788cfa9-4a94-477d-b897-fd9b9fc03d02";
565const flex = false;
566
567  const element = document.querySelector(`#${id}`);
568
569  function handleVisibility() {
570    const width = window.innerWidth;
571    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
572
573    if (hide) {
574      if (width >= mediaQueryWidth) {
575        element.style.display = "none";
576      } else {
577        element.style.display = flex ? "flex" : "block";
578      }
579    }
580
581    if (show) {
582      if (width >= mediaQueryWidth) {
583        element.style.display = flex ? "flex" : "block";
584      } else {
585        element.style.display = "none";
586      }
587    }
588  }
589
590  function getHtmlFontSize() {
591    var htmlElement = document.documentElement;
592    var style = window.getComputedStyle(htmlElement);
593    var fontSize = style.fontSize;
594    return parseInt(fontSize, 10);
595  }
596
597  window.addEventListener("resize", handleVisibility);
598  handleVisibility();
599})();</script>
599 <div id="x2c1e0471-c9c5-4943-a39a-42a8dd140bb1" style="justify-content:center;width:100%">  <div class="block text-image-block reverse false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Ensemble, nous pouvons bâtir un futur durable.</h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, la part des dépôts de nos clients qui est investie est allouée à des projets sélectionnées pour leur contribution à la transition écologique.
600
601Nous voulons imposer un standard de transparence et d'engagement climatique à la hauteur des enjeux des années à venir.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;"> <a id class="btn" href="/inscription/" target="_self" title="Ouvrir un compte ou une assurance-vie" aria-label="Ouvrir un compte ou une assurance-vie" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6>Ouvrir un compte ou une assurance-vie</span>  </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/16aec7d185/forest-above.png/m/filters:quality(30)" alt="Image d'illustration" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
601<script>(function(){const minWidth = "102.4";
602const hide = undefined;
603const show = true;
604const id = "x2c1e0471-c9c5-4943-a39a-42a8dd140bb1";
605const flex = true;
606
607  const element = document.querySelector(`#${id}`);
608
609  function handleVisibility() {
610    const width = window.innerWidth;
611    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
612
613    if (hide) {
614      if (width >= mediaQueryWidth) {
615        element.style.display = "none";
616      } else {
617        element.style.display = flex ? "flex" : "block";
618      }
619    }
620
621    if (show) {
622      if (width >= mediaQueryWidth) {
623        element.style.display = flex ? "flex" : "block";
624      } else {
625        element.style.display = "none";
626      }
627    }
628  }
629
630  function getHtmlFontSize() {
631    var htmlElement = document.documentElement;
632    var style = window.getComputedStyle(htmlElement);
633    var fontSize = style.fontSize;
634    return parseInt(fontSize, 10);
635  }
636
637  window.addEventListener("resize", handleVisibility);
638  handleVisibility();
639})();</script>
639 </div>  </div> 
639<script>(function(){const minWidth = "144";
640const hide = true;
641const show = undefined;
642const id = "x484fe415-5728-48af-997a-c56bfdfcecdb";
643const flex = false;
644
645  const element = document.querySelector(`#${id}`);
646
647  function handleVisibility() {
648    const width = window.innerWidth;
649    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
650
651    if (hide) {
652      if (width >= mediaQueryWidth) {
653        element.style.display = "none";
654      } else {
655        element.style.display = flex ? "flex" : "block";
656      }
657    }
658
659    if (show) {
660      if (width >= mediaQueryWidth) {
661        element.style.display = flex ? "flex" : "block";
662      } else {
663        element.style.display = "none";
664      }
665    }
666  }
667
668  function getHtmlFontSize() {
669    var htmlElement = document.documentElement;
670    var style = window.getComputedStyle(htmlElement);
671    var fontSize = style.fontSize;
672    return parseInt(fontSize, 10);
673  }
674
675  window.addEventListener("resize", handleVisibility);
676  handleVisibility();
677})();</script>
677 <div id="x118504df-1173-42bb-ad51-a7ca34b23901"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="x0f11f177-5f53-467c-9d77-d2215e8a9a98" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Ensemble, nous pouvons bâtir un futur durable.</h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/16aec7d185/forest-above.png/m/filters:quality(30)" alt="Image d'illustration" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, la part des dépôts de nos clients qui est investie est allouée à des projets sélectionnées pour leur contribution à la transition écologique.
678
679Nous voulons imposer un standard de transparence et d'engagement climatique à la hauteur des enjeux des années à venir.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;"> <a id class="btn" href="/inscription/" target="_self" title="Ouvrir un compte ou une assurance-vie" aria-label="Ouvrir un compte ou une assurance-vie" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6>Ouvrir un compte ou une assurance-vie</span>  </a> </div>  </div>  </div>  </div> 
679<script>(function(){const minWidth = "102.4";
680const hide = true;
681const show = undefined;
682const id = "x0f11f177-5f53-467c-9d77-d2215e8a9a98";
683const flex = false;
684
685  const element = document.querySelector(`#${id}`);
686
687  function handleVisibility() {
688    const width = window.innerWidth;
689    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
690
691    if (hide) {
692      if (width >= mediaQueryWidth) {
693        element.style.display = "none";
694      } else {
695        element.style.display = flex ? "flex" : "block";
696      }
697    }
698
699    if (show) {
700      if (width >= mediaQueryWidth) {
701        element.style.display = flex ? "flex" : "block";
702      } else {
703        element.style.display = "none";
704      }
705    }
706  }
707
708  function getHtmlFontSize() {
709    var htmlElement = document.documentElement;
710    var style = window.getComputedStyle(htmlElement);
711    var fontSize = style.fontSize;
712    return parseInt(fontSize, 10);
713  }
714
715  window.addEventListener("resize", handleVisibility);
716  handleVisibility();
717})();</script>
717 <div id="x2ac02a5e-b57f-4930-b85a-7601b6e98d4f" style="justify-content:center;width:100%">  <div class="block text-image-block reverse false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>Ensemble, nous pouvons bâtir un futur durable.</h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, la part des dépôts de nos clients qui est investie est allouée à des projets sélectionnées pour leur contribution à la transition écologique.
718
719Nous voulons imposer un standard de transparence et d'engagement climatique à la hauteur des enjeux des années à venir.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;"> <a id class="btn" href="/inscription/" target="_self" title="Ouvrir un compte ou une assurance-vie" aria-label="Ouvrir un compte ou une assurance-vie" style="; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6> <span class="inner-text" style="text-align: center; width: 100%;; --borderRadius: 0.8rem;--btnColor: var(--melrose);--hoverColor: var(--melrose-dark);--hoverTextColor: var(--graphite);--height: 4.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0 2.4rem;" data-astro-cid-vhlabue6>Ouvrir un compte ou une assurance-vie</span>  </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x800/16aec7d185/forest-above.png/m/filters:quality(30)" alt="Image d'illustration" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
719<script>(function(){const minWidth = "102.4";
720const hide = undefined;
721const show = true;
722const id = "x2ac02a5e-b57f-4930-b85a-7601b6e98d4f";
723const flex = true;
724
725  const element = document.querySelector(`#${id}`);
726
727  function handleVisibility() {
728    const width = window.innerWidth;
729    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
730
731    if (hide) {
732      if (width >= mediaQueryWidth) {
733        element.style.display = "none";
734      } else {
735        element.style.display = flex ? "flex" : "block";
736      }
737    }
738
739    if (show) {
740      if (width >= mediaQueryWidth) {
741        element.style.display = flex ? "flex" : "block";
742      } else {
743        element.style.display = "none";
744      }
745    }
746  }
747
748  function getHtmlFontSize() {
749    var htmlElement = document.documentElement;
750    var style = window.getComputedStyle(htmlElement);
751    var fontSize = style.fontSize;
752    return parseInt(fontSize, 10);
753  }
754
755  window.addEventListener("resize", handleVisibility);
756  handleVisibility();
757})();</script>
757 </div>  </div> 
757<script>(function(){const minWidth = "144";
758const hide = undefined;
759const show = true;
760const id = "x118504df-1173-42bb-ad51-a7ca34b23901";
761const flex = false;
762
763  const element = document.querySelector(`#${id}`);
764
765  function handleVisibility() {
766    const width = window.innerWidth;
767    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
768
769    if (hide) {
770      if (width >= mediaQueryWidth) {
771        element.style.display = "none";
772      } else {
773        element.style.display = flex ? "flex" : "block";
774      }
775    }
776
777    if (show) {
778      if (width >= mediaQueryWidth) {
779        element.style.display = flex ? "flex" : "block";
780      } else {
781        element.style.display = "none";
782      }
783    }
784  }
785
786  function getHtmlFontSize() {
787    var htmlElement = document.documentElement;
788    var style = window.getComputedStyle(htmlElement);
789    var fontSize = style.fontSize;
790    return parseInt(fontSize, 10);
791  }
792
793  window.addEventListener("resize", handleVisibility);
794  handleVisibility();
795})();</script>
795 </section> <section class="slider-section section-padding border-bottom-graphite" data-astro-cid-kiwdxrkc> <div class="block slider-block" data-astro-cid-kiwdxrkc> <header data-astro-cid-kiwdxrkc> <h3 data-astro-cid-kiwdxrkc>Nos actions <b>depuis 2020</b></h3> </header> <div class="swiper" data-astro-cid-kiwdxrkc> <div class="swiper-wrapper" data-astro-cid-kiwdxrkc> <div class="swiper-slide card" data-astro-cid-kiwdxrkc> <div class="card" data-astro-cid-lzzhxiky> <div class="container" data-astro-cid-lzzhxiky> <img loading="lazy" src="https://a.storyblok.com/f/279083/1086x720/299392da65/card-sunbiose.png/m/filters:quality(30)" alt="Sunbiose" data-astro-cid-lzzhxiky> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">  <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">JANVIER 2025</p> </div>  <div class="texts" data-astro-cid-lzzhxiky> <p class="title" data-astro-cid-lzzhxiky><b>Compte le plus vert de France</b> pour la 3ème année consécutive </p> <p class="text body2" data-astro-cid-lzzhxiky>Selon l'étude réalisée par Greenly (méthodologie Magellan), helios figurait parmi les comptes présentant l’intensité carbone la plus faible sur le panel étudié en 2024. Les données présentées sont tirées des comptes 2024 et ne présagent pas des résultats sur l'année 2025.</p> </div> </div> </div>  </div><div class="swiper-slide card" data-astro-cid-kiwdxrkc> <div class="card" data-astro-cid-lzzhxiky> <div class="container" data-astro-cid-lzzhxiky> <img loading="lazy" src="https://a.storyblok.com/f/279083/1482x1112/dd3f5f4443/audacieux.png/m/filters:quality(30)" alt="Image d'illustration" data-astro-cid-lzzhxiky> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">  <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">DÉCEMBRE 2024</p> </div>  <div class="texts" data-astro-cid-lzzhxiky> <p class="title" data-astro-cid-lzzhxiky><b>10 M€ investis</b> pour la transition écologique</p> <p class="text body2" data-astro-cid-lzzhxiky>
796
797
798Pour terminer l’année 2024 en beauté, nous sommes fiers d’augmenter notre contribution au financement de la transition écologique grâce aux dépôts de nos clients, à hauteur de 10 millions d’euros.</p> </div> </div> </div>  </div><div class="swiper-slide card" data-astro-cid-kiwdxrkc> <div class="card" data-astro-cid-lzzhxiky> <div class="container" data-astro-cid-lzzhxiky> <img loading="lazy" src="https://a.storyblok.com/f/279083/960x960/207968284e/nous-connaitre_hero.png/m/filters:quality(30)" alt="Image d'illustration" data-astro-cid-lzzhxiky> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">  <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">JUILLET 2024</p> </div>  <div class="texts" data-astro-cid-lzzhxiky> <p class="title" data-astro-cid-lzzhxiky><b>8M€ investis</b> pour la transition écologique</p> <p class="text body2" data-astro-cid-lzzhxiky>Grâce à l'engagement de nos clients, nous avons investi déjà 8M€ pour des projets à impact : énergie solaire, alternative végétale, épiceries anti-gaspi, recyclage du PET, mobilité durable...</p> </div> </div> </div>  </div><div class="swiper-slide card" data-astro-cid-kiwdxrkc> <div class="card" data-astro-cid-lzzhxiky> <div class="container" data-astro-cid-lzzhxiky> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/ad64f00b4a/b-corp-min-1.png/m/filters:quality(30)" alt="helios est b corp" data-astro-cid-lzzhxiky> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">  <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">JUILLET 2024</p> </div>  <div class="texts" data-astro-cid-lzzhxiky> <p class="title" data-astro-cid-lzzhxiky>helios devient une entreprise B Corp™️</p> <p class="text body2" data-astro-cid-lzzhxiky>Cette certification internationale signifie que notre entreprise a été vérifiée pour répondre à des normes élevées en matière d’impact social et environnemental.</p> </div> </div> </div>  </div><div class="swiper-slide card" data-astro-cid-kiwdxrkc> <div class="card" data-astro-cid-lzzhxiky> <div class="container" data-astro-cid-lzzhxiky> <img loading="lazy" src="https://a.storyblok.com/f/279083/814x856/f1ffb6af8b/compte-le-plus-vert-de-france.png/m/filters:quality(30)" alt="Image d'illustration" data-astro-cid-lzzhxiky> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">  <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--jade-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">MARS 2024</p> </div>  <div class="texts" data-astro-cid-lzzhxiky> <p class="title" data-astro-cid-lzzhxiky><b>Compte le plus vert de France</b> pour la 2ème année consécutive</p> <p class="text body2" data-astro-cid-lzzhxiky>Tout comme en 2022, helios a fait audité son impact par l'organisme indépendant Greenly. Le verdict est sans appel : <a href="/impact"><u>les comptes helios sont les plus écologiques de France</u></a> en 2023 !
799Les données présentées sont tirées des comptes 2023 et ne présagent pas des résultats sur l’année 2024.</p> </div> </div> </div>  </div> </div> <img src="/_astro/chevron-up.BRMvpvTN_Z10cyaI.svg" loading="lazy" alt="Flêche de défilement" data-astro-cid-kiwdxrkc="true" width="48" height="48" decoding="async" class="slider-arrow swiper-button-next"> <div class="blur" data-astro-cid-kiwdxrkc></div> </div> </div> </section> 
799<script type="module" src="/_astro/SectionWithHorizontalSlider2.astro_astro_type_script_index_0_lang.uLnUYwXr.js"></script>
799 <section class="border-bottom-graphite section-padding four-advantages-section background-white" data-astro-cid-dul7zx6h> <div class="benefits-block" data-astro-cid-dul7zx6h> <header style="border-bottom-color:var(--graphite)" data-astro-cid-dul7zx6h> <h3 style="color:var(--graphite)" data-astro-cid-dul7zx6h>Nos engagements pour la planète</h3>  </header> <div class="cards" data-astro-cid-dul7zx6h> <div class="benefits-card" data-astro-cid-5mg2furl> <div class="icon-container" data-astro-cid-5mg2furl> <img src="https://a.storyblok.com/f/279083/272x272/72f7d4eaa8/fleuille.png" loading="lazy" alt="Icone de bénéfice" data-astro-cid-5mg2furl="true" width="68" height="68" decoding="async"> </div> <div class="texts" data-astro-cid-5mg2furl> <h4 style="color:var(--graphite)" data-astro-cid-5mg2furl>100% des financements vers la transition </h4> <p class="body2" style="color:var(--graphite)" data-astro-cid-5mg2furl>Chez helios, nous nous engageons à ce que l'intégralité des dépôts investis et une partie de nos bénéfices soient alloués à des projets qui ne menacent ni l'environnement ni les Hommes.</p> </div> </div> <div class="benefits-card" data-astro-cid-5mg2furl> <div class="icon-container" data-astro-cid-5mg2furl> <img src="https://a.storyblok.com/f/279083/272x272/5ac4de9f5b/oeil.png" loading="lazy" alt="Icone de bénéfice" data-astro-cid-5mg2furl="true" width="68" height="68" decoding="async"> </div> <div class="texts" data-astro-cid-5mg2furl> <h4 style="color:var(--graphite)" data-astro-cid-5mg2furl>Le choix de la transparence et de la co-construction</h4> <p class="body2" style="color:var(--graphite)" data-astro-cid-5mg2furl>Pour en finir avec l'opacité des banques, nous vous expliquons sans langue de bois notre fonctionnement, nos choix d'investissement, notre modèle économique et l'utilisation de vos frais.</p> </div> </div> <div class="benefits-card" data-astro-cid-5mg2furl> <div class="icon-container" data-astro-cid-5mg2furl> <img src="https://a.storyblok.com/f/279083/272x272/1ad6f98e3a/carte-commun.png" loading="lazy" alt="Icone de bénéfice" data-astro-cid-5mg2furl="true" width="68" height="68" decoding="async"> </div> <div class="texts" data-astro-cid-5mg2furl> <h4 style="color:var(--graphite)" data-astro-cid-5mg2furl>Des offres adaptées à tous ceux qui souhaitent s’engager</h4> <p class="body2" style="color:var(--graphite)" data-astro-cid-5mg2furl>Pour que chacun puisse reprendre le pouvoir sur son argent, nous travaillons dur pour vous proposer l’offre la plus complète et adaptée à chacun.</p> </div> </div> <div class="benefits-card" data-astro-cid-5mg2furl> <div class="icon-container" data-astro-cid-5mg2furl> <img src="https://a.storyblok.com/f/279083/272x272/8e54efbb21/valide.png" loading="lazy" alt="Icone de bénéfice" data-astro-cid-5mg2furl="true" width="68" height="68" decoding="async"> </div> <div class="texts" data-astro-cid-5mg2furl> <h4 style="color:var(--graphite)" data-astro-cid-5mg2furl>Aucun compromis sur la qualité et la sécurité
800</h4> <p class="body2" style="color:var(--graphite)" data-astro-cid-5mg2furl>Car l’écologie n’est pas synonyme de sacrifice, votre engagement pour la planète s’accompagne d’un service digne des plus hauts standards en matière de sécurité et d’accompagnement.</p> </div> </div>  </div> </div> </section> <section class="text-image-section " style="background-color:var(--white)" data-astro-cid-zmtnyqbp> <div id="xd0772bf9-3147-407f-b801-4129c983f58a"> <section class="section-padding background- undefined" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="block partner-logos-block" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="texts" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <h3 slot="title" data-astro-cid-b2vrui2c style="--backgroundColor: white;">Nous sommes une société à mission</h3> <p slot="text" data-astro-cid-b2vrui2c style="--backgroundColor: white;">Les objectifs sociaux et environnementaux que nous poursuivons sont écrits noir sur blanc dans nos statuts. En 2023, nous avons obtenu une note record de plus de 80/100 sur le respect de la mission.</p> </div> <div class="logos" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="blur blur-left" data-astro-cid-b2vrui2c style="--backgroundColor: white;"></div> <div id="xfb82f771-072d-4ec6-81cf-f50ad8f2d2a7">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1800x156/9401d4cf99/labels.png/m/filters:quality(30)" alt="nos labels d'impact" data-astro-cid-b2vrui2c style="--backgroundColor: white;">  </div> 
800<script>(function(){const minWidth = "83.4";
801const hide = true;
802const show = undefined;
803const id = "xfb82f771-072d-4ec6-81cf-f50ad8f2d2a7";
804const flex = false;
805
806  const element = document.querySelector(`#${id}`);
807
808  function handleVisibility() {
809    const width = window.innerWidth;
810    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
811
812    if (hide) {
813      if (width >= mediaQueryWidth) {
814        element.style.display = "none";
815      } else {
816        element.style.display = flex ? "flex" : "block";
817      }
818    }
819
820    if (show) {
821      if (width >= mediaQueryWidth) {
822        element.style.display = flex ? "flex" : "block";
823      } else {
824        element.style.display = "none";
825      }
826    }
827  }
828
829  function getHtmlFontSize() {
830    var htmlElement = document.documentElement;
831    var style = window.getComputedStyle(htmlElement);
832    var fontSize = style.fontSize;
833    return parseInt(fontSize, 10);
834  }
835
836  window.addEventListener("resize", handleVisibility);
837  handleVisibility();
838})();</script>
838 <div id="xb86e2c5f-56e5-47ed-a09a-6c87e7ecc44b">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1800x156/9401d4cf99/labels.png/m/filters:quality(30)" alt="nos labels d'impact" data-astro-cid-b2vrui2c style="--backgroundColor: white;">  </div> 
838<script>(function(){const minWidth = "83.4";
839const hide = undefined;
840const show = true;
841const id = "xb86e2c5f-56e5-47ed-a09a-6c87e7ecc44b";
842const flex = false;
843
844  const element = document.querySelector(`#${id}`);
845
846  function handleVisibility() {
847    const width = window.innerWidth;
848    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
849
850    if (hide) {
851      if (width >= mediaQueryWidth) {
852        element.style.display = "none";
853      } else {
854        element.style.display = flex ? "flex" : "block";
855      }
856    }
857
858    if (show) {
859      if (width >= mediaQueryWidth) {
860        element.style.display = flex ? "flex" : "block";
861      } else {
862        element.style.display = "none";
863      }
864    }
865  }
866
867  function getHtmlFontSize() {
868    var htmlElement = document.documentElement;
869    var style = window.getComputedStyle(htmlElement);
870    var fontSize = style.fontSize;
871    return parseInt(fontSize, 10);
872  }
873
874  window.addEventListener("resize", handleVisibility);
875  handleVisibility();
876})();</script>
876 <div class="blur blur-right" data-astro-cid-b2vrui2c style="--backgroundColor: white;"></div> </div>  </div></section>  </div> 
876<script>(function(){const minWidth = "144";
877const hide = true;
878const show = undefined;
879const id = "xd0772bf9-3147-407f-b801-4129c983f58a";
880const flex = false;
881
882  const element = document.querySelector(`#${id}`);
883
884  function handleVisibility() {
885    const width = window.innerWidth;
886    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
887
888    if (hide) {
889      if (width >= mediaQueryWidth) {
890        element.style.display = "none";
891      } else {
892        element.style.display = flex ? "flex" : "block";
893      }
894    }
895
896    if (show) {
897      if (width >= mediaQueryWidth) {
898        element.style.display = flex ? "flex" : "block";
899      } else {
900        element.style.display = "none";
901      }
902    }
903  }
904
905  function getHtmlFontSize() {
906    var htmlElement = document.documentElement;
907    var style = window.getComputedStyle(htmlElement);
908    var fontSize = style.fontSize;
909    return parseInt(fontSize, 10);
910  }
911
912  window.addEventListener("resize", handleVisibility);
913  handleVisibility();
914})();</script>
914 <div id="xcdf22081-8e55-401a-9612-bc669a22525d"> <section class="section-padding background- undefined" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="block partner-logos-block" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="texts" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <h3 slot="title" data-astro-cid-b2vrui2c style="--backgroundColor: white;">Nous sommes une société à mission</h3> <p slot="text" data-astro-cid-b2vrui2c style="--backgroundColor: white;">Les objectifs sociaux et environnementaux que nous poursuivons sont écrits noir sur blanc dans nos statuts. En 2023, nous avons obtenu une note record de plus de 80/100 sur le respect de la mission.</p> </div> <div class="logos" data-astro-cid-b2vrui2c style="--backgroundColor: white;"> <div class="blur blur-left" data-astro-cid-b2vrui2c style="--backgroundColor: white;"></div> <div id="x7e3d58a9-dbc1-4469-8c59-5be0ae47ed1e">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1800x156/9401d4cf99/labels.png/m/filters:quality(30)" alt="nos labels d'impact" data-astro-cid-b2vrui2c style="--backgroundColor: white;">  </div> 
914<script>(function(){const minWidth = "83.4";
915const hide = true;
916const show = undefined;
917const id = "x7e3d58a9-dbc1-4469-8c59-5be0ae47ed1e";
918const flex = false;
919
920  const element = document.querySelector(`#${id}`);
921
922  function handleVisibility() {
923    const width = window.innerWidth;
924    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
925
926    if (hide) {
927      if (width >= mediaQueryWidth) {
928        element.style.display = "none";
929      } else {
930        element.style.display = flex ? "flex" : "block";
931      }
932    }
933
934    if (show) {
935      if (width >= mediaQueryWidth) {
936        element.style.display = flex ? "flex" : "block";
937      } else {
938        element.style.display = "none";
939      }
940    }
941  }
942
943  function getHtmlFontSize() {
944    var htmlElement = document.documentElement;
945    var style = window.getComputedStyle(htmlElement);
946    var fontSize = style.fontSize;
947    return parseInt(fontSize, 10);
948  }
949
950  window.addEventListener("resize", handleVisibility);
951  handleVisibility();
952})();</script>
952 <div id="xfb9bf4b1-cb36-416f-a2a6-d7413045ac66">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1800x156/9401d4cf99/labels.png/m/filters:quality(30)" alt="nos labels d'impact" data-astro-cid-b2vrui2c style="--backgroundColor: white;">  </div> 
952<script>(function(){const minWidth = "83.4";
953const hide = undefined;
954const show = true;
955const id = "xfb9bf4b1-cb36-416f-a2a6-d7413045ac66";
956const flex = false;
957
958  const element = document.querySelector(`#${id}`);
959
960  function handleVisibility() {
961    const width = window.innerWidth;
962    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
963
964    if (hide) {
965      if (width >= mediaQueryWidth) {
966        element.style.display = "none";
967      } else {
968        element.style.display = flex ? "flex" : "block";
969      }
970    }
971
972    if (show) {
973      if (width >= mediaQueryWidth) {
974        element.style.display = flex ? "flex" : "block";
975      } else {
976        element.style.display = "none";
977      }
978    }
979  }
980
981  function getHtmlFontSize() {
982    var htmlElement = document.documentElement;
983    var style = window.getComputedStyle(htmlElement);
984    var fontSize = style.fontSize;
985    return parseInt(fontSize, 10);
986  }
987
988  window.addEventListener("resize", handleVisibility);
989  handleVisibility();
990})();</script>
990 <div class="blur blur-right" data-astro-cid-b2vrui2c style="--backgroundColor: white;"></div> </div>  </div></section>  </div> 
990<script>(function(){const minWidth = "144";
991const hide = undefined;
992const show = true;
993const id = "xcdf22081-8e55-401a-9612-bc669a22525d";
994const flex = false;
995
996  const element = document.querySelector(`#${id}`);
997
998  function handleVisibility() {
999    const width = window.innerWidth;
1000    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1001
1002    if (hide) {
1003      if (width >= mediaQueryWidth) {
1004        element.style.display = "none";
1005      } else {
1006        element.style.display = flex ? "flex" : "block";
1007      }
1008    }
1009
1010    if (show) {
1011      if (width >= mediaQueryWidth) {
1012        element.style.display = flex ? "flex" : "block";
1013      } else {
1014        element.style.display = "none";
1015      }
1016    }
1017  }
1018
1019  function getHtmlFontSize() {
1020    var htmlElement = document.documentElement;
1021    var style = window.getComputedStyle(htmlElement);
1022    var fontSize = style.fontSize;
1023    return parseInt(fontSize, 10);
1024  }
1025
1026  window.addEventListener("resize", handleVisibility);
1027  handleVisibility();
1028})();</script>
1028 </section> <section class="text-image-section " style="background-color:var(--white)" data-astro-cid-zmtnyqbp> <div id="x805eb28f-82b6-4f13-8523-e775572acb47"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="x9de7fd2e-7581-4dd9-8685-f43b7ae0ea07" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>helios est une B Corp</h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(30)" alt="Image d'illustration" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, devenir une entreprise B Corp est bien plus qu'un simple label. C'est un engagement envers un avenir meilleur, où les entreprises utilisent leur force pour le bien commun. Nous sommes fiers de faire partie de ce mouvement mondial et nous nous engageons à continuer à améliorer notre impact social et environnemental.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="https://blog.helios.do/helios-entreprise-b-corp" target="_self" class="btn underline" title="En savoir plus" aria-label="En savoir plus" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> En savoir plus </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div>  </div>  </div> 
1028<script>(function(){const minWidth = "102.4";
1029const hide = true;
1030const show = undefined;
1031const id = "x9de7fd2e-7581-4dd9-8685-f43b7ae0ea07";
1032const flex = false;
1033
1034  const element = document.querySelector(`#${id}`);
1035
1036  function handleVisibility() {
1037    const width = window.innerWidth;
1038    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1039
1040    if (hide) {
1041      if (width >= mediaQueryWidth) {
1042        element.style.display = "none";
1043      } else {
1044        element.style.display = flex ? "flex" : "block";
1045      }
1046    }
1047
1048    if (show) {
1049      if (width >= mediaQueryWidth) {
1050        element.style.display = flex ? "flex" : "block";
1051      } else {
1052        element.style.display = "none";
1053      }
1054    }
1055  }
1056
1057  function getHtmlFontSize() {
1058    var htmlElement = document.documentElement;
1059    var style = window.getComputedStyle(htmlElement);
1060    var fontSize = style.fontSize;
1061    return parseInt(fontSize, 10);
1062  }
1063
1064  window.addEventListener("resize", handleVisibility);
1065  handleVisibility();
1066})();</script>
1066 <div id="xd3fce2aa-7a4d-4f54-a357-2f810ed93c36" style="justify-content:center;width:100%">  <div class="block text-image-block false false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>helios est une B Corp</h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, devenir une entreprise B Corp est bien plus qu'un simple label. C'est un engagement envers un avenir meilleur, où les entreprises utilisent leur force pour le bien commun. Nous sommes fiers de faire partie de ce mouvement mondial et nous nous engageons à continuer à améliorer notre impact social et environnemental.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="https://blog.helios.do/helios-entreprise-b-corp" target="_self" class="btn underline" title="En savoir plus" aria-label="En savoir plus" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> En savoir plus </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(30)" alt="Image d'illustration" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
1066<script>(function(){const minWidth = "102.4";
1067const hide = undefined;
1068const show = true;
1069const id = "xd3fce2aa-7a4d-4f54-a357-2f810ed93c36";
1070const flex = true;
1071
1072  const element = document.querySelector(`#${id}`);
1073
1074  function handleVisibility() {
1075    const width = window.innerWidth;
1076    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1077
1078    if (hide) {
1079      if (width >= mediaQueryWidth) {
1080        element.style.display = "none";
1081      } else {
1082        element.style.display = flex ? "flex" : "block";
1083      }
1084    }
1085
1086    if (show) {
1087      if (width >= mediaQueryWidth) {
1088        element.style.display = flex ? "flex" : "block";
1089      } else {
1090        element.style.display = "none";
1091      }
1092    }
1093  }
1094
1095  function getHtmlFontSize() {
1096    var htmlElement = document.documentElement;
1097    var style = window.getComputedStyle(htmlElement);
1098    var fontSize = style.fontSize;
1099    return parseInt(fontSize, 10);
1100  }
1101
1102  window.addEventListener("resize", handleVisibility);
1103  handleVisibility();
1104})();</script>
1104 </div>  </div> 
1104<script>(function(){const minWidth = "144";
1105const hide = true;
1106const show = undefined;
1107const id = "x805eb28f-82b6-4f13-8523-e775572acb47";
1108const flex = false;
1109
1110  const element = document.querySelector(`#${id}`);
1111
1112  function handleVisibility() {
1113    const width = window.innerWidth;
1114    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1115
1116    if (hide) {
1117      if (width >= mediaQueryWidth) {
1118        element.style.display = "none";
1119      } else {
1120        element.style.display = flex ? "flex" : "block";
1121      }
1122    }
1123
1124    if (show) {
1125      if (width >= mediaQueryWidth) {
1126        element.style.display = flex ? "flex" : "block";
1127      } else {
1128        element.style.display = "none";
1129      }
1130    }
1131  }
1132
1133  function getHtmlFontSize() {
1134    var htmlElement = document.documentElement;
1135    var style = window.getComputedStyle(htmlElement);
1136    var fontSize = style.fontSize;
1137    return parseInt(fontSize, 10);
1138  }
1139
1140  window.addEventListener("resize", handleVisibility);
1141  handleVisibility();
1142})();</script>
1142 <div id="x77f22859-d608-4ea4-921a-e29cac7ae084"> <div class="section-padding " data-astro-cid-3frnbkj7> <div id="x902f75e4-072f-4bc2-abb4-8461aeea59fa" style="width:100%" class="block">  <div class="block text-image-block false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>helios est une B Corp</h3> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(30)" alt="Image d'illustration" style data-astro-cid-3frnbkj7><p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, devenir une entreprise B Corp est bien plus qu'un simple label. C'est un engagement envers un avenir meilleur, où les entreprises utilisent leur force pour le bien commun. Nous sommes fiers de faire partie de ce mouvement mondial et nous nous engageons à continuer à améliorer notre impact social et environnemental.</p><div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="https://blog.helios.do/helios-entreprise-b-corp" target="_self" class="btn underline" title="En savoir plus" aria-label="En savoir plus" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> En savoir plus </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div>  </div>  </div> 
1142<script>(function(){const minWidth = "102.4";
1143const hide = true;
1144const show = undefined;
1145const id = "x902f75e4-072f-4bc2-abb4-8461aeea59fa";
1146const flex = false;
1147
1148  const element = document.querySelector(`#${id}`);
1149
1150  function handleVisibility() {
1151    const width = window.innerWidth;
1152    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1153
1154    if (hide) {
1155      if (width >= mediaQueryWidth) {
1156        element.style.display = "none";
1157      } else {
1158        element.style.display = flex ? "flex" : "block";
1159      }
1160    }
1161
1162    if (show) {
1163      if (width >= mediaQueryWidth) {
1164        element.style.display = flex ? "flex" : "block";
1165      } else {
1166        element.style.display = "none";
1167      }
1168    }
1169  }
1170
1171  function getHtmlFontSize() {
1172    var htmlElement = document.documentElement;
1173    var style = window.getComputedStyle(htmlElement);
1174    var fontSize = style.fontSize;
1175    return parseInt(fontSize, 10);
1176  }
1177
1178  window.addEventListener("resize", handleVisibility);
1179  handleVisibility();
1180})();</script>
1180 <div id="xcf45b32a-d3ee-4ac3-8446-da8b22b56fcc" style="justify-content:center;width:100%">  <div class="block text-image-block false false " style="padding-bottom:0" data-astro-cid-3frnbkj7> <div class=" left" style="padding-bottom:auto" data-astro-cid-3frnbkj7> <h3 class="text-graphite" data-astro-cid-3frnbkj7>helios est une B Corp</h3> <p class="text-graphite" data-astro-cid-3frnbkj7>Chez helios, devenir une entreprise B Corp est bien plus qu'un simple label. C'est un engagement envers un avenir meilleur, où les entreprises utilisent leur force pour le bien commun. Nous sommes fiers de faire partie de ce mouvement mondial et nous nous engageons à continuer à améliorer notre impact social et environnemental.</p> <div style="display:flex;gap:2rem" data-astro-cid-3frnbkj7> <div class="astro-vhlabue6" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <a id href="https://blog.helios.do/helios-entreprise-b-corp" target="_self" class="btn underline" title="En savoir plus" aria-label="En savoir plus" style="display:flex;align-items:center;gap:1.2rem;width:fit-content;--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;" data-astro-cid-vhlabue6> <span class="underline-text" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> En savoir plus </span> <svg class="underline-arrow" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"> <rect y="6" width="12" height="2" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6667 8.33333L13.2929 7.7071C13.6834 7.31658 13.6834 6.68341 13.2929 6.29289L12.6667 5.66666L7.33333 0.33333L6 1.66667L11.3333 7L6 12.3333L7.33333 13.6667L12.6667 8.33333Z" fill="var(--graphite)" data-astro-cid-vhlabue6 style="--borderBottom: 2px solid var(--graphite);--hoverTextColor: var(--graphite);--height: 2.8rem;--textColor: var(--graphite);--textSize: 1.8rem;--lineHeight: 2.16rem;--padding: 0;"></path> </svg> </a> </div>  </div> </div> <div class="right" data-astro-cid-3frnbkj7> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(30)" alt="Image d'illustration" style="" data-astro-cid-3frnbkj7> </div> </div>  </div> 
1180<script>(function(){const minWidth = "102.4";
1181const hide = undefined;
1182const show = true;
1183const id = "xcf45b32a-d3ee-4ac3-8446-da8b22b56fcc";
1184const flex = true;
1185
1186  const element = document.querySelector(`#${id}`);
1187
1188  function handleVisibility() {
1189    const width = window.innerWidth;
1190    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1191
1192    if (hide) {
1193      if (width >= mediaQueryWidth) {
1194        element.style.display = "none";
1195      } else {
1196        element.style.display = flex ? "flex" : "block";
1197      }
1198    }
1199
1200    if (show) {
1201      if (width >= mediaQueryWidth) {
1202        element.style.display = flex ? "flex" : "block";
1203      } else {
1204        element.style.display = "none";
1205      }
1206    }
1207  }
1208
1209  function getHtmlFontSize() {
1210    var htmlElement = document.documentElement;
1211    var style = window.getComputedStyle(htmlElement);
1212    var fontSize = style.fontSize;
1213    return parseInt(fontSize, 10);
1214  }
1215
1216  window.addEventListener("resize", handleVisibility);
1217  handleVisibility();
1218})();</script>
1218 </div>  </div> 
1218<script>(function(){const minWidth = "144";
1219const hide = undefined;
1220const show = true;
1221const id = "x77f22859-d608-4ea4-921a-e29cac7ae084";
1222const flex = false;
1223
1224  const element = document.querySelector(`#${id}`);
1225
1226  function handleVisibility() {
1227    const width = window.innerWidth;
1228    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1229
1230    if (hide) {
1231      if (width >= mediaQueryWidth) {
1232        element.style.display = "none";
1233      } else {
1234        element.style.display = flex ? "flex" : "block";
1235      }
1236    }
1237
1238    if (show) {
1239      if (width >= mediaQueryWidth) {
1240        element.style.display = flex ? "flex" : "block";
1241      } else {
1242        element.style.display = "none";
1243      }
1244    }
1245  }
1246
1247  function getHtmlFontSize() {
1248    var htmlElement = document.documentElement;
1249    var style = window.getComputedStyle(htmlElement);
1250    var fontSize = style.fontSize;
1251    return parseInt(fontSize, 10);
1252  }
1253
1254  window.addEventListener("resize", handleVisibility);
1255  handleVisibility();
1256})();</script>
1256 </section> <section class="quote-section section-padding background-graphite" data-astro-cid-npnubhbr> <div class="quote-block" data-astro-cid-npnubhbr> <div id="xfca2e961-710f-4f80-b49b-1e56d0c7024b">  <p class="quote text-sable" data-astro-cid-npnubhbr>Dans un monde souvent dominé par des nouvelles négatives, les sociétés B Corp offrent une bouffée d’inspiration et d’espoir. Nous sommes ravis de rejoindre cette communauté influente et engagée. Par nos actions, nous aspirons à transformer tout un secteur et à encourager les autres à suivre cette voie. </p>  </div> 
1256<script>(function(){const minWidth = "144";
1257const hide = true;
1258const show = undefined;
1259const id = "xfca2e961-710f-4f80-b49b-1e56d0c7024b";
1260const flex = false;
1261
1262  const element = document.querySelector(`#${id}`);
1263
1264  function handleVisibility() {
1265    const width = window.innerWidth;
1266    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1267
1268    if (hide) {
1269      if (width >= mediaQueryWidth) {
1270        element.style.display = "none";
1271      } else {
1272        element.style.display = flex ? "flex" : "block";
1273      }
1274    }
1275
1276    if (show) {
1277      if (width >= mediaQueryWidth) {
1278        element.style.display = flex ? "flex" : "block";
1279      } else {
1280        element.style.display = "none";
1281      }
1282    }
1283  }
1284
1285  function getHtmlFontSize() {
1286    var htmlElement = document.documentElement;
1287    var style = window.getComputedStyle(htmlElement);
1288    var fontSize = style.fontSize;
1289    return parseInt(fontSize, 10);
1290  }
1291
1292  window.addEventListener("resize", handleVisibility);
1293  handleVisibility();
1294})();</script>
1294 <div id="xdc1515b1-d542-43c7-aee3-3e8091666624">  <img src="https://a.storyblok.com/f/279083/138x112/fec2fd2fff/left.png" loading="lazy" alt="Guillemet" data-astro-cid-npnubhbr="true" width="34" height="28" decoding="async" class="quote-left"> <p class="quote text-sable" data-astro-cid-npnubhbr>Dans un monde souvent dominé par des nouvelles négatives, les sociétés B Corp offrent une bouffée d’inspiration et d’espoir. Nous sommes ravis de rejoindre cette communauté influente et engagée. Par nos actions, nous aspirons à transformer tout un secteur et à encourager les autres à suivre cette voie. </p> <img src="https://a.storyblok.com/f/279083/137x112/6a7878cdb9/right.png" loading="lazy" alt="Guillemet" data-astro-cid-npnubhbr="true" width="34" height="28" decoding="async" class="quote-right">  </div> 
1294<script>(function(){const minWidth = "144";
1295const hide = undefined;
1296const show = true;
1297const id = "xdc1515b1-d542-43c7-aee3-3e8091666624";
1298const flex = false;
1299
1300  const element = document.querySelector(`#${id}`);
1301
1302  function handleVisibility() {
1303    const width = window.innerWidth;
1304    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1305
1306    if (hide) {
1307      if (width >= mediaQueryWidth) {
1308        element.style.display = "none";
1309      } else {
1310        element.style.display = flex ? "flex" : "block";
1311      }
1312    }
1313
1314    if (show) {
1315      if (width >= mediaQueryWidth) {
1316        element.style.display = flex ? "flex" : "block";
1317      } else {
1318        element.style.display = "none";
1319      }
1320    }
1321  }
1322
1323  function getHtmlFontSize() {
1324    var htmlElement = document.documentElement;
1325    var style = window.getComputedStyle(htmlElement);
1326    var fontSize = style.fontSize;
1327    return parseInt(fontSize, 10);
1328  }
1329
1330  window.addEventListener("resize", handleVisibility);
1331  handleVisibility();
1332})();</script>
1332 <p class="author text-sable" data-astro-cid-npnubhbr>Maeva Courtois, co-fondatrice d’helios</p> </div> </section> <section class="blog-articles-section section-padding section-max-width border-bottom-graphite$ background-white" data-astro-cid-kvs3ihf7> <div class="block blog-articles-block" data-astro-cid-kvs3ihf7> <header data-astro-cid-kvs3ihf7> <div id="xac98c27a-7312-48f1-9388-20a0ed191a1d">  <h3 data-astro-cid-kvs3ihf7></h3>  </div> 
1332<script>(function(){const minWidth = "83.4";
1333const hide = true;
1334const show = undefined;
1335const id = "xac98c27a-7312-48f1-9388-20a0ed191a1d";
1336const flex = false;
1337
1338  const element = document.querySelector(`#${id}`);
1339
1340  function handleVisibility() {
1341    const width = window.innerWidth;
1342    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1343
1344    if (hide) {
1345      if (width >= mediaQueryWidth) {
1346        element.style.display = "none";
1347      } else {
1348        element.style.display = flex ? "flex" : "block";
1349      }
1350    }
1351
1352    if (show) {
1353      if (width >= mediaQueryWidth) {
1354        element.style.display = flex ? "flex" : "block";
1355      } else {
1356        element.style.display = "none";
1357      }
1358    }
1359  }
1360
1361  function getHtmlFontSize() {
1362    var htmlElement = document.documentElement;
1363    var style = window.getComputedStyle(htmlElement);
1364    var fontSize = style.fontSize;
1365    return parseInt(fontSize, 10);
1366  }
1367
1368  window.addEventListener("resize", handleVisibility);
1369  handleVisibility();
1370})();</script>
1370 <div id="xa810c22f-c542-4090-8b32-cf83a7d3a870">  <h3 data-astro-cid-kvs3ihf7>Pour aller plus loin</h3>  </div> 
1370<script>(function(){const minWidth = "83.4";
1371const hide = undefined;
1372const show = true;
1373const id = "xa810c22f-c542-4090-8b32-cf83a7d3a870";
1374const flex = false;
1375
1376  const element = document.querySelector(`#${id}`);
1377
1378  function handleVisibility() {
1379    const width = window.innerWidth;
1380    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1381
1382    if (hide) {
1383      if (width >= mediaQueryWidth) {
1384        element.style.display = "none";
1385      } else {
1386        element.style.display = flex ? "flex" : "block";
1387      }
1388    }
1389
1390    if (show) {
1391      if (width >= mediaQueryWidth) {
1392        element.style.display = flex ? "flex" : "block";
1393      } else {
1394        element.style.display = "none";
1395      }
1396    }
1397  }
1398
1399  function getHtmlFontSize() {
1400    var htmlElement = document.documentElement;
1401    var style = window.getComputedStyle(htmlElement);
1402    var fontSize = style.fontSize;
1403    return parseInt(fontSize, 10);
1404  }
1405
1406  window.addEventListener("resize", handleVisibility);
1407  handleVisibility();
1408})();</script>
1408 </header> <div class="cards" data-astro-cid-kvs3ihf7> <div id="xcce435b2-234a-42e1-8fbc-6d0a5b1a0085">  <div class="cards-inner" data-astro-cid-kvs3ihf7> <a href="https://blog.helios.do/helios-entreprise-b-corp" title="helios est fière de devenir une entreprise B Corp™" aria-label="Voir l'article helios est fière de devenir une entreprise B Corp™" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(10)" alt="Illustration de l'article" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>helios est fière de devenir une entreprise B Corp™</p> <p class="text body2" data-astro-cid-srgat4vf>Nous avons le plaisir de vous annoncer que notre entreprise fait désormais partie du mouvement B Corp™. Mais qu'est-ce que cela signifie vraiment ?</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">AOÛT 2024</p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">5 MIN</p> </div>  </div> </article> </a> <a href="https://blog.helios.do/rapport-d-impact-helios-le-compte-le-plus-vert-de-france-depuis-3-ans" title="Rapport d'impact 2024 : l'empreinte carbone d'helios" aria-label="Voir l'article Rapport d'impact 2024 : l'empreinte carbone d'helios" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/1080x1920/aedca82765/impact-rapport.webp/m/filters:quality(10)" alt="rapport impact 2025" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>Rapport d'impact 2024 : l'empreinte carbone d'helios</p> <p class="text body2" data-astro-cid-srgat4vf>Pourquoi helios est le compte le plus vert de France en 2024 ? Découvrez l'empreinte carbone des comptes helios et son modèle vertueux unique.</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
1408 <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">JAN. 2025</p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">5 MIN</p> </div>  </div> </article> </a> <a href="https://blog.helios.do/rapport-impact-2023-empreinte-carbone-helios/" title="Rapport d'impact 2023 : l'empreinte carbone d'helios" aria-label="Voir l'article Rapport d'impact 2023 : l'empreinte carbone d'helios" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/1352x960/f1ccde7b59/positifs-et-authentiques.png/m/filters:quality(10)" alt="Illustration de l'article" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>Rapport d'impact 2023 : l'empreinte carbone d'helios</p> <p class="text body2" data-astro-cid-srgat4vf>Pourquoi nous avons décidé de créer helios
1409
1410De l'indignation à l'action, et le début d'une folle aventure. Voici pourquoi nous avons décidé de créer helios.
1411
1412</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">MAI 2020 </p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> 3 MIN</p> </div>  </div> </article> </a>  </div>  </div> 
1412<script>(function(){const minWidth = "97";
1413const hide = true;
1414const show = undefined;
1415const id = "xcce435b2-234a-42e1-8fbc-6d0a5b1a0085";
1416const flex = false;
1417
1418  const element = document.querySelector(`#${id}`);
1419
1420  function handleVisibility() {
1421    const width = window.innerWidth;
1422    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1423
1424    if (hide) {
1425      if (width >= mediaQueryWidth) {
1426        element.style.display = "none";
1427      } else {
1428        element.style.display = flex ? "flex" : "block";
1429      }
1430    }
1431
1432    if (show) {
1433      if (width >= mediaQueryWidth) {
1434        element.style.display = flex ? "flex" : "block";
1435      } else {
1436        element.style.display = "none";
1437      }
1438    }
1439  }
1440
1441  function getHtmlFontSize() {
1442    var htmlElement = document.documentElement;
1443    var style = window.getComputedStyle(htmlElement);
1444    var fontSize = style.fontSize;
1445    return parseInt(fontSize, 10);
1446  }
1447
1448  window.addEventListener("resize", handleVisibility);
1449  handleVisibility();
1450})();</script>
1450 <div id="xfd3f33f3-5537-4010-83ba-ebff6c6e968a">  <div class="cards-inner" data-rowDirection="false" data-astro-cid-kvs3ihf7> <a href="https://blog.helios.do/helios-entreprise-b-corp" title="helios est fière de devenir une entreprise B Corp™" aria-label="Voir l'article helios est fière de devenir une entreprise B Corp™" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/938x634/014e84e3fa/b-corp.png/m/filters:quality(10)" alt="Illustration de l'article" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>helios est fière de devenir une entreprise B Corp™</p> <p class="text body2" data-astro-cid-srgat4vf>Nous avons le plaisir de vous annoncer que notre entreprise fait désormais partie du mouvement B Corp™. Mais qu'est-ce que cela signifie vraiment ?</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">AOÛT 2024</p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">5 MIN</p> </div>  </div> </article> </a> <a href="https://blog.helios.do/rapport-d-impact-helios-le-compte-le-plus-vert-de-france-depuis-3-ans" title="Rapport d'impact 2024 : l'empreinte carbone d'helios" aria-label="Voir l'article Rapport d'impact 2024 : l'empreinte carbone d'helios" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/1080x1920/aedca82765/impact-rapport.webp/m/filters:quality(10)" alt="rapport impact 2025" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>Rapport d'impact 2024 : l'empreinte carbone d'helios</p> <p class="text body2" data-astro-cid-srgat4vf>Pourquoi helios est le compte le plus vert de France en 2024 ? Découvrez l'empreinte carbone des comptes helios et son modèle vertueux unique.</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
1450 <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">JAN. 2025</p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">5 MIN</p> </div>  </div> </article> </a> <a href="https://blog.helios.do/rapport-impact-2023-empreinte-carbone-helios/" title="Rapport d'impact 2023 : l'empreinte carbone d'helios" aria-label="Voir l'article Rapport d'impact 2023 : l'empreinte carbone d'helios" data-astro-cid-srgat4vf> <article class="card blog-card" data-astro-cid-srgat4vf> <img loading="lazy" src="https://a.storyblok.com/f/279083/1352x960/f1ccde7b59/positifs-et-authentiques.png/m/filters:quality(10)" alt="Illustration de l'article" data-astro-cid-srgat4vf> <div class="texts" data-astro-cid-srgat4vf> <p class="title small-title-bold" data-astro-cid-srgat4vf>Rapport d'impact 2023 : l'empreinte carbone d'helios</p> <p class="text body2" data-astro-cid-srgat4vf>Pourquoi nous avons décidé de créer helios
1451
1452De l'indignation à l'action, et le début d'une folle aventure. Voici pourquoi nous avons décidé de créer helios.
1453
1454</p> </div> <div class="labels" data-astro-cid-srgat4vf> <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.66675 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.3333 1.66699V4.16699" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M0.916748 7.5752H15.0834" stroke="var(--graphite)" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 11.4167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11.0788 13.9167H11.0863" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 11.4167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.99632 13.9167H8.0038" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91187 11.417H4.91935" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4.91185 13.9167H4.91933" stroke="var(--graphite)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="0.75" y="3.25" width="14.5" height="14.5" rx="1.25" stroke="var(--graphite)" stroke-width="1.5"></rect> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--hortensia-light);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;">MAI 2020 </p> </div>  <div data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> <svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.82137 9.03526C6.94207 8.88008 7.16612 8.85962 7.3127 8.98386L10.9773 13.8301C11.5999 14.6535 11.0126 15.834 9.98023 15.834H4.08928C3.04909 15.834 2.46398 14.6376 3.10259 13.8166L6.82137 9.03526Z" stroke="var(--graphite)" stroke-width="1.5"></path> <path d="M7.17863 8.1327C7.05793 8.28789 6.83388 8.30835 6.6873 8.18411L3.02273 3.33792C2.40009 2.5145 2.98745 1.33398 4.01977 1.33398L9.91072 1.33398C10.9509 1.33398 11.536 2.53034 10.8974 3.35141L7.17863 8.1327Z" stroke="var(--graphite)" stroke-width="1.5"></path> </svg> <p data-astro-cid-g3grtwyg style="--height: 3.6rem;--backgroundColor: var(--eclair-dark);--textColor: var(--graphite);--textSize: 1.6rem;--lineHeight: 2.4rem;"> 3 MIN</p> </div>  </div> </article> </a>  </div>  </div> 
1454<script>(function(){const minWidth = "97";
1455const hide = undefined;
1456const show = true;
1457const id = "xfd3f33f3-5537-4010-83ba-ebff6c6e968a";
1458const flex = false;
1459
1460  const element = document.querySelector(`#${id}`);
1461
1462  function handleVisibility() {
1463    const width = window.innerWidth;
1464    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1465
1466    if (hide) {
1467      if (width >= mediaQueryWidth) {
1468        element.style.display = "none";
1469      } else {
1470        element.style.display = flex ? "flex" : "block";
1471      }
1472    }
1473
1474    if (show) {
1475      if (width >= mediaQueryWidth) {
1476        element.style.display = flex ? "flex" : "block";
1477      } else {
1478        element.style.display = "none";
1479      }
1480    }
1481  }
1482
1483  function getHtmlFontSize() {
1484    var htmlElement = document.documentElement;
1485    var style = window.getComputedStyle(htmlElement);
1486    var fontSize = style.fontSize;
1487    return parseInt(fontSize, 10);
1488  }
1489
1490  window.addEventListener("resize", handleVisibility);
1491  handleVisibility();
1492})();</script>
1492 </div>  </div> </section> <div> <div> <section class="section-padding download-app-section" style="padding-bottom:0" data-astro-cid-s7ip2lbo> <div class="block download-app-block" data-astro-cid-s7ip2lbo> <header data-astro-cid-s7ip2lbo> <h3 data-astro-cid-s7ip2lbo>  <b>Téléchargez l’application </b> et agissez pour la planète
1493</h3> <div class="stores" data-astro-cid-s7ip2lbo> <img loading="lazy" src="https://a.storyblok.com/f/279083/864x245/9314cbb76c/button-appstore.png/m/filters:quality(30)" alt="Note sur l'App Store" data-astro-cid-s7ip2lbo> <img loading="lazy" src="https://a.storyblok.com/f/279083/864x245/bf09c78348/button-google-play-store.png/m/filters:quality(30)" alt="Note sur le Play Store" data-astro-cid-s7ip2lbo> </div> <div id="x1cc92b48-e80b-48ee-a254-8a854d11c1be">  <div class="qr-code" data-astro-cid-s7ip2lbo> <img src="/_astro/qr.Cq-Lk9tE_Z2o3ueD.webp" loading="lazy" alt="qr-code" data-astro-cid-s7ip2lbo="true" width="96" height="96" decoding="async" class="qr"> <img src="/_astro/tel-pas-loin.BGrOnzrS_Z2gAUyh.webp" loading="lazy" alt="tag-1" data-astro-cid-s7ip2lbo="true" width="216" height="97" decoding="async" class="tel-pas-loin"> <img src="/_astro/visez-moi.5_k_qrZ3_Z7n3be.webp" loading="lazy" alt="tag-2" data-astro-cid-s7ip2lbo="true" width="124" height="61" decoding="async" class="visez-moi"> </div>  </div> 
1493<script>(function(){const minWidth = "120";
1494const hide = undefined;
1495const show = true;
1496const id = "x1cc92b48-e80b-48ee-a254-8a854d11c1be";
1497const flex = false;
1498
1499  const element = document.querySelector(`#${id}`);
1500
1501  function handleVisibility() {
1502    const width = window.innerWidth;
1503    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1504
1505    if (hide) {
1506      if (width >= mediaQueryWidth) {
1507        element.style.display = "none";
1508      } else {
1509        element.style.display = flex ? "flex" : "block";
1510      }
1511    }
1512
1513    if (show) {
1514      if (width >= mediaQueryWidth) {
1515        element.style.display = flex ? "flex" : "block";
1516      } else {
1517        element.style.display = "none";
1518      }
1519    }
1520  }
1521
1522  function getHtmlFontSize() {
1523    var htmlElement = document.documentElement;
1524    var style = window.getComputedStyle(htmlElement);
1525    var fontSize = style.fontSize;
1526    return parseInt(fontSize, 10);
1527  }
1528
1529  window.addEventListener("resize", handleVisibility);
1530  handleVisibility();
1531})();</script>
1531 </header> <div class="iphone-account" data-astro-cid-s7ip2lbo> <div id="x41efe449-831b-4e2a-8d30-8a4531ea5347">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1600x2200/43dd75e6b0/screen-install.png/m/filters:quality(10)" class="download-app-iphone" alt="L'app Helios" data-astro-cid-s7ip2lbo>  </div> 
1531<script>(function(){const minWidth = "120rem";
1532const hide = true;
1533const show = undefined;
1534const id = "x41efe449-831b-4e2a-8d30-8a4531ea5347";
1535const flex = false;
1536
1537  const element = document.querySelector(`#${id}`);
1538
1539  function handleVisibility() {
1540    const width = window.innerWidth;
1541    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1542
1543    if (hide) {
1544      if (width >= mediaQueryWidth) {
1545        element.style.display = "none";
1546      } else {
1547        element.style.display = flex ? "flex" : "block";
1548      }
1549    }
1550
1551    if (show) {
1552      if (width >= mediaQueryWidth) {
1553        element.style.display = flex ? "flex" : "block";
1554      } else {
1555        element.style.display = "none";
1556      }
1557    }
1558  }
1559
1560  function getHtmlFontSize() {
1561    var htmlElement = document.documentElement;
1562    var style = window.getComputedStyle(htmlElement);
1563    var fontSize = style.fontSize;
1564    return parseInt(fontSize, 10);
1565  }
1566
1567  window.addEventListener("resize", handleVisibility);
1568  handleVisibility();
1569})();</script>
1569 <div id="x2a288bd1-f8b3-4973-b0dc-b142f01bcb13">  <img loading="lazy" src="https://a.storyblok.com/f/279083/1600x2200/43dd75e6b0/screen-install.png/m/filters:quality(10)" class="download-app-iphone" alt="L'app Helios" data-astro-cid-s7ip2lbo>  </div> 
1569<script>(function(){const minWidth = "120rem";
1570const hide = undefined;
1571const show = true;
1572const id = "x2a288bd1-f8b3-4973-b0dc-b142f01bcb13";
1573const flex = false;
1574
1575  const element = document.querySelector(`#${id}`);
1576
1577  function handleVisibility() {
1578    const width = window.innerWidth;
1579    const mediaQueryWidth = parseInt(minWidth) * getHtmlFontSize();
1580
1581    if (hide) {
1582      if (width >= mediaQueryWidth) {
1583        element.style.display = "none";
1584      } else {
1585        element.style.display = flex ? "flex" : "block";
1586      }
1587    }
1588
1589    if (show) {
1590      if (width >= mediaQueryWidth) {
1591        element.style.display = flex ? "flex" : "block";
1592      } else {
1593        element.style.display = "none";
1594      }
1595    }
1596  }
1597
1598  function getHtmlFontSize() {
1599    var htmlElement = document.documentElement;
1600    var style = window.getComputedStyle(htmlElement);
1601    var fontSize = style.fontSize;
1602    return parseInt(fontSize, 10);
1603  }
1604
1605  window.addEventListener("resize", handleVisibility);
1606  handleVisibility();
1607})();</script>
1607 </div> </div> 
1607<script type="module">const o=window.location.search,r=new URLSearchParams(o);document.querySelectorAll(".stores").forEach(e=>{e.addEventListener("click",()=>window.location.href="https://helios.app.link/youarehelios"+(r.toString()?"?"+r.toString():""))});</script>
1607 
1607<script type="module" src="/_astro/SectionWithApp.astro_astro_type_script_index_1_lang.B1eJWy9m.js"></script>
1607 </section>  </div> </div> </main>  <footer class="section-padding background-graphite" data-astro-cid-powow33v> <div class="footer-block" data-astro-cid-powow33v> <div class="section-one" data-astro-cid-powow33v> <header data-astro-cid-powow33v> <img src="/_astro/logo_helios-younited_sable.CIVm4cfz_Z1QUy1w.svg" loading="lazy" alt="logo Helios" style="height:43px;width:96px" data-astro-cid-powow33v="true" width="120" height="54" decoding="async" class="logo"> <h4 data-astro-cid-powow33v></h4> <p class="body2" data-astro-cid-powow33v>helios est un nouveau modèle engagé et transparent, qui oriente l'argent de ses clients vers des projets d'investissements respectueux de l'environnement. helios propose plusieurs produits, une carte de paiement internationale, tous les services bancaires du quotidien et un conseiller dédié, le tout disponible depuis l’espace client sur smartphone et sur ordinateur.</p> </header> <div class="coulisses" data-astro-cid-powow33v> <p data-astro-cid-powow33v>Suivez les coulisses</p> <div class="social-networks" data-astro-cid-powow33v> <a href="https://www.instagram.com/helios.do/" target="_blank" rel="noopener noreferrer" title="Compte Instagram" aria-label="Voir notre compte Instagram" data-astro-cid-powow33v> <img width="32" height="32" loading="lazy" src="/_astro/insta.DFLg0RDR.webp" alt="Instagram" data-astro-cid-powow33v> </a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.helios.do/manifeste " target="_blank" rel="noopener noreferrer" title="Compte Linked In" aria-label="Voir notre page LinkedIn" data-astro-cid-powow33v> <img width="32" height="32" loading="lazy" src="/_astro/linkedin.B7HUDCdc.webp" alt="Linked In" data-astro-cid-powow33v> </a> <a href="https://twitter.com/intent/tweet?url=https://www.helios.do/manifeste " target="_blank" rel="noopener noreferrer" title="Compte X" aria-label="Voir notre compte X" data-astro-cid-powow33v> <img width="32" height="32" loading="lazy" src="/_astro/x.Qukt6g_L.webp" alt="X" data-astro-cid-powow33v> </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helios.do/manifeste " target="_blank" rel="noopener noreferrer" title="Compte Facebook" aria-label="Voir notre page Facebook" data-astro-cid-powow33v> <img width="32" height="32" loading="lazy" src="/_astro/facebook.BpLgfcIG.webp" alt="Facebook" data-astro-cid-powow33v> </a> </div> </div> <div class="stores" data-astro-cid-powow33v> <a href="https://apps.apple.com/fr/app/helios-le-compte-%C3%A9cologique/id1531700317" target="_blank" title="Application iOS appstore" aria-label="Télécharger notre application iOS sur l'appstore" data-astro-cid-powow33v> <img width="135" height="40" id="AppStoreFooterLogo" loading="lazy" src="/_astro/app-store-footer.DXryLNw7.png" alt="App Store" data-astro-cid-powow33v> </a> <a href="https://play.google.com/store/apps/details?id=do.helios.app&hl=fr" target="_blank" title="Application Android store" aria-label="Télécharger notre application Android" data-astro-cid-powow33v> <img width="135" height="40" id="PlayStoreFooterLogo" loading="lazy" src="/_astro/play-store-footer.CYLLws64.png" alt="Play Store" data-astro-cid-powow33v> </a> </div> <div class="nav-links" data-astro-cid-powow33v> <div class="link-group" data-astro-cid-q2mxaj53> <p class="title" data-astro-cid-q2mxaj53>Projets à co-construire</p> <div class="links" data-astro-cid-q2mxaj53> <a href="/inscription_per/" id class="body2" title="PER" aria-label="PER" data-astro-cid-oishjkp7>PER</a><a href="/inscription-titre/" id class="body2" title="Compte titre" aria-label="Compte titre" data-astro-cid-oishjkp7>Compte titre</a><a href="/inscription_epargne_remunere/" id class="body2" title="Livret d’épargne rémunéré" aria-label="Livret d’épargne rémunéré" data-astro-cid-oishjkp7>Livret d’épargne rémunéré</a> </div> </div> <div class="link-group" data-astro-cid-q2mxaj53> <p class="title" data-astro-cid-q2mxaj53>Aide et outils</p> <div class="links" data-astro-cid-q2mxaj53> <a href="https://intercom.help/heliosdo/fr/" id class="body2" title="FAQ" aria-label="FAQ" data-astro-cid-oishjkp7>FAQ</a><a href="https://blog.helios.do/changez-de-banque" id class="body2" title="Changer de compte en 15 minutes" aria-label="Changer de compte en 15 minutes" data-astro-cid-oishjkp7>Changer de compte en 15 minutes</a><a href="/simulateur-carbone/" id class="body2" title="Simulez votre empreinte carbone" aria-label="Simulez votre empreinte carbone" data-astro-cid-oishjkp7>Simulez votre empreinte carbone</a> </div> </div> <div class="link-group" data-astro-cid-q2mxaj53> <p class="title" data-astro-cid-q2mxaj53>À propos d’helios</p> <div class="links" data-astro-cid-q2mxaj53> <a href="/espace-presse/" id class="body2" title="Presse" aria-label="Presse" data-astro-cid-oishjkp7>Presse</a>
1607<a href="https://www.welcometothejungle.com/fr/companies/helios-do" id class="body2" title="Travailler chez helios" aria-label="Travailler chez helios" data-astro-cid-oishjkp7>Travailler chez helios</a><a href="/manifeste/" id class="body2" title="Manifeste" aria-label="Manifeste" data-astro-cid-oishjkp7>Manifeste</a><a href="/contact/" id="contact" class="body2" title="Contactez-nous" aria-label="Contactez-nous" data-astro-cid-oishjkp7>Contactez-nous</a><a href="/devenir-partenaire/" id class="body2" title="Devenir partenaire ?" aria-label="Devenir partenaire ?" data-astro-cid-oishjkp7>Devenir partenaire ?</a><a href="/tous-consomacteurs/" id class="body2" title="Devenir enseigne partenaire “Tous consom’acteurs !“" aria-label="Devenir enseigne partenaire “Tous consom’acteurs !“" data-astro-cid-oishjkp7>Devenir enseigne partenaire “Tous consom’acteurs !“</a><a href="https://helios.do/assets/pdf/helios_rapport_impact_2024_A5_web_planches.pdf" id class="body2" title="Rapport d'impact 2024" aria-label="Rapport d'impact 2024" data-astro-cid-oishjkp7>Rapport d&#39;impact 2024</a><img src="https://a.storyblok.com/f/279083/532x803/e13c8a9536/logo-b-corp.png" style="margin-top: 4rem;  height: auto ; width: 10rem" loading="lazy" alt="Logo BCorp" width="100" height="150" decoding="async"> </div> </div>  </div> </div> <div class="section-two" data-astro-cid-powow33v> <img src="/_astro/visa-logo.DXsFqtzn_KVm31.svg" loading="lazy" alt="Logo Visa" data-astro-cid-powow33v="true" width="68" height="23" decoding="async"> <div data-astro-cid-powow33v> <div class="links" data-astro-cid-powow33v> <a href="https://www.helios.do/documents/Conditions_Generales_Helios.pdf" id class="body2" title="Conditions générales" aria-label="Conditions générales" data-astro-cid-oishjkp7>Conditions générales</a><a href="https://www.helios.do/confidentiality.html" id class="body2" title="Politique de confidentialité" aria-label="Politique de confidentialité" data-astro-cid-oishjkp7>Politique de confidentialité</a><a href="/nos-documents-legaux/" id class="body2" title="Documents légaux" aria-label="Documents légaux" data-astro-cid-oishjkp7>Documents légaux</a><a href="https://www.helios.do/documents/Mentions_Legales_Helios.pdf" id class="body2" title="Mentions légales" aria-label="Mentions légales" data-astro-cid-oishjkp7>Mentions légales</a><a href="/plan-du-site/" id class="body2" title="Plan du site" aria-label="Plan du site" data-astro-cid-oishjkp7>Plan du site</a> <span class="body2" data-astro-cid-powow33v>Copyright 2023 helios. Tous droits réservés</span> </div> </div> <p class="body2" data-astro-cid-powow33v>HELIOS SAS est une société à mission au capital social de 24 640,20 €, immatriculée au R.C.S. de Paris sous le numéro 883 111 585. HELIOS SAS est enregistré sous le numéro REGAFI 731225 en tant qu’agent prestataire de services de paiement d’OKALI, établissement de monnaie électronique agréé et supervisé par l’ACPR, immatriculé au R.C.S. de Paris sous le numéro 827 899 39, et dont le siège social est situé au 50 rue La Boétie, 75008 Paris. HELIOS SAS est également Mandataire d'intermédiaire d'assurance (MIA) régie par le Code monétaire et financier (art. L.519 et suivants et R.519-1 et suivants), immatriculée sous le No 20005731 au Registre unique des intermédiaires en assurance, banque et finance tenu par l'ORIAS (1 rue Jules Lefebvre 75311 Paris CEDEX 9 - www.orias.fr), qui exerce sous le contrôle de l'Autorité de Contrôle Prudentiel et de résolution (ACPR) - 4 Place de Budapest - 75436 Paris. www.acpr.banque-france.fr.</p> </div> </div> 
1607<script type="module">(()=>{const c=document.querySelector("#contact");c&&(c.onclick=()=>window.Intercom("show"))})();</script>
1607 
1607<script type="module">document.getElementById("AppStoreFooterLogo").addEventListener("click",()=>{window.open("https://apps.apple.com/fr/app/helios-le-compte-%C3%A9cologique/id1531700317")});document.getElementById("PlayStoreFooterLogo").addEventListener("click",()=>{window.open("https://play.google.com/store/apps/details?id=do.helios.app&hl=fr")});</script>
1607 </footer>  
1607<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.PRA6A6eD.js"></script>
1607 <!-- Scroll to anchor link based on url --> 
1607<script type="module">const l=[{path:"/toasty",utmsValues:{clicid:"",utm_source:"affiliation",utm_campaign:"toasty-avril24",utm_medium:"cpi",utm_code:"",utm_partenaire:"toasty-avril24",utm_fbclid:"",origin:"",utm_content:"vente-courant-6off"}},{path:"/pixpay",utmsValues:{clicid:"",utm_source:"affiliation",utm_campaign:"pixpay_offre_jeune",utm_medium:"cpi",utm_code:"",utm_partenaire:"pixpay_offre_jeune",utm_fbclid:"",origin:"",utm_content:"page_pixpay_offre_jeune"}}];window.addEventListener("DOMContentLoaded",o=>{var n="https://www.helios.do/espace_client";typeof window<"u"&&(n=window.location.host.includes("heliosbank")?"https://www.helios.do/beta":"https://www.helios.do/espace_client"),n="https://www.helios.do/espace_client";var c=document.querySelectorAll("a"),e=document.querySelectorAll("button");c.forEach(function(a){var i=a.getAttribute("href");if(i){if(i.startsWith("#"))return;var r=s(i,n);a.setAttribute("href",r)}}),e.forEach(function(a){var i=a.getAttribute("data-href");if(i){if(i.startsWith("#"))return;var r=s(i,n);a.setAttribute("data-href",r)}}),document.querySelector(".helios-logo").addEventListener("click",()=>{window.location.href=s("/",n)})});function s(o,n){if(o.includes(n))return n;var c=window.location.search,e=new URLSearchParams(c);const a=window.location.pathname,i=l.filter(t=>a.includes(t.path));let r;if(i.length>0){r=i[0].utmsValues;const t=a.replace("/","");!e.toString().includes("landing_page")&&!e.toString().includes("first_article")&&t&&e.append("landing_page",t)}else{const t=a.replace("/","");return!e.toString().includes("landing_page")&&!e.toString().includes("first_article")&&t&&e.append("landing_page",t),o+(e.toString()?"?"+e.toString():"")}let u=[];return Object.keys(r).forEach(t=>{r[t]!==""&&(u=[...u,t+"="+r[t]])}),o+(u.join("&")?"?"+u.join("&"):"")}</script>
1607 
1607<script type="module">window.onload=()=>{const o=window.location.hash;if(o){const t=document.querySelector(o);t&&t.scrollIntoView({behavior:"smooth"})}};</script>
1607 
1607<script type="module" src="/_astro/Layout.astro_astro_type_script_index_3_lang.a5YHM7Hl.js"></script>
1607 </body><!-- Animate all H3 on all pages --></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.