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 "Le Billet Vert"" data-astro-cid-4gij6lik style="--linksColor: var(--sable);--linksFont: TStar-SemiBold;"> Blog "Le Billet Vert" </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'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 "Le Billet Vert"" data-astro-cid-4gij6lik style="--linksColor: var(--graphite);--linksFont: TStar-SemiBold;"> Blog "Le Billet Vert" </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'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="ReÌchauffement climatique & seÌ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="ReÌchauffement climatique & seÌ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="ReÌchauffement climatique & seÌ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="ReÌchauffement climatique & seÌ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'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.