{"id":7103,"date":"2026-10-08T14:29:15","date_gmt":"2026-10-08T18:29:15","guid":{"rendered":"https:\/\/www.exponentiel.ca\/europe\/"},"modified":"2026-10-15T13:35:27","modified_gmt":"2026-10-15T17:35:27","slug":"france-canada","status":"publish","type":"page","link":"https:\/\/www.exponentiel.ca\/en\/france-canada\/","title":{"rendered":"Europe"},"content":{"rendered":"<div class=\"spacer-x2 spacer-mobile-x0\"><\/div>\n<picture class=\"grid-column-end-span-6 grid-column-end-mobile-span-12 img-fit-cover border-radius-mask ville-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp\" alt=\"Paris, France\" \/><\/picture>\n<picture class=\"grid-column-start-7 grid-column-end-span-6 grid-column-start-mobile-1 grid-column-end-mobile-span-12 img-fit-cover border-radius-mask ville-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Montreal.webp\" alt=\"Montr\u00e9al, Qu\u00e9bec\" \/><\/picture>\n<div class=\"spacer-x2\"><\/div>\n<div class=\"grid-column-end-span-12\">\n<div class=\"h2 color-black\">\n<h2>Between France and Canada, <br \/>strategic expertise <br \/>on both sides of the&nbsp;Atlantic<\/h2>\n<\/div>\n<ul class=\"unordered-list text-transform-uppercase col-indent\" style=\"--col-indent: 0;\">\n<li>Adapt your positioning to your new&nbsp;market<\/li>\n<li>Assert your positioning<\/li>\n<li>Build strategic connections<\/li>\n<li>Understand the codes and the players of your new&nbsp;environment<\/li>\n<li>Showcase your leaders, your offerings and your&nbsp;expertise<\/li>\n<\/ul>\n<\/div>\n<div class=\"spacer-x2\"><\/div>\n<div class=\"grid-column-end-span-8\">\n<p class=\"texte-intro\">The success of an expansion does not rest on the quality of your offering alone. It also depends on your ability to understand your new environment, find your place in it, build the right connections and make your voice&nbsp;heard.<\/p>\n<\/div>\n<p><!-- Masque le 2026-10-14 : \u00ab Organizations that trust us. \u00bb et les quatre logos. Pour retablir : retirer ce \n\n<div> et son <\/div>\n\n fermant. --><\/p>\n<div style=\"display:none\">\n<div class=\"spacer-x2\"><\/div>\n<div class=\"grid-column-end-span-8\">\n<p><strong>Organizations that trust&nbsp;us.<\/strong><\/p>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<picture class=\"grid-column-start-1 grid-column-end-span-3 grid-column-start-mobile-1 grid-column-end-mobile-span-6 img-fit-auto logo-client-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/11\/clients_sia-partners.png\" alt=\"Sia Partners\" \/><\/picture>\n<picture class=\"grid-column-start-4 grid-column-end-span-3 grid-column-start-mobile-7 grid-column-end-mobile-span-6 img-fit-auto logo-client-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/11\/clients_pomerleau.png\" alt=\"Pomerleau\" \/><\/picture>\n<picture class=\"grid-column-start-7 grid-column-end-span-3 grid-column-start-mobile-1 grid-column-end-mobile-span-6 img-fit-auto logo-client-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/11\/clients_brp.png\" alt=\"BRP\" \/><\/picture>\n<picture class=\"grid-column-start-10 grid-column-end-span-3 grid-column-start-mobile-7 grid-column-end-mobile-span-6 img-fit-auto logo-client-europe\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/WSP.png\" alt=\"WSP\" \/><\/picture>\n<div class=\"spacer-x3\"><\/div>\n<\/div>\n<p><!-- fin du masquage 2026-10-14 --><\/p>\n<div class=\"spacer-x3\"><\/div>\n<div class=\"h2\">\n<h2>A team that supports you <br \/>from Paris to&nbsp;Montr\u00e9al<\/h2>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<ul class=\"photo-gallery equipe-europe\">\n<li class=\"no-lb\" style=\"--row-end: 8;\"><a href=\"https:\/\/www.exponentiel.ca\/en\/our-team\/veronique-arsenault\/\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/01\/TEMPLATE_PROFIL_AL_V2-1-1024x1024.webp\" alt=\"V\u00e9ronique Arsenault, PRP\" loading=\"lazy\"><\/a>\n<div class=\"hover\">\n<div><span class=\"enhanced\">V\u00e9ronique Arsenault, PRP<\/span><br \/>Founding President and CEO<\/div>\n<\/div>\n<\/li>\n<li class=\"no-lb\" style=\"--row-end: 8;\"><a href=\"https:\/\/www.exponentiel.ca\/en\/nos-collaborateurs\/noemie-mourot\/\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/Noemie-Mourot.webp\" alt=\"No\u00e9mie Mourot\" loading=\"lazy\"><\/a>\n<div class=\"hover\">\n<div><span class=\"enhanced\">No\u00e9mie Mourot<\/span><br \/>Communications and Public Relations Consultant, Europe<\/div>\n<\/div>\n<\/li>\n<li class=\"no-lb\" style=\"--row-end: 8;\"><a href=\"https:\/\/www.exponentiel.ca\/en\/nos-collaborateurs\/hanane-hadjloum\/\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/Hanane-Hadjloum.webp\" alt=\"Hanane Hadjloum\" loading=\"lazy\"><\/a>\n<div class=\"hover\">\n<div><span class=\"enhanced\">Hanane Hadjloum<\/span><br \/>Strategic Communications and Partnerships Consultant, Europe<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<div class=\"spacer-x2\"><\/div>\n<div class=\"grid-column-end-span-8 contact-europe\">\n<h3>Contact us<\/h3>\n<p><a href=\"tel:+33638509762\">06 38 50 97 62<\/a><\/p>\n<p><a href=\"mailto:europe@exponentiel.ca\">europe@exponentiel.ca<\/a><\/p>\n<\/div>\n<div class=\"spacer-x2\"><\/div>\n<div><a class=\"bt\" href=\"https:\/\/www.exponentiel.ca\/en\/our-team\/\" data-name=\"And our Montr\u00e9al collaborators\"><span>And our Montr\u00e9al collaborators<\/span><\/a><\/div>\n<div class=\"spacer-x3\"><\/div>\n<div class=\"spacer-x2\"><\/div>\n<div class=\"end-of-page-link no-image\">\n<div class=\"bckg-light-green\">\n<div class=\"title\">\n<h2>Ready to grow <br \/>between France and&nbsp;Qu\u00e9bec?<\/h2>\n<\/div>\n<div>\n<p>Let\u2019s talk about your project and your international&nbsp;ambitions.<\/p>\n<\/div>\n<div><a class=\"bt\" href=\"https:\/\/www.exponentiel.ca\/en\/contact\/\" data-name=\"Tell us about your&nbsp;needs\"><span>Tell us about your&nbsp;needs<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"spacer-x3\"><\/div>\n<p><!-- Masque le 2026-10-08 : contenu repris de l'accueil, en attente du contenu propre a la page Europe. Pour retablir : retirer ce \n\n<div> et son <\/div>\n\n fermant. --><\/p>\n<div style=\"display:none\">\n<div class=\"spacer-x2 spacer-mobile-x0\"><\/div>\n<div class=\"spacer-x2 spacer-mobile-x0\"><\/div>\n<div class=\"spacer-x2 spacer-mobile-x0\" style=\"display:none\"><\/div>\n<div class=\"spacer-x2 spacer-mobile-x0\" style=\"display:none\"><\/div>\n<picture class=\"stretchable-img\" style=\"display:none\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/06\/WEB_Exponentiel_12-02-26_001.jpg\" alt=\"L'\u00e9quipe de l'agence de communication Exponentiel\" class=\"border-radius-mask\"><\/picture>\n<div class=\"spacer-x2 spacer-mobile-x0\" style=\"display:none\"><\/div>\n<div class=\"grid-column-end-span-7 align-self-center\">\n<p class=\"large\">Exponentiel, c\u2019est avant tout une \u00e9quipe de strat\u00e8ges qui fait les choses autrement. Ensemble, on repense la communication d\u2019entreprise, l\u2019accompagnement strat\u00e9gique des organisations et les relations publiques pour \u00e9lever nos clients et les accompagner dans leurs d\u00e9cisions d\u2019affaires. Plus qu\u2019une agence, nous sommes un alli\u00e9 strat\u00e9gique pour aller plus loin, mobiliser les \u00e9quipes et atteindre des objectifs&nbsp;ambitieux.<\/p>\n<p class=\"large\"><strong>On ne rentre pas dans un moule, on&nbsp;l\u2019invente.<\/strong><\/p>\n<p><a href=\"https:\/\/www.exponentiel.ca\/en\/about-us\/\" data-name=\"D\u00e9couvrez qui nous sommes\" class=\"bt\"><span>D\u00e9couvrez qui nous sommes<\/span><\/a><\/p>\n<\/div>\n<picture class=\"grid-column-start-9 grid-column-end-span-4 img-fit-auto img-fit-auto-mobile img-out-of-grid-right border-radius-mask align-self-center intro-photo\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/exponentiel-equipe-strateges-2-scaled.webp\" alt=\"L'\u00e9quipe de strat\u00e8ges en communication d'Exponentiel\" width=\"3000\" height=\"2000\" loading=\"lazy\"><\/picture>\n<div class=\"grid-column-start-10 grid-column-end-span-3 grid-column-start-mobile-1 grid-column-end-mobile-span-4 grid-row-start-mobile justify-self-center\" style=\"display:none;--grid-row-start-mobile: 6;\">\n<div class=\"tag\" style=\"--img-text: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/07\/tag-allie-de-confiance-txt.svg'); --img-illustration: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/07\/tag-allie-de-confiance-ill.svg');\"><\/div>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<p><!-- Section \u00ab De l\u2019intention \u00e0 l\u2019action \u00bb (2026-09-14), meme layout que\n     \u00ab Nos valeurs \u00bb sur A propos : titre, intro, 3 items en zigzag. --><\/p>\n<div class=\"spacer-x2\"><\/div>\n<div class=\"h2 intention-action\">\n<h2>De l\u2019intention \u00e0 l\u2019action<\/h2>\n<\/div>\n<div class=\"grid-column-end-span-9\">\n<p>Chaque mandat commence par une intention&nbsp;: clarifier une position, raconter une transformation, provoquer un mouvement. Notre r\u00f4le est de la transformer en r\u00e9sultats&nbsp;concrets.<\/p>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<picture class=\"grid-column-start-2 grid-column-end-span-2 grid-column-end-mobile-span-6 img-fit-auto align-self-center\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/triangles-intention-clarte-v4.svg\" alt=\"\" loading=\"lazy\"><\/picture>\n<div class=\"grid-column-start-5 grid-column-end-span-7 align-self-center\">\n<p class=\"x-large\"><em>Clart\u00e9<\/em><\/p>\n<p>Avant d\u2019agir, comprendre. Nous posons un diagnostic clair sur votre organisation, vos enjeux et votre positionnement strat\u00e9gique. C\u2019est la base de tout accompagnement qui porte ses&nbsp;fruits.<\/p>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<div class=\"grid-column-end-span-7 align-self-center\">\n<p class=\"x-large\"><em>R\u00e9cit<\/em><\/p>\n<p>Une strat\u00e9gie de communication forte raconte quelque chose de vrai. Nous construisons le r\u00e9cit qui aligne votre communication d\u2019entreprise avec ce que vous \u00eates&nbsp;r\u00e9ellement.<\/p>\n<\/div>\n<picture class=\"grid-column-start-8 grid-column-end-span-3 grid-column-end-mobile-span-6 grid-row-start-mobile img-fit-auto align-self-center intention-ill-2\" style=\"--grid-row-start-mobile: 13;\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/triangles-intention-recit-v4.svg\" alt=\"\" loading=\"lazy\"><\/picture>\n<div class=\"spacer-x1\"><\/div>\n<picture class=\"grid-column-start-2 grid-column-end-span-2 grid-column-end-mobile-span-6 img-fit-auto align-self-center\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/triangles-intention-action-v4.svg\" alt=\"\" loading=\"lazy\"><\/picture>\n<div class=\"grid-column-start-5 grid-column-end-span-7 align-self-center\">\n<p class=\"x-large\"><em>Action<\/em><\/p>\n<p>La strat\u00e9gie sans ex\u00e9cution reste une intention. Relations publiques, marketing, communication num\u00e9rique&nbsp;: nous d\u00e9ployons ce qu\u2019il faut pour que le r\u00e9cit se traduise en r\u00e9sultats&nbsp;mesurables.<\/p>\n<\/div>\n<div class=\"spacer-x1\"><\/div>\n<\/div>\n<p><!-- fin du masquage 2026-10-08 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Between France and Canada, strategic expertise on both sides of the&nbsp;Atlantic Adapt your positioning to your new&nbsp;market Assert your positioning Build strategic connections Understand the codes and the players of your new&nbsp;environment Showcase your leaders, your offerings and your&nbsp;expertise The success of an expansion does not rest on the quality of your offering alone. It [&hellip;]<\/p>\n","protected":false},"author":29,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-home.php","meta":{"_acf_changed":false,"exponentiel_css":"\/* --- EN-TETE (section.header.home) ------------------------------- *\/\n\n\/* Masque les 2 illustrations. Elles vivent dans le theme\n   (parts\/part-header.php), hors de portee de l'API. La parallaxe ne\n   casse pas : main.js:159 verifie leur presence dans le DOM, pas leur\n   visibilite. *\/\nsection.header.home div.anim { display: none; }\n\n@media screen and (min-width: 641px) {\n    \/* Aligne le texte sur les colonnes 1 a 9, comme le bloc\n       .grid-column-end-span-9 de la section suivante.\n       Origine du theme : grid-column 6 \/ span 7. *\/\n    \/* Aligne sur le contenu (2026-09-21) : part de la colonne 1 comme tout\n       le reste de la page ; 9 colonnes pour rester a gauche du motif de\n       triangles en haut a droite. *\/\n    section.header.home div.text { grid-column: 1 \/ span 9; }\n\n    \/* Le min-height de 820*0.75 = 615px etait dimensionne pour les\n       illustrations masquees : la section reservait de la hauteur pour\n       du vide. *\/\n    section.header.home { min-height: 0; }\n}\n\nsection.header.home { background: #F9F6EF; }\n\n\n\/* --- 2e SECTION (section.home.generic.bckg-light-orange) ---------- *\/\n\n\/* Meme fond que la section services : celle-ci n'a aucun fond propre\n   et laisse voir le fond de page (--color-FFFDF6). On reutilise la\n   variable du theme pour un accord exact et durable. *\/\nsection.home.generic.bckg-light-orange { background: rgb(var(--color-FFFDF6)); }\n\n\n\/* --- SECTION SERVICES -------------------------------------------- *\/\n\n\/* Masque l'illustration crayon (img-ill-services.svg). Le div.pencil\n   porte aussi un padding de 120*0.75 = 90px haut et bas, retire du\n   meme coup. *\/\nsection.home.services div.pencil { display: none; }\n\n\/* --- ESPACEMENT SOUS LE TEXTE DE L'EN-TETE ------------------------ *\/\n\n\/* Aligne l'espace sous le texte de l'en-tete sur celui au-dessus du\n   texte de la 2e section (2 espaceurs x 60px = 120px).\n   Origine du theme : 40 * 0.75 = 30px. On passe a 160 * 0.75 = 120px,\n   en reprenant la formule responsive du theme. *\/\n@media screen and (min-width: 641px) {\n    section.header.home > div {\n        padding-bottom: min(calc(160px * var(--base_factor)), (calc(160 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n    }\n}\n\n\/* Mobile. Le theme met deliberement padding-bottom:0 sur\n   section.header > div (ligne 4354) et porte l'espace sur la section\n   elle-meme : section.header { padding-bottom: calc((40\/414)*100vw) }.\n   Sans l'encadrement ci-dessus, ma regle desktop ecrasait ce 0.\n   Les espaceurs de la 2e section sont neutralises sur mobile\n   (spacer-mobile-x0 -> padding-top:0), d'ou l'absence d'espace en haut.\n   On lui donne exactement la meme valeur que le bas de l'en-tete. *\/\n@media screen and (max-width: 640px) {\n    section.home.generic.bckg-light-orange > div {\n        padding-top: calc((40 \/ 414) * 100vw);\n    }\n}\n\n\n\/* --- COULEURS ----------------------------------------------------- *\/\n\n\/* Texte noir de l'accueil -> vert fonce.\n   Cible main section : le <header> et le <footer> sont hors de <main>,\n   donc le menu et le pied de page ne sont pas touches.\n   Bat la regle du theme \u00ab section { color: rgb(var(--color-black)) } \u00bb. *\/\nmain section { color: #10423F; }\n\n\/* Logo vert. Le SVG d'origine est en #FFF200 et vit dans le theme :\n   on remplace l'image affichee par une copie recoloree televersee dans\n   la mediatheque (ID 6045).\n   Ce <style> ne se charge que sur l'accueil -> logo vert sur l'accueil\n   uniquement, jaune ailleurs.\n   Si un navigateur ne supporte pas content:url() sur une <img>, le logo\n   d'origine s'affiche : degradation propre, jamais de logo casse. *\/\nheader nav a.logo img { content: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/logo-exponentiel-vert.svg'); }\n\n\/* Petit triangle en coin, en haut a droite du logo.\n   Ce n'est pas une image : c'est une bordure CSS coloree en\n   rgb(var(--color-yellow)) = #FFEC00.\n   On ne change QUE la couleur (border-top-color) et non le raccourci\n   border-top, afin de preserver la largeur responsive et l'animation\n   qui l'agrandit quand la page defile (body:not(.top)). *\/\nheader nav a.logo:after { border-top-color: #10423F; }\n\n\/* --- POLICE : bely-display -> Georgia (accueil seulement) --------- *\/\n\n\/* bely-display vient d'Adobe Typekit (kit wmk5fwe) et sert a 14 endroits\n   dans main.css. Sur l'accueil, seuls ces 5 s'appliquent (verifie dans\n   le HTML rendu). ul.list-services, section.generic .h2 et .banner .title\n   n'existent pas sur l'accueil ; ul.list > li.expandable-list n'a pas de\n   font-family et herite de Raleway.\n   Prefixe \u00ab main \u00bb : le tagline du menu et footer div.footer-contact\n   utilisent aussi bely-display mais sont hors de <main>, donc exclus.\n   Georgia est une police systeme : aucun fichier a heberger, vraies\n   variantes gras\/italique, repli serif si absente. *\/\nmain section.header h1,\nmain section.header .h1,\nmain div.scrolling-banner > div > div > div,\nmain .projects div.header h2,\nmain .news div.header h2,\nmain .expolife h2 {\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n}\n\n\/* Interlignage du titre du hero.\n   Origine du theme (main.css:1149) : line-height 1.0667em, calibre pour\n   bely-display. Georgia a des jambages plus longs : le meme interlignage\n   parait trop aere.\n   Valeur sans unite (0.9 et non 0.9em) : elle se recalcule a partir de\n   la taille de police de chaque element plutot que d'etre heritee en\n   valeur fixe \u2014 plus sur avec le font-size en clamp() du theme. *\/\nmain section.header h1,\nmain section.header .h1 {\n    line-height: 1;\n}\n\n\/* Masque la section #expolife (mur de photos rotatives).\n\n   ON CIBLE .expolife ET NON section.generic : sur l'accueil, quatre\n   sections portent la classe \u00ab generic \u00bb (la 2e section, Projets,\n   Nouvelles et celle-ci). .expolife est unique.\n\n   PAS DE VIDE RESIDUEL : .expolife porte padding 25vw 0 (main.css:2415),\n   emporte avec elle. section.generic n'a aucune regle CSS et son div\n   interne n'a qu'un padding horizontal : la coquille se referme.\n\n   LE JS NE PLANTE PAS. main.js:154 lance setBckgOpacity et\n   setGridParallax si $('.expolife').length > 0 \u2014 vrai, l'element reste\n   dans le DOM. Aucune division par zero possible :\n     - setBckgOpacity divise par (window_h * .15)\n     - setGridParallax divise par (cont_h + window_h - footer_buffer),\n       borne entre 0 et 1 juste apres\n   Les transformations calculees s'appliquent a des elements invisibles. *\/\nmain .expolife { display: none; }\n\n\/* --- SECTION NOUVELLES : marges divisees par deux ---------------- *\/\n\n\/* Origine du theme (main.css:1775) :\n       padding-top    600 * 0.75 = 450px\n       padding-bottom 270 * 0.75 = 202.5px\n   Moitie : 300 -> 225px et 135 -> 101.25px.\n   La formule responsive du theme est reprise telle quelle.\n\n   @media INDISPENSABLE : le theme a une regle mobile \u00ab .news \u00bb\n   (main.css:4450) avec padding-top calc((40\/414)*100vw) et\n   padding-bottom 0, de specificite (0,1,0). Mon selecteur\n   \u00ab main .news.home \u00bb est en (0,2,1) : sans l'encadrement il ecraserait\n   la version mobile. *\/\n@media screen and (min-width: 641px) {\n    main .news.home {\n        padding-top: min(calc(300px * var(--base_factor)), (calc(300 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n        padding-bottom: min(calc(135px * var(--base_factor)), (calc(135 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n    }\n}\n\n\n\/* --- PIED DE PAGE ------------------------------------------------ *\/\n\n\/* Illustration de fond du footer (img-ill-footer.svg, dans le theme).\n   Elle est en position:absolute (main.css:3700) : la masquer ne decale\n   rien. L'animation footer.show qui la fait monter devient sans objet. *\/\nfooter div.img-bckg { display: none; }\n\n\/* Fond orange du footer -> vert. Le theme le pose sur un pseudo-element\n   (main.css:3548) : footer div.footer-main:before { background:\n   rgb(var(--color-orange)) }. Meme specificite, ma regle vient apres. *\/\nfooter div.footer-main:before { background: #10423F; }\n\n\/* Bande legale du pied de page : fond orange pale -> #F9F6EF.\n   Le theme pose la couleur sur un pseudo-element (main.css:3734) :\n   footer div.footer-legal:before { background: rgb(var(--color-light-orange)) }\n   Le texte de cette bande n'a pas de couleur propre et reste donc noir,\n   parfaitement lisible sur ce fond clair. *\/\nfooter div.footer-legal:before { background: #F9F6EF; }\n\n\/* Texte noir du footer sur le fond vert -> #F9F6EF (main.css:3539).\n   PORTEE VERIFIEE : .footer-contact, .footer-main et .footer-legal sont\n   FRERES, tous enfants directs de <footer>. Cette regle ne descend donc\n   que dans .footer-main \u2014 la bande legale n'herite pas et garde son\n   texte noir sur fond clair.\n   NON AFFECTES, car ils ont une couleur explicite :\n     - footer div.footer-contact  (jaune)\n     - footer h3                  (jaune)\n     - form.form-newsletter input\/label\/button (noir, sur fond jaune)\n   Contraste #F9F6EF sur #10423F : environ 11:1. *\/\nfooter div.footer-main { color: #F9F6EF; }\n\n\n\n\/* Libelle \u00ab Adresse courriel \u00bb : orange -> vert.\n   C'est <span> dans <label>, cible par form.form-newsletter label span\n   (main.css:3643, color: rgb(var(--color-orange))).\n   Au repos il est pose sur le fond jaune de l'input : le vert y a un\n   contraste d'environ 8,8:1.\n\n   L'ETAT FOCUS RESTE JAUNE, VOLONTAIREMENT. Au focus, le libelle\n   remonte hors du champ (transform translateY(-120%), main.css:3653) et\n   se retrouve sur le vert #10423F du footer, ou le theme le passe en\n   jaune (label.focus-in span). Le mettre en vert la aussi le rendrait\n   invisible. *\/\nform.form-newsletter label span { color: #10423F; }\n\n\/* Bouton \u00ab S'inscrire \u00bb : noir -> jaune.\n   Il n'a aucun fond (main.css:3657 ne definit qu'un font-weight) et\n   repose sur le vert #10423F du footer. Le jaune du theme y donne un\n   contraste d'environ 8,8:1, et s'accorde aux h3 et au footer-contact\n   deja en jaune. *\/\nform.form-newsletter button[type=\"submit\"] { color: rgb(var(--color-yellow)); }\n\n\/* Masque le service \u00ab Photos et videos \u00bb dans la liste de l'accueil.\n\n   CIBLAGE PAR LE LIEN, PAS PAR LA POSITION : la liste est generee par\n   template-home.php depuis le type de contenu \u00ab services \u00bb. Un\n   :nth-child(9) casserait des qu'un service serait ajoute, retire ou\n   reordonne. :has() vise le service lui-meme via son URL.\n\n   Effet de bord mineur assume : les --transition-delay de l'animation\n   en cascade sautent une valeur (1.6s), l'entree suivante arrive donc\n   avec un leger decalage supplementaire. Invisible en pratique. *\/\nmain ul.list > li.expandable-list:has(a[href*=\"\/nos-services\/photos-videos\/\"]) {\n    display: none;\n}\n\n\n\n\n\n\/* Liens des sous-categories, dans le panneau des accordeons.\n\n   MEME TYPOGRAPHIE QUE LES GRANDES CATEGORIES. Les valeurs ci-dessous\n   sont copiees a l'identique de .expandable-list > button (main.css:712),\n   qui stylise les titres d'accordeon : meme clamp de taille, meme\n   italique, meme graisse, meme interlignage.\n\n   Difference volontaire : pas de triangle jaune. Le triangle signale un\n   accordeon qui s'ouvre ; ces liens quittent la page. Un soulignement\n   apparait au survol pour marquer la difference de comportement sans\n   toucher a la typographie. *\/\nmain section.home.services .expandable-list ul li a.lien-service {\n    display: inline-block;\n    color: #10423F;\n    font-weight: 400;\n    font-style: italic;\n    font-size: clamp(18px, (calc(35 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(35px * var(--base_factor)));\n    line-height: 1.2em;\n    text-align: left;\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.2s linear;\n}\n\nmain section.home.services .expandable-list ul li a.lien-service:hover,\nmain section.home.services .expandable-list ul li a.lien-service:focus-visible {\n    border-bottom-color: #10423F;\n}\n\n\/* Le panneau contraint ses enfants a 680px (.expandable-list ul li).\n   Trop etroit pour des intitules a cette taille : on libere la largeur\n   pour les sous-categories, en laissant le bouton jaune tel quel. *\/\nmain section.home.services .expandable-list ul li:has(> a.lien-service) {\n    max-width: none;\n}\n\n\/* --- COULEURS GLOBALES ------------------------------------------- *\/\n\n\/* On redefinit les variables du theme plutot que de traquer les regles\n   une par une : le jaune sert a 35 endroits dans main.css, le bleu\n   poudre a 10. Tout suit d'un seul coup, sans risque d'en oublier.\n\n   Le format reste un triplet R, G, B sans fonction rgb() : le theme\n   ecrit rgb(var(--color-yellow)) mais aussi\n   rgba(var(--color-light-blue), 0.25) et des degrades. Un simple\n   \u00ab #FAC03B \u00bb casserait toutes les variantes transparentes.\n\n   --color-yellow      255,236,0    -> #FAC03B  (250, 192, 59)\n   --color-light-blue  176,205,235  -> #93CCAD  (147, 204, 173)\n\n   Portee : ce bloc vit dans le contenu de la page 7, donc l'accueil\n   seulement. Les 10 autres pages gardent les couleurs d'origine. *\/\n:root {\n    --color-yellow: 250, 192, 59;\n    --color-light-blue: 147, 204, 173;\n}\n\n\n\n\/* \u00ab Restons en contact \u00bb : jaune -> vert fonce.\n   Le bandeau a pour fond rgb(var(--color-light-blue)), devenu #93CCAD.\n   Contraste du vert fonce dessus : environ 6:1. *\/\nfooter div.footer-contact {\n    color: #10423F;\n    \/* Moitie de la taille d origine. Le theme : clamp(60px .. 170*0.75px)\n       (main.css:3516). Ici : clamp(30px .. 85*0.75px), soit 63,75px max. *\/\n    font-size: clamp(30px, (calc(85 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(85px * var(--base_factor)));\n    \/* Italique, et espace haut\/bas egal a la marge haute du footer :\n       footer-main a padding 3em (main.css:3544) sur 16px herites = 48px.\n       3rem donne la meme valeur, independamment de la grande taille de\n       police de ce bandeau. Le theme avait 0.25em. *\/\n    font-style: italic;\n    padding: 3rem 0;\n}\n\n\/* Cartes de \u00ab La difference Exponentiel \u00bb (section Projets).\n   Le theme fait tourner trois fonds (main.css:1630-1643) :\n       3n+1 rose        --color-pink\n       3n+2 vert clair  --color-light-green\n       3n+3 bleu poudre --color-light-blue\n   Le bleu poudre etant devenu #93CCAD, les cartes 2 et 3 se retrouvaient\n   toutes deux vertes, sur un fond de section lui aussi vert\n   (.projects:before utilise --color-light-blue).\n   On garde le rose et on remplace les deux verts par creme et blanc. *\/\n.projects div.projects-list li:nth-child(3n+2),\n.projects-archive ul li:nth-child(3n+2) figure figcaption {\n    background: #F9F6EF;\n}\n\n.projects div.projects-list li:nth-child(3n+3),\n.projects-archive ul li:nth-child(3n+3) figure figcaption {\n    background: #FFFFFF;\n}\n\n\/* Logo du pied de page. Fichier DIFFERENT de celui de l'en-tete :\n   logo-exponentiel-e.svg, lui aussi en #FFF200. Copie recoloree\n   televersee en mediatheque (ID 6062).\n\n   POURQUOI PAS content:url() ICI \u2014 la premiere tentative a fait\n   disparaitre le logo. Le theme ecrit :\n       footer a.logo img { width: min(...); height: auto; }\n   Avec content:url(), l'element remplace perd son rapport\n   hauteur\/largeur intrinseque : \u00ab height: auto \u00bb se resout a zero, et\n   le logo devient haut de 0 pixel. Le logo de l'en-tete, lui, a une\n   hauteur explicite en CSS, d'ou son bon fonctionnement.\n\n   Methode retenue : on rend l'image d'origine invisible tout en lui\n   laissant occuper sa place (visibility:hidden conserve la mise en\n   page, contrairement a display:none), et on pose la version verte en\n   fond du lien parent. Le <a> herite ainsi des dimensions correctes de\n   l'image, et le fond s'y ajuste. *\/\nfooter a.logo img { visibility: hidden; }\n\nfooter a.logo {\n    background-image: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/logo-exponentiel-e-jaune.svg');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n}\n\n\/* --- ACCORDEONS DE SERVICES : APPARENCE --- *\/\n\n\/* 1. PLUS DE TRAITS\n   Le theme dessine des filets de 2px en pseudo-elements (main.css:683)\n   et les etend sur toute la largeur de l'ecran (main.css:1435).\n   On neutralise les deux. Attention a ne pas confondre avec\n   .expandable-list > button:before, qui est le triangle jaune. *\/\nmain section.home.services ul.list:before,\nmain section.home.services ul.list:after,\nmain section.home.services ul.list > li:before,\nmain section.home.services ul.list > li.expandable-list:before {\n    display: none;\n}\n\n\/* 2. LARGEUR AJUSTEE AU CONTENU LE PLUS LONG, TOUS EGAUX, 16px D'ECART\n   Une grille d'une seule colonne en max-content : la colonne se\n   dimensionne sur l'element le plus large, et tous les accordeons\n   s'etirent a cette largeur. minmax(0, ...) plafonne a la largeur\n   disponible, sinon un intitule long deborderait de l'ecran sur mobile.\n   justify-content: start colle le bloc a gauche plutot que de l'etirer. *\/\nmain section.home.services div.list-full-width ul.list {\n    display: grid;\n    \/* 1fr : pleine largeur de grille, le bloc s aligne sur le bord\n       gauche du titre (colonne 1). Etait minmax(0, max-content). *\/\n    grid-template-columns: 1fr;\n    row-gap: 8px;\n}\n\n\/* 3. FOND VERT ET TYPO CREME\n   Le padding remplace celui du theme (padding: 1em 0 + padding-left\n   calc(gut-w + col-w)), qui creait un enorme retrait calibre pour une\n   liste pleine largeur. *\/\nmain section.home.services ul.list > li.expandable-list {\n    background: #F9F6EF;\n    color: #10423F;\n    padding: 0.7em 1.4em 0.7em 2.4em;\n    \/* Rayon identique aux cartes de \u00ab La difference Exponentiel \u00bb.\n       Formule copiee telle quelle de main.css:1063, partagee par\n       .projects div.projects-list li et six autres elements du theme.\n       Reprendre la formule plutot qu'une valeur en dur garde le meme\n       comportement responsive que le reste du site. *\/\n    border-radius: min(calc(20px * var(--base_factor)), (calc(20 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n}\n\n\/* Variante mobile du theme (main.css:4259) : le rayon y est plus petit. *\/\n@media screen and (max-width: 640px) {\n    main section.home.services ul.list > li.expandable-list {\n        border-radius: calc((10 \/ 414) * 100vw);\n    }\n}\n\nmain section.home.services ul.list > li.expandable-list > button {\n    color: #10423F;\n}\n\nmain section.home.services .expandable-list ul li a.lien-service {\n    color: #10423F;\n    border-bottom-color: transparent;\n    \/* ROMAIN ET NON ITALIQUE \u2014 c'est ce qui retire le gras.\n       Le site charge Raleway avec \u00ab ital,wght@0,300;0,400;0,500;0,600;\n       0,700;1,600 \u00bb : l'italique n'existe QU'EN GRAISSE 600. Demander un\n       italique 400 faisait retomber le navigateur sur le seul italique\n       disponible, le 600, d'ou l'effet gras. En romain, les graisses\n       300 a 700 sont toutes reellement chargees. *\/\n    font-style: normal;\n    font-weight: 400;\n    \/* Taille reduite : base 35 -> 28 dans la formule du theme,\n       soit 26,25px -> 21px au maximum. *\/\n    font-size: clamp(16px, (calc(28 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(28px * var(--base_factor)));\n}\n\nmain section.home.services .expandable-list ul li a.lien-service:hover,\nmain section.home.services .expandable-list ul li a.lien-service:focus-visible {\n    border-bottom-color: #10423F;\n}\n\n\/* Le bouton jaune garde un texte fonce : creme sur jaune serait illisible. *\/\nmain section.home.services ul.list > li.expandable-list .bt {\n    color: #10423F;\n}\n\n\/* 4. TRIANGLE REPOSITIONNE\n   Il etait cale sur la grille du theme (left: calc(var(--col-w) - 1em)),\n   valeur sans objet maintenant que la boite est ajustee au contenu. *\/\nmain section.home.services .expandable-list > button:before {\n    left: 1em;\n}\n\n\/* Bouton \u00ab En voir plus \u00bb de la section services.\n   Le theme le centre sur toute la largeur de la grille\n   (main.css:1443, grid-column 1\/-1 + justify-content: center).\n   C'etait coherent tant que la liste occupait toute la largeur. Depuis\n   que les accordeons sont ajustes au contenu et cales a gauche, le\n   bouton se retrouvait seul au milieu de la page.\n   On l'aligne sur le bord gauche des accordeons.\n\n   Un vrai centrage SOUS le bloc d'accordeons n'est pas possible en CSS\n   depuis ici : .cta est un frere de .list-full-width, il ne peut pas\n   connaitre la largeur max-content calculee a l'interieur. Il faudrait\n   deplacer le bouton dans .list-full-width, donc modifier le PHP. *\/\nmain section.home.services div.cta {\n    justify-content: flex-start;\n}\n\n\/* Meme espacement qu'entre deux accordeons, pour que le bouton se lise\n   comme la suite de la liste. *\/\nmain section.home.services div.cta {\n    margin-top: 8px;\n}\n\n\n\n\/* Bande legale du footer : marges laterales alignees sur le contenu,\n   en mobile.\n\n   Le theme lui donne padding: 2.5em 5em (main.css:3731) SANS variante\n   mobile, alors que le contenu du footer passe a\n   padding: 0 var(--grid-margin-mobile) (main.css:4200).\n   Sur un ecran de 414px cela faisait ~80px contre ~20px : la bande\n   legale etait quatre fois plus rentree que tout le reste.\n\n   On ne reprend que les cotes : le 2.5em vertical du theme est conserve.\n   Desktop non touche, ou les 5em sont plus etroits que la marge de\n   grille et ne posent pas de probleme. *\/\n@media screen and (max-width: 640px) {\n    footer div.footer-legal {\n        padding-left: var(--grid-margin-mobile);\n        padding-right: var(--grid-margin-mobile);\n    }\n}\n\n\/* --- TYPOGRAPHIE : bely-display -> Georgia, tout le site ----------\n\n   bely-display vient d'Adobe Typekit (kit wmk5fwe) et sert a 13\n   endroits dans main.css. Tous sont repris ici.\n\n   Les selecteurs reprennent EXACTEMENT ceux du theme : a specificite\n   egale, c'est l'ordre du document qui tranche, et ce bloc se trouve\n   dans le <body>, donc apres main.css charge dans le <head>.\n\n   Pas de prefixe \u00ab main \u00bb : deux des cibles, le slogan du menu et\n   footer div.footer-contact, sont hors de <main>.\n\n   Georgia est une police systeme (Windows, macOS, iOS) : aucun fichier\n   a heberger, et ses italiques et gras reels sont disponibles.\n   Repli en serif la ou elle est absente (Android, Linux).\n   bely-display avait \u00ab sans-serif \u00bb en repli ; Georgia etant une serif,\n   le repli est ajuste en consequence. *\/\nheader nav ul.secondary li.tagline,\nfigure.quote blockquote,\nsection.header h1,\nsection.header .h1,\ndiv.scrolling-banner > div > div > div,\n.projects div.header h2,\n.news div.header h2,\n.projects-archive ul li:hover figure figcaption .title,\n.expolife h2,\nsection.generic .h2,\nul.list-services li h2,\n.banner .title,\n.end-of-page-link .title,\nfooter div.footer-contact,\nform.form-newsletter > h2 {\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n}\n\n\/* Interlignage resserre, limite aux titres de hero comme convenu.\n   Origine du theme : 1.0667em (main.css:1149), calibre pour\n   bely-display. Georgia a des jambages plus longs.\n   Valeur sans unite : elle se recalcule depuis la taille de police de\n   chaque element, plus sur avec le font-size en clamp() du theme. *\/\nsection.header h1,\nsection.header .h1 {\n    line-height: 1;\n}\n\n\/* --- MENU : noirs remplaces par le vert fonce -------------------- *\/\n\n\/* Texte du menu principal (main.css:182). *\/\nheader nav ul.main { color: #10423F; }\n\n\/* Moitie noire du degrade de fond du menu (main.css:347).\n   Le degrade est reecrit en entier car on ne peut pas surcharger\n   une seule butee de couleur. La moitie rose et la variable\n   --nav-bckg-color-stop, qui pilote la position de la coupure, sont\n   reprises telles quelles : la geometrie du menu est inchangee. *\/\n@media screen and (min-width: 641px) {\n    header nav div.menus {\n        background-image: linear-gradient(to right, rgb(var(--color-pink)) var(--nav-bckg-color-stop), #10423F var(--nav-bckg-color-stop));\n    }\n}\n\n\/* Icone du menu burger, etat ferme (main.css:448).\n   L'etat ouvert n'est pas touche : il passe en blanc sur bureau et en\n   noir sur mobile, chaque fois sur un fond rose, les contrastes y sont\n   donc deja bons. *\/\nheader div.ico span { background: #10423F; }\n\n\/* Survol des elements PRINCIPAUX du menu : jaune -> #F9F6EF.\n\n   Le theme duplique le texte du lien en pseudo-element\n   (content: attr(data-name), main.css:156), le colore en\n   rgb(var(--color-yellow)) et le revele au survol par clip-path.\n   Ce pseudo-element a un fond rose sur le menu principal.\n\n   On ne vise que ul.main : le menu secondaire garde son jaune, qui\n   ressort bien sur la moitie vert fonce du menu. *\/\nheader nav ul.main li a:after { color: #F9F6EF; }\n\n\/* Effet de survol sur les liens du pied de page.\n\n   Le theme n en prevoyait AUCUN : les liens du footer ne reagissaient\n   pas au survol. Ce n etait donc pas une regression, mais une absence.\n\n   POURQUOI PAS L EFFET EXACT DU MENU : celui-ci duplique le texte du\n   lien via content: attr(data-name) (main.css:156) et le revele par\n   clip-path. L attribut data-name est pose PAR JAVASCRIPT, et\n   uniquement sur les liens de l en-tete (main.js, boucle nav_items).\n   Les liens du footer ne l ont pas : le pseudo-element serait vide.\n\n   Equivalent retenu : transition de couleur vers le jaune, avec la\n   meme duree de 0,4s que le menu.\n\n   Deux zones, deux couleurs, dictees par leur fond :\n   - footer-main : texte creme sur vert fonce -> jaune (contraste ~8,8:1)\n   - footer-legal : texte noir sur creme -> vert fonce, le jaune y serait\n     illisible (contraste ~1,3:1) *\/\nfooter div.footer-main li a,\nfooter div.telephone p a,\nfooter div.footer-legal a {\n    transition: color 0.4s linear;\n}\n\nfooter div.footer-main li a:hover,\nfooter div.telephone p a:hover {\n    color: rgb(var(--color-yellow));\n}\n\nfooter div.footer-legal a:hover {\n    color: #10423F;\n}\n\n\/* Georgia en italique sur les titres.\n   Parmi les 13 emplacements passes en Georgia, seuls ceux qui sont des\n   TITRES recoivent l italique. Exclus volontairement : le slogan du menu\n   (li.tagline), les citations (blockquote) et \u00ab Restons en contact \u00bb\n   (footer-contact), qui ne sont pas des titres.\n   Georgia venant du systeme, son italique est un vrai italique dessine,\n   pas une inclinaison synthetique. *\/\nsection.header h1,\nsection.header .h1,\ndiv.scrolling-banner > div > div > div,\n.projects div.header h2,\n.news div.header h2,\n.projects-archive ul li:hover figure figcaption .title,\n.expolife h2,\nsection.generic .h2,\nul.list-services li h2,\n.banner .title,\n.end-of-page-link .title,\nform.form-newsletter > h2 {\n    font-style: italic;\n}\n\n\/* --- \u00ab NOS SERVICES \u00bb : de banniere defilante a titre statique ------\n\n   La banniere repete \u00ab Nos services \u00bb dix fois dans une bande de 315px\n   de haut, en debordement pleine largeur, animee par kf-translateX\n   (main.css:1360). On la ramene a un titre de section ordinaire.\n\n   RIEN N EST RETIRE : les dix copies restent dans le HTML, neuf sont\n   masquees et la premiere est restylee. L animation est stoppee par\n   animation: none, le positionnement absolu annule, la hauteur fixe\n   et le debordement liberes.\n\n   Taille, interlignage, largeur de grille et marge basse sont copies\n   sur .projects div.header h2 (main.css:1480), le titre de reference\n   des autres sections de l accueil. *\/\nmain section.home.services div.scrolling-banner {\n    grid-column: 1 \/ span 8;\n    display: block;\n    height: auto;\n    margin: 0;\n    overflow: visible;\n}\n\nmain section.home.services div.scrolling-banner.animate > div {\n    position: static;\n}\n\nmain section.home.services div.scrolling-banner.animate > div > div {\n    animation: none;\n    display: block;\n}\n\nmain section.home.services div.scrolling-banner > div > div > div:not(:first-child) {\n    display: none;\n}\n\nmain section.home.services div.scrolling-banner > div > div > div {\n    font-size: clamp(48px, (calc(90 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(90px * var(--base_factor)));\n    line-height: 1.0667em;\n    white-space: normal;\n    padding: 0;\n    \/* Espacement inverse a la demande : les 90px (120 * 0.75) qui\n       etaient sous le titre passent au-dessus. Le titre de reference\n       (.projects div.header h2) a sa marge en bas parce qu une\n       illustration le suit ; ici ce sont les accordeons, qui portent\n       deja leur propre espacement. *\/\n    padding-top: min(calc(120px * var(--base_factor)), (calc(120 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n    \/* Au moins 24px sous le titre. La formule reprend l echelle du\n       spacer-x1 du theme (40 * 0.75 = 30px sur grand ecran) avec un\n       plancher a 24px pour les petits ecrans. *\/\n    padding-bottom: max(24px, min(calc(40px * var(--base_factor)), (calc(40 * var(--base_factor)) \/ var(--base_w)) * 100vw));\n}\n\n\/* Illustration de \u00ab La difference Exponentiel \u00bb (section Projets),\n   img-ill-accueil-projets.svg. Elle vit dans parts\/part-projects.php,\n   hors de portee de l API : masquee en CSS, elle reste dans le code.\n\n   Le JS de parallaxe (setIllustrationParallax, main.js:783) continue\n   de tourner sur l element masque : sa seule division porte sur\n   window_h, jamais sur la hauteur de l element. Aucun risque.\n\n   Cible .projects seulement : l illustration de la section Nouvelles\n   (img-ill-accueil-nouvelles.svg) partage la meme classe et n est PAS\n   concernee. *\/\nmain .projects div.illustration { display: none; }\n\n\/* Coins carres sur les cartes de \u00ab La difference Exponentiel \u00bb et de\n   \u00ab Nouvelles \u00bb. Le theme leur applique son rayon standard\n   (main.css:1063, variante mobile 4259). Seul border-radius est annule ;\n   overflow: hidden est conserve, il sert au recadrage des images et aux\n   effets de survol. Les archives \/nos-projets et \/nouvelles utilisent\n   d autres selecteurs et ne sont pas touchees. *\/\nmain .projects div.projects-list li,\nmain .news div.news-list figure {\n    border-radius: 0;\n}\n\n\/* Curseur de defilement des carrousels Projets et Nouvelles.\n   C est une image du theme (cursor-scroll-x.svg) en #FFF200 et #111105,\n   posee en background sur le pseudo-element :after des listes\n   (main.css:1569). Le jaune y est code dans le fichier : la variable\n   --color-yellow ne l atteint pas. Copie recoloree en #FAC03B televersee\n   en mediatheque. Seule background-image est surchargee : taille,\n   position et comportement de survol du theme sont conserves. *\/\nmain .projects div.projects-list:not(.single):after,\nmain .news div.news-list:not(.single):after {\n    background-image: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/cursor-scroll-x-jaune.svg');\n}\n\n\/* Illustration du menu (mains qui applaudissent,\n   img-ill-hands-clapping.svg). C est un pseudo-element :after de la\n   liste principale (main.css:187), pose en background. display:none\n   le retire sans toucher au fichier. *\/\nheader nav ul.main:after { display: none; }\n\n\/* Vert pale du theme unifie : --color-light-green (#A7D8B7) -> #93CCAD.\n   Tout ce qui porte .bckg-light-green ou utilise la variable suit,\n   sur toutes les pages. Triplet R,G,B, le theme ecrivant rgb(var(...)). *\/\n:root {\n    --color-light-green: 147, 204, 173;\n}\n\n\/* Lien \u00ab 10 ans \u00bb masque dans le menu principal. Cible par la fin de\n   l URL, FR et EN. L element reste dans le DOM, la page \/10-ans\/ reste\n   accessible par URL directe. *\/\nheader nav ul.main li:has(a[href$=\"\/10-ans\/\"]),\nheader nav ul.main li:has(a[href$=\"\/10-years\/\"]) {\n    display: none;\n}\n\n\/* Bloc \u00ab Nous ecrire \u00bb ajoute au footer par le script ci-dessous.\n   Meme placement de grille que Nous telephoner (main.css:3677). *\/\nfooter div.courriel { grid-column: 1 \/ span 6; }\nfooter div.courriel p a { transition: color 0.4s linear; }\nfooter div.courriel p a:hover { color: rgb(var(--color-yellow)); }\n\n\/* Fleche des boutons .bt au survol : le theme la charge depuis\n   ico-arrow-right-yellow.svg, ancien jaune code en dur (main.css:1038).\n   Seule background-image est surchargee : fond noir, position et taille\n   du theme conserves. *\/\n.bt:after { background-image: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/ico-arrow-right-jaune.svg'); }\n\n\/* Colonnes Naviguer et Langue du footer : ancrees a la rangee 1 pour\n   s aligner sur Nous ecrire. Sans ancrage, le placement automatique de\n   la grille les faisait demarrer apres le nouveau bloc courriel.\n   span 4 : quatre blocs a gauche desormais (courriel, telephone,\n   bureau, suivre). *\/\n@media screen and (min-width: 641px) {\n    footer div.nav,\n    footer div.lang { grid-row: 2 \/ span 4; }\n}\n\n\/* Cartes de \u00ab La difference Exponentiel \u00bb : titre et sous-titre.\n\n   1. Titres coupes a droite. Le theme les aligne a droite par\n      direction: rtl et un text-indent de 1.75em qui ne decale que la\n      PREMIERE ligne du bord (main.css:1729). Les suivantes touchent le\n      bord, sous le triangle jaune. Une marge a droite les degage toutes. *\/\nmain .projects div.projects-list h1 {\n    padding-right: 1.25em;\n}\n\n\/* 2. Sous-titre toujours en bas de carte. h1 et p sont tous deux dans\n      a.bt-next : le space-between du conteneur (main.css) n a qu un seul\n      enfant, le lien, et ne peut donc rien repartir. On fait du lien\n      lui-meme la colonne flexible : le titre reste en haut, le\n      sous-titre descend au bas de la carte quelle que soit la longueur\n      du titre. *\/\nmain .projects div.projects-list .bt-next {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    flex-grow: 1;\n}\n\n\/* Plus de defilement horizontal.\n   Le theme utilise width: 100vw et des marges negatives calculees sur\n   100vw pour ses elements pleine largeur (une vingtaine de regles).\n   Sur Windows, 100vw inclut la barre de defilement verticale (~17px) :\n   ces elements depassent d autant a droite et provoquent une barre\n   horizontale. Le theme prevoyait le correctif mais l a laisse en\n   commentaire (main.css:58).\n   IMPORTANT : sur body SEULEMENT, jamais sur html. Le theme met\n   overflow-y: scroll sur body et laisse html libre : c est la fenetre\n   qui defile. Si html recoit un overflow, body devient sa propre zone\n   de defilement, window.scrollY reste a 0 et le script du theme qui\n   revele les elements au defilement (titres d accordeon, boutons,\n   pied de page) ne se declenche plus jamais. Corrige le 2026-09-11. *\/\nbody {\n    overflow-x: hidden;\n}\n\n\/* Resume de categorie en tete de chaque accordeon de services\n   (li.resume-pilier, rendu par template-home.php depuis la cle 'resume'\n   de $piliers, 2026-09-14). Taille des paragraphes ordinaires du site\n   (heritee), largeur de lecture du theme (680px), texte vert fonce comme\n   le reste de la carte. *\/\nmain section.home.services .expandable-list ul li.resume-pilier { max-width: 680px; }\nmain section.home.services .expandable-list ul li.resume-pilier p {\n    color: #10423F;\n    font-weight: 400;\n    font-style: normal;\n    margin: 0;\n}\n\n\/* Description SEO de chaque service, sous son lien dans le panneau\n   (p.desc-service, rendue par template-home.php depuis\n   $descriptions_services, 2026-09-14). Texte courant vert fonce, largeur\n   de lecture 680px, petit espace sous le lien. *\/\nmain section.home.services .expandable-list ul li p.desc-service {\n    color: #10423F;\n    font-weight: 400;\n    font-style: normal;\n    max-width: 680px;\n    margin: 0.5em 0 0;\n}\n\n\/* Intro de l accueil (2026-09-14) : le theme met p.large en gras 700\n   (main.css:573). Le premier paragraphe passe en graisse normale pour\n   que seule la derniere phrase, en <strong>, ressorte en gras. *\/\nmain section.home.generic.bckg-light-orange p.large { font-weight: 400; }\nmain section.home.generic.bckg-light-orange p.large strong { font-weight: 700; }\n\n\/* Section \u00ab De l intention a l action \u00bb (2026-09-14) : titre au style\n   des titres statiques \u00ab Nos services \u00bb \/ \u00ab Nos valeurs \u00bb (jaune,\n   Georgia italique via la regle globale), meme espace dessous. *\/\nmain section.home.generic .h2.intention-action h2 {\n    color: rgb(var(--color-yellow));\n    padding-bottom: max(24px, min(calc(40px * var(--base_factor)), (calc(40 * var(--base_factor)) \/ var(--base_w)) * 100vw));\n}\n\n\/* Illustrations de \u00ab De l intention a l action \u00bb : meme hauteur pour les\n   trois, quel que soit le format du dessin (celui de Recit est en\n   portrait et occupait toute sa case de 3 colonnes). Largeur libre,\n   centree dans la case. *\/\nmain section.home.generic .intention-action ~ picture {\n    display: flex;\n    justify-content: center;\n}\nmain section.home.generic .intention-action ~ picture img {\n    \/* Meme taille pour les trois (2026-09-21) : SVG carres, largeur fixe\n       sous la largeur de la plus etroite des trois cases (2 colonnes) pour\n       qu'aucune ne soit reduite par sa case. *\/\n    width: clamp(120px, 10.3vw, 150px);\n    max-width: 100%;\n    height: auto;\n}\n\n\/* Photo de l intro en mobile : img-out-of-grid-right la faisait deborder\n   jusqu au bord droit de l ecran. Elle reste dans les marges de la page,\n   pleine largeur du contenu (2026-09-14). *\/\n@media screen and (max-width: 640px) {\n    main section.home.generic picture.intro-photo {\n        margin-right: 0;\n        \/* img-out-of-grid-right aplatit les coins droits (main.css:4306)\n           pour fondre l image dans le bord de l ecran ; elle reste ici\n           dans les marges : coins droits arrondis comme les gauches. *\/\n        border-top-right-radius: calc((20 \/ 414) * 100vw);\n        border-bottom-right-radius: calc((20 \/ 414) * 100vw);\n    }\n}\n\n\/* --- Demandes du 2026-09-15 --------------------------------------- *\/\n\n\/* Espace sous la section services divise par deux : le theme donne a\n   .projects un padding-top de 450*0.75 = 337px (main.css:1459), qui\n   s ajoute aux 87px sous le bouton. 450 -> 160 dans la meme formule. *\/\nmain section.home.generic .projects {\n    padding-top: min(calc(160px * var(--base_factor)), (calc(160 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n}\n\n\/* Illustration de la section Nouvelles : le \u00ab Journal \u00bb du theme\n   (img-ill-accueil-nouvelles.svg, parts\/part-news.php) remplace par\n   illustration_3_03 (mediatheque, ID 6725). content: url() sur\n   l <img> : le fichier du theme reste en place. *\/\nmain section.home.generic .news div.illustration img {\n    content: url(\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/ill-accueil-nouvelles-journal-vert.png\");\n}\n\n\/* Paragraphe de l'en-tete : la regle de l'accueil, heritee avec sa CSS, le\n   rapetissait a la taille des paragraphes courants (base 21). Sur l'accueil\n   c'est voulu, sa premiere phrase etant mise en avant a part ; ici non. La\n   regle est retiree le 2026-10-14 : le paragraphe reprend la taille du theme\n   (base 30, soit 22,5 px a 1920), comme A propos et les autres pages. *\/\n\n\/* Premiere phrase de l en-tete (<span class=\"intro-accroche\"> dans le\n   champ ACF) : taille d origine du paragraphe d en-tete (base 30). *\/\nmain section.header.home div.text h2 .intro-accroche {\n    font-size: clamp(16px, (calc(30 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(30px * var(--base_factor)));\n    line-height: 1.5em;\n}\n\n\/* Mobile : la photo d'equipe passe AVANT le bloc texte dans la 2e section\n   de l'accueil (2026-09-16). Les deux sont des cases de la meme grille :\n   order negatif suffit, l'ordre du HTML ne change pas. *\/\n@media screen and (max-width: 640px) {\n    main section.home.generic picture.intro-photo {\n        order: -1;\n        \/* Un peu d'air entre la photo et le texte qui la suit. *\/\n        margin-bottom: calc((30 \/ 414) * 100vw);\n    }\n}\n\n\/* Motif de triangles en haut a droite de l'en-tete de l'accueil\n   (2026-09-16). Le motif fait 3 triangles de large : la largeur totale\n   vaut 3 x var(--ico-w), la variable du theme qui donne sa taille au\n   triangle du menu (main.css:340). Le triangle en haut a droite du motif\n   a donc exactement la taille de celui du menu, et se place dessous.\n   SVG (net a toutes les tailles), jaune du site #FAC03B. *\/\nmain section.header.home::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: calc(var(--ico-w) * 3);\n    aspect-ratio: 1 \/ 1;\n    background: url(\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/motif-triangles-jaune-rose.svg\") right top \/ 100% auto no-repeat;\n    pointer-events: none;\n    \/* Au-dessus du fond de la section, mais sous le texte (z-index 2\n       ci-dessous) : le motif ne gene jamais la lecture. *\/\n    z-index: 1;\n}\nmain section.header.home > div { z-index: 2; }\n\n\/* Mobile (2026-09-16) : le motif complet, 3 x 3 triangles, chacun a la\n   taille exacte de celui du menu (var(--ico-w)), comme en desktop. Le\n   texte de l'en-tete demarre sous le motif : hauteur du motif\n   (3 x var(--ico-w)) + 20 d'air, moins les 120 que la section a deja en\n   haut en mobile (theme). Ce bloc a 0 en haut dans le theme : la valeur\n   est un simple ajout. *\/\n@media screen and (max-width: 640px) {\n    main section.header.home > div {\n        padding-top: calc(var(--ico-w) * 3 + (20 \/ 414) * 100vw - (120 \/ 414) * 100vw);\n    }\n}\n\n\/* Accueil : le triangle du menu (haut droit) en rose au lieu de jaune\n   (2026-09-21). C'est le ::before de header div.ico qui porte la couleur,\n   decoupe en triangle par le clip-path du parent. Le motif ci-dessus a la\n   meme case en rose (motif-triangles-jaune-rose.svg) pour qu'aucun lisere\n   jaune ne depasse sous le triangle du menu. Rose du site : --color-pink. *\/\nheader div.ico::before { background-color: rgb(var(--color-pink)); }\n\n\/* \u00ab De l'intention a l'action \u00bb (2026-09-21) : le theme donne la meme\n   taille a ce .h2 qu'au H1 du hero (75 px a la base, 56 px a l'ecran). Le\n   H1 garde sa taille ; ce titre de section descend a 64 px a la base\n   (48 px a l'ecran, 32 px minimum en mobile) pour que \u00ab Sortez du lot \u00bb\n   reste le plus gros. Meme forme de clamp() que le theme. *\/\nmain section.home.generic .h2.intention-action h2 {\n    font-size: clamp(32px, (calc(64 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(64px * var(--base_factor)));\n    \/* Sans unite : l'interligne suit la nouvelle taille au lieu d'heriter\n       de la valeur en px calculee pour l'ancienne. *\/\n    line-height: 1.0667;\n}\n\n\/* \u00ab L'impact Exponentiel \u00bb (titre de la section Projets) sur une seule\n   ligne (2026-09-21). Le <br> vient du gabarit parts\/part-projects.php ;\n   le nowrap garantit qu'aucune police de repli ne le recasse. *\/\nmain .projects div.header h2 { white-space: nowrap; }\n\n\/* Triangles de \u00ab De l'intention a l'action \u00bb (2026-09-21) : SVG carres,\n   meme hauteur que les anciennes illustrations. *\/\n\n\/* Titre principal de l'accueil (2026-09-21) : le theme donnait au H1 du\n   hero la taille des .h2 de section (75 a la base, 56 px a l'ecran). Il\n   passe a 90 a la base (67,5 px a l'ecran, 44 px minimum en mobile), la\n   taille des titres \u00ab Nos services \u00bb, \u00ab L'impact Exponentiel \u00bb et\n   \u00ab Nouvelles \u00bb : le H1 est le plus gros titre de la page, a egalite avec\n   les grands titres de section. Meme forme de clamp() que le theme. *\/\nmain section.header.home .h1,\nmain section.header.home h1 {\n    font-size: clamp(44px, (calc(90 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(90px * var(--base_factor)));\n}\n\n\/* =====================================================================\n   PAGE EUROPE \u2014 2e section : les deux villes, puis l'enumeration\n   2026-10-08\n   ===================================================================== *\/\n\n\/* Paris et Montreal cote a cote, en carre. Les deux fichiers n'ont pas le\n   meme format (1600x2400 et 1920x744) : le cadre impose le 1:1 et l'image\n   le remplit en se recadrant au centre (object-fit: cover), comme les\n   vignettes de projets. Coins arrondis par .border-radius-mask du theme. *\/\nmain picture.ville-europe { aspect-ratio: 1 \/ 1; }\nmain picture.ville-europe img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* Mobile : les deux images s'empilent, un peu d'air entre les deux. *\/\n@media screen and (max-width: 640px) {\n    main picture.ville-europe:first-of-type { margin-bottom: calc((20 \/ 414) * 100vw); }\n}\n\n\/* Rangee de logos clients : quatre colonnes de 3, fichiers carres affiches\n   a leur taille naturelle dans leur case. 2026-10-08. *\/\nmain picture.logo-client-europe img { width: 100%; height: auto; }\n@media screen and (max-width: 640px) {\n    main picture.logo-client-europe { margin-bottom: calc((20 \/ 414) * 100vw); }\n}\n\n\/* Section equipe de la page Europe : trois cartes sur une rangee.\n   On reprend ul.photo-gallery du theme (meme carte, meme survol, memes\n   coins arrondis) mais SANS la classe layout-equipe, qui decale les\n   premieres vignettes en quinconce. Le theme donne a cette liste le\n   padding lateral d'une section ; ici elle est deja dans la grille du\n   contenu, on l'annule pour qu'elle s'aligne sur le titre. 2026-10-08. *\/\nmain ul.photo-gallery.equipe-europe {\n    grid-column: 1 \/ -1;\n    padding-left: 0;\n    padding-right: 0;\n}\n\n\/* Page Europe : on ne garde, apres la section equipe et son CTA, que\n   l'infolettre et le pied de page. Les sections suivantes viennent du\n   gabarit de l'accueil (services, projets, nouvelles, #expolife, clients)\n   et seront remplacees par du contenu propre a la page ; elles sont\n   masquees, pas supprimees. 2026-10-08. *\/\nbody.page-id-7103 main > section.home.services,\nbody.page-id-7103 main > section.home.generic:not(.bckg-light-orange),\nbody.page-id-7103 main > section.generic:not(.home),\nbody.page-id-7103 main > section.home.clients { display: none; }\n\n\/* Puces de l'enumeration : triangles trois fois plus grands (le theme les\n   dessine avec le caractere \u00ab \u25ba \u00bb mis a l'echelle 0,52 x 0,88). Le retrait\n   du texte suit, pour qu'il ne vienne pas coller la puce. 2026-10-08. *\/\nbody.page-id-7103 main ul.unordered-list > li { padding-left: 3.2em; }\nbody.page-id-7103 main ul.unordered-list > li:before {\n    font-size: 3em;\n    \/* Centre le triangle sur la hauteur des majuscules : agrandi a 3em,\n       il remontait de 3 px au-dessus du milieu du texte (mesure sur les\n       pixels encres). Valeur en em : elle suit la taille de la puce. *\/\n    top: -0.016em;\n    transform-origin: left center;\n}\n\n\/* CTA de bas de page aussi large que la rangee des trois cartes d'equipe,\n   c'est-a-dire toute la grille (le theme le limite aux colonnes 3 a 10). *\/\nbody.page-id-7103 main .end-of-page-link { grid-column: 1 \/ -1 !important; }\n\n\/* Titre d'en-tete : il porte un saut de ligne voulu (\u00ab Deux march\u00e9s, \u00bb \/\n   \u00ab un alli\u00e9 strat\u00e9gique \u00bb). La regle globale le limite a 75 % de son bloc,\n   ce qui coupait la 2e ligne en deux. Ici, c'est le saut de ligne qui\n   decide. 2026-10-08. *\/\n@media screen and (min-width: 641px) {\n    body.page-id-7103 main section.header div.text h1 { max-width: 100%; }\n}\n\n\/* Un peu d'air entre le titre de l'enumeration et la premiere puce : le\n   theme colle la liste au titre (le .h2 n'a pas de marge basse ici).\n   2026-10-08. *\/\nbody.page-id-7103 main ul.unordered-list.col-indent {\n    margin-top: min(calc(40px * var(--base_factor)), (calc(40 * var(--base_factor)) \/ var(--base_w)) * 100vw);\n}\n\n\/* Les fichiers de logos portent 32 a 44 % de vide au-dessus du dessin :\n   l'ecart reel sous la phrase \u00ab Des organisations\u2026 \u00bb n'est que de 30 px mais\n   on en voit ~130. La rangee est remontee de 0,23 fois sa hauteur (~54 px a\n   1920) pour ramener l'ecart visuel a la moitie. En colonnes, donc\n   proportionnel a la largeur de l'ecran. 2026-10-08. *\/\n@media screen and (min-width: 641px) {\n    body.page-id-7103 main picture.logo-client-europe {\n        margin-top: calc((var(--col-w) * 3 + var(--gut-w) * 2) * -0.23);\n    }\n}\n\n\/* =====================================================================\n   PAGE EUROPE \u2014 MOBILE (2026-10-08)\n   ===================================================================== *\/\n@media screen and (max-width: 640px) {\n    \/* Les deux villes : le theme ajoute une marge haute a toute image qui\n       en suit une autre ; avec ma marge basse, l'ecart faisait le double de\n       la marge laterale. Une seule marge, egale aux marges du contenu. *\/\n    body.page-id-7103 main picture.ville-europe { margin-top: 0; }\n    body.page-id-7103 main picture.ville-europe:first-of-type {\n        margin-bottom: var(--grid-margin-mobile);\n    }\n\n    \/* Logos : meme marge haute automatique, qui decalait le 2e logo de 19 px\n       sous le 1er. Toutes les marges a zero \u2014 le vide contenu dans les\n       fichiers suffit largement a aerer les deux rangees. *\/\n    \/* Cartes d'equipe : une par rangee (le theme en met deux de front). *\/\n    body.page-id-7103 main ul.photo-gallery.equipe-europe li {\n        grid-column: 1 \/ -1;\n        \/* La hauteur du theme est calculee pour une carte demi-largeur :\n           pleine largeur, il faut deux fois plus de rangees pour rester\n           dans les memes proportions. *\/\n        grid-row-end: span 16;\n    }\n\n    \/* CTA sur toute la largeur du contenu : le theme le rentre de deux\n       colonnes en mobile (`section.generic > div > div.end-of-page-link`,\n       selecteur plus specifique que le mien, d'ou ce doublon ici). *\/\n    body.page-id-7103 main section.home.generic > div > div.end-of-page-link {\n        grid-column: 1 \/ -1 !important;\n    }\n\n    \/* CTA : moitie moins d'espace entre le titre, le texte et le bouton.\n       Le theme les separe avec row-gap: calc((40 \/ 414) * 100vw) = 38 px ;\n       on passe a 19. Le padding du bloc ne bouge pas. *\/\n    body.page-id-7103 main .end-of-page-link > div {\n        row-gap: calc((20 \/ 414) * 100vw);\n    }\n\n    \/* Air sous le titre de l'enumeration : la valeur desktop (30 px) est\n       exprimee en vw et retombait a 8 px sur un telephone. *\/\n    body.page-id-7103 main ul.unordered-list.col-indent {\n        margin-top: calc((24 \/ 414) * 100vw);\n    }\n\n    \/* Rangees de logos resserrees : chaque fichier porte 32 a 44 % de vide\n       en haut et en bas, ce qui creait de grands trous entre les deux\n       rangees. Meme compensation qu'en desktop, en haut ET en bas. *\/\n    body.page-id-7103 main picture.logo-client-europe {\n        margin-top: calc((var(--col-w-mobile) * 6 + var(--gut-w-mobile) * 5) * -0.28);\n        margin-bottom: calc((var(--col-w-mobile) * 6 + var(--gut-w-mobile) * 5) * -0.28);\n    }\n\n    \/* Sauts de ligne des titres : ils sont choisis pour le grand ecran et\n       ne tiennent pas dans 352 px (\u00ab Une \u00e9quipe qui vous accompagne \u00bb en\n       demande 534). On les neutralise : le texte revient a la ligne de\n       lui-meme, sans rapetisser la typographie. *\/\n    body.page-id-7103 main section.header div.text h1 br,\n    body.page-id-7103 main .h2 h2 br,\n    body.page-id-7103 main .end-of-page-link .title h2 br { display: none; }\n}\n\n\/* Cadrage des deux villes : fenetre remontee pour montrer davantage le haut\n   de l'image : 10 % (defaut du theme : 50 %, le centre). Seule Paris est\n   concernee \u2014 celle de Montreal est un bandeau large, deja pleine hauteur\n   dans le carre, donc rien a recadrer verticalement. *\/\nbody.page-id-7103 main picture.ville-europe img { object-position: center 10%; }\n\n\/* ---------------------------------------------------------------------\n   PAGE EUROPE \u2014 2026-10-15\n   --------------------------------------------------------------------- *\/\n\n\/* Le paragraphe d'introduction du bas reprend exactement la taille et la\n   graisse du paragraphe d'en-tete (base 30 du theme, 22,5 px a 1920). *\/\nbody.page-id-7103 main p.texte-intro {\n    font-size: clamp(16px, (calc(30 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(30px * var(--base_factor)));\n    line-height: 1.5em;\n    font-weight: 400;\n}\n\n\/* Bloc \u00ab Nous contacter \u00bb sous les trois photos d'equipe. Le sous-titre\n   reprend la forme de ceux du pied de page (petite capitale italique), mais\n   en vert fonce : le jaune du pied de page est illisible sur le fond creme\n   de la page. *\/\nbody.page-id-7103 main div.contact-europe h3 {\n    font-size: clamp(14px, (calc(21 * var(--base_factor)) \/ var(--base_w)) * 100vw, calc(21px * var(--base_factor)));\n    font-weight: 400;\n    font-style: italic;\n    line-height: 1.5em;\n    margin-bottom: 0.25em;\n}\nbody.page-id-7103 main div.contact-europe p { margin: 0; }\nbody.page-id-7103 main div.contact-europe a { text-decoration: none; }\nbody.page-id-7103 main div.contact-europe a:hover { text-decoration: underline; }\n","footnotes":""},"class_list":["post-7103","page","type-page","status-publish","hentry"],"acf":{"header_classes":["bckg-orange"],"header_title":"Two markets, <br>one strategic ally","header_text":"Between Qu\u00e9bec and France, Exponentiel supports organizations and their leaders in turning their ambitions into reality, combining coherence, rigour and&nbsp;impact."},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Europe - Exponentiel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.exponentiel.ca\/en\/france-canada\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Europe - Exponentiel\" \/>\n<meta property=\"og:description\" content=\"Between France and Canada, strategic expertise on both sides of the&nbsp;Atlantic Adapt your positioning to your new&nbsp;market Assert your positioning Build strategic connections Understand the codes and the players of your new&nbsp;environment Showcase your leaders, your offerings and your&nbsp;expertise The success of an expansion does not rest on the quality of your offering alone. It [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.exponentiel.ca\/en\/france-canada\/\" \/>\n<meta property=\"og:site_name\" content=\"Exponentiel\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T17:35:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/\",\"url\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/\",\"name\":\"Europe - Exponentiel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.exponentiel.ca\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Paris.webp\",\"datePublished\":\"2026-10-08T18:29:15+00:00\",\"dateModified\":\"2026-10-15T17:35:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.exponentiel.ca\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Paris.webp\",\"contentUrl\":\"https:\\\/\\\/www.exponentiel.ca\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Paris.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/france-canada\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/accueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Europe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/\",\"name\":\"Exponentiel\",\"description\":\"Sortez du lot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.exponentiel.ca\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Europe - Exponentiel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.exponentiel.ca\/en\/france-canada\/","og_locale":"en_US","og_type":"article","og_title":"Europe - Exponentiel","og_description":"Between France and Canada, strategic expertise on both sides of the&nbsp;Atlantic Adapt your positioning to your new&nbsp;market Assert your positioning Build strategic connections Understand the codes and the players of your new&nbsp;environment Showcase your leaders, your offerings and your&nbsp;expertise The success of an expansion does not rest on the quality of your offering alone. It [&hellip;]","og_url":"https:\/\/www.exponentiel.ca\/en\/france-canada\/","og_site_name":"Exponentiel","article_modified_time":"2026-10-15T17:35:27+00:00","og_image":[{"url":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/","url":"https:\/\/www.exponentiel.ca\/en\/france-canada\/","name":"Europe - Exponentiel","isPartOf":{"@id":"https:\/\/www.exponentiel.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/#primaryimage"},"image":{"@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/#primaryimage"},"thumbnailUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp","datePublished":"2026-10-08T18:29:15+00:00","dateModified":"2026-10-15T17:35:27+00:00","breadcrumb":{"@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.exponentiel.ca\/en\/france-canada\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/#primaryimage","url":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp","contentUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/10\/Paris.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.exponentiel.ca\/en\/france-canada\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.exponentiel.ca\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"Europe"}]},{"@type":"WebSite","@id":"https:\/\/www.exponentiel.ca\/en\/#website","url":"https:\/\/www.exponentiel.ca\/en\/","name":"Exponentiel","description":"Sortez du lot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.exponentiel.ca\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"}]}},"_links":{"self":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/7103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/comments?post=7103"}],"version-history":[{"count":2,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/7103\/revisions"}],"predecessor-version":[{"id":7105,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/7103\/revisions\/7105"}],"wp:attachment":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/media?parent=7103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}