{"id":26,"date":"2023-07-19T14:00:28","date_gmt":"2023-07-19T18:00:28","guid":{"rendered":"https:\/\/www.exponentiel.ca\/accueil\/"},"modified":"2026-09-03T16:05:24","modified_gmt":"2026-09-03T20:05:24","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.exponentiel.ca\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<style>\n\/* --- PIED DE PAGE : apparence unifiee du site ---------------------\n   Bloc identique sur toutes les pages. Voir\n   modifications\/COMMENT-ANNULER.md<\/p>\n<p>   Variables redefinies sur <\/p>\n<footer> et non sur :root : les proprietes\n   personnalisees CSS se transmettent aux descendants, donc seul le pied\n   de page est repeint. Le reste de chaque page garde ses couleurs. *\/\nfooter {\n    --color-yellow: 250, 192, 59;\n    --color-light-blue: 147, 204, 173;\n}<\/p>\n<p>footer div.img-bckg { display: none; }<\/p>\n<p>footer div.footer-main:before { background: #10423F; }\nfooter div.footer-main { color: #F9F6EF; }<\/p>\n<p>footer div.footer-legal:before { background: #F9F6EF; }<\/p>\n<p>footer div.footer-contact { color: #10423F; }<\/p>\n<p>\/* Logo jaune. PAS content:url() : le theme donne height:auto au logo du\n   footer (main.css:3561) et un element remplace par content perd son\n   rapport intrinseque, d'ou une hauteur nulle. visibility:hidden garde\n   la place de l'image, donc les dimensions du <a>. *\/\nfooter a.logo img { visibility: hidden; }<\/p>\n<p>footer 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}<\/p>\n<p>form.form-newsletter label span { color: #10423F; }\nform.form-newsletter button[type=\"submit\"] { color: rgb(var(--color-yellow)); }<\/p>\n<p>\/* Le theme donne padding: 2.5em 5em a la bande legale sans variante\n   mobile (main.css:3731) : ~80px contre ~20px pour le reste. *\/\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}<\/p>\n<p>\/* Logo de l'en-tete en vert #10423F, identique sur tout le site.\n   Le SVG du theme est en #FFF200 en dur : la variable --color-yellow ne\n   l'atteint pas, c'est un fichier. Copie recoloree, mediatheque ID 6045.\n   content:url() fonctionne ici : header nav a.logo img (main.css:319)\n   definit une largeur ET une hauteur explicites. *\/\nheader nav a.logo img { content: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2026\/09\/logo-exponentiel-vert.svg'); }<\/p>\n<p>\/* --- TYPOGRAPHIE : bely-display -> Georgia, tout le site ----------<\/p>\n<p>   bely-display vient d'Adobe Typekit (kit wmk5fwe) et sert a 13\n   endroits dans main.css. Tous sont repris ici.<\/p>\n<p>   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>.<\/p>\n<p>   Pas de prefixe \u00ab main \u00bb : deux des cibles, le slogan du menu et\n   footer div.footer-contact, sont hors de <main>.<\/p>\n<p>   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}<\/p>\n<p>\/* 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: 0.9;\n}<\/p>\n<p>\/* --- MENU : noirs remplaces par le vert fonce -------------------- *\/<\/p>\n<p>\/* Texte du menu principal (main.css:182). *\/\nheader nav ul.main { color: #10423F; }<\/p>\n<p>\/* 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}<\/p>\n<p>\/* 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; }<\/p>\n<p>\/* Triangle en coin du logo, en haut a droite. Ce n est pas une image\n   mais un triangle en bordures CSS (main.css:294), colore en\n   rgb(var(--color-yellow)). On ne surcharge que border-top-color, afin\n   de preserver la largeur responsive et l animation qui le double au\n   defilement. *\/\nheader nav a.logo:after { border-top-color: #10423F; }<\/p>\n<p>\/* Survol des elements PRINCIPAUX du menu : jaune -> #F9F6EF.<\/p>\n<p>   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.<\/p>\n<p>   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; }<\/p>\n<p>\/* Jaune du theme unifie sur tout le site, au niveau :root.<\/p>\n<p>   ATTENTION : le bloc du pied de page definit deja --color-yellow, mais\n   sur le selecteur footer. Les proprietes personnalisees ne se\n   transmettent qu aux DESCENDANTS : le menu, qui vit dans <\/p>\n<header>,\n   n en beneficiait donc pas et gardait le #FFF200 d origine.\n   D ou un menu de couleur differente selon les pages.<\/p>\n<p>   Format triplet R,G,B obligatoire, le theme ecrivant aussi\n   rgba(var(--color-yellow), ...). *\/\n:root {\n    --color-yellow: 250, 192, 59;\n}<\/p>\n<p>\/* Effet de survol sur les liens du pied de page.<\/p>\n<p>   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.<\/p>\n<p>   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.<\/p>\n<p>   Equivalent retenu : transition de couleur vers le jaune, avec la\n   meme duree de 0,4s que le menu.<\/p>\n<p>   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}<\/p>\n<p>footer div.footer-main li a:hover,\nfooter div.telephone p a:hover {\n    color: rgb(var(--color-yellow));\n}<\/p>\n<p>footer div.footer-legal a:hover {\n    color: #10423F;\n}\n<\/style>\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\"><\/div>\n<div class=\"spacer-x2 spacer-mobile-x0\"><\/div>\n<picture class=\"stretchable-img\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg\" alt=\"Communications agency Exponentiel's team\" class=\"border-radius-mask\"><\/picture>\n<div class=\"spacer-x2 spacer-mobile-x0\"><\/div>\n<div class=\"grid-column-end-span-9\">\n<p class=\"large\">Exponentiel is first and foremost a team that does things differently. Together, we are rethinking public relations, corporate communications and impact communications to break new boundaries. We believe that communication is a strategic lever for organizations, to go further, reach higher, achieve objectives and stand out from the&nbsp;crowd.<\/p>\n<p class=\"large\">In short, we don&#8217;t fit into a mold; we invent&nbsp;one.<\/p>\n<p><a href=\"https:\/\/www.exponentiel.ca\/en\/about-us\/\" data-name=\"Find out who we are\" class=\"bt\"><span> Find out who we are <\/span><\/a><\/p>\n<\/div>\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=\"--grid-row-start-mobile: 6;\">\n<div class=\"tag\" style=\"--img-text: url('https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2023\/11\/tag-your-empathetica-ally.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","protected":false},"excerpt":{"rendered":"<p>Exponentiel is first and foremost a team that does things differently. Together, we are rethinking public relations, corporate communications and impact communications to break new boundaries. We believe that communication is a strategic lever for organizations, to go further, reach higher, achieve objectives and stand out from the&nbsp;crowd. In short, we don&#8217;t fit into a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Exponentiel<\/title>\n<meta name=\"description\" content=\"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Exponentiel\" \/>\n<meta property=\"og:description\" content=\"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.exponentiel.ca\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Exponentiel\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T20:05:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.exponentiel.ca\/en\/\",\"url\":\"https:\/\/www.exponentiel.ca\/en\/\",\"name\":\"Home - Exponentiel\",\"isPartOf\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg\",\"datePublished\":\"2023-07-19T18:00:28+00:00\",\"dateModified\":\"2026-09-03T20:05:24+00:00\",\"description\":\"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.exponentiel.ca\/en\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#primaryimage\",\"url\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg\",\"contentUrl\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.exponentiel.ca\/en\/accueil\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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":"Home - Exponentiel","description":"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.","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\/","og_locale":"en_US","og_type":"article","og_title":"Home - Exponentiel","og_description":"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.","og_url":"https:\/\/www.exponentiel.ca\/en\/","og_site_name":"Exponentiel","article_modified_time":"2026-09-03T20:05:24+00:00","og_image":[{"url":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.exponentiel.ca\/en\/","url":"https:\/\/www.exponentiel.ca\/en\/","name":"Home - Exponentiel","isPartOf":{"@id":"https:\/\/www.exponentiel.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.exponentiel.ca\/en\/#primaryimage"},"image":{"@id":"https:\/\/www.exponentiel.ca\/en\/#primaryimage"},"thumbnailUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg","datePublished":"2023-07-19T18:00:28+00:00","dateModified":"2026-09-03T20:05:24+00:00","description":"Exponentiel rethinks public relations and communications to use them as a strategic lever to help businesses rise above.","breadcrumb":{"@id":"https:\/\/www.exponentiel.ca\/en\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.exponentiel.ca\/en\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.exponentiel.ca\/en\/#primaryimage","url":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg","contentUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/08\/Exponentiel_Portraits_19-06-25_022-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.exponentiel.ca\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.exponentiel.ca\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/26","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":23,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":6257,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/6257"}],"wp:attachment":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}