{"id":4523,"date":"2025-06-18T21:12:36","date_gmt":"2025-06-19T01:12:36","guid":{"rendered":"https:\/\/www.exponentiel.ca\/?page_id=4523"},"modified":"2026-09-11T16:50:12","modified_gmt":"2026-09-11T20:50:12","slug":"10-years","status":"publish","type":"page","link":"https:\/\/www.exponentiel.ca\/en\/10-years\/","title":{"rendered":"10 years"},"content":{"rendered":"<div class=\"spacer-x1\"><\/div>\n<picture class=\"img-fit-auto\"><source srcset=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/09\/EXP-015_10ans_banner-bilingue-site_10_ans_impact_Logo_Signature_EN.webp\" media=\"(max-width: 640px)\"><img decoding=\"async\" src=\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/09\/EXP-015_10ans_banner-bilingue-site_10_ans_impact_Logo_Signature_EN.webp\" alt=\"\"><\/picture>\n<div class=\"spacer-x1\"><\/div>\n<p>%news%<\/p>\n<div class=\"spacer-x3\"><\/div>\n<div class=\"spacer-x3\"><\/div>\n<p>%expolife-10-ans%<\/p>\n","protected":false},"excerpt":{"rendered":"<p>%news% %expolife-10-ans%<\/p>\n","protected":false},"author":1,"featured_media":4577,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-generic.php","meta":{"_acf_changed":false,"exponentiel_css":"\/* --- PIED DE PAGE : apparence unifiee du site ---------------------\n   Bloc identique sur toutes les pages. Voir\n   modifications\/COMMENT-ANNULER.md\n\n   Variables redefinies sur <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}\n\nfooter div.img-bckg { display: none; }\n\nfooter div.footer-main:before { background: #10423F; }\nfooter div.footer-main { color: #F9F6EF; }\n\nfooter div.footer-legal:before { background: #F9F6EF; }\n\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\/* 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; }\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\nform.form-newsletter label span { color: #10423F; }\nform.form-newsletter button[type=\"submit\"] { color: rgb(var(--color-yellow)); }\n\n\/* 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}\n\n\/* 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'); }\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\/* 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; }\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\/* Jaune du theme unifie sur tout le site, au niveau :root.\n\n   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 <header>,\n   n en beneficiait donc pas et gardait le #FFF200 d origine.\n   D ou un menu de couleur differente selon les pages.\n\n   Format triplet R,G,B obligatoire, le theme ecrivant aussi\n   rgba(var(--color-yellow), ...). *\/\n:root {\n    --color-yellow: 250, 192, 59;\n}\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\/* 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\/* 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}","footnotes":""},"class_list":["post-4523","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":{"header_classes":["bckg-pink"],"header_title":"Celebrate<br>with us","header_text":"10 years of Exponentiel impact! <br>10 years of doing things differently and reinventing the mould! These past 10 years have opened the door to a future driven by ambition and boldness."},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 years - Exponentiel<\/title>\n<meta name=\"description\" content=\"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.\" \/>\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\/10-years\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 years - Exponentiel\" \/>\n<meta property=\"og:description\" content=\"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.exponentiel.ca\/en\/10-years\/\" \/>\n<meta property=\"og:site_name\" content=\"Exponentiel\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-11T20:50:12+00:00\" \/>\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\/10-years\/\",\"url\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/\",\"name\":\"10 years - Exponentiel\",\"isPartOf\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg\",\"datePublished\":\"2025-06-19T01:12:36+00:00\",\"dateModified\":\"2026-09-11T20:50:12+00:00\",\"description\":\"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.exponentiel.ca\/en\/10-years\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage\",\"url\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg\",\"contentUrl\":\"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.exponentiel.ca\/en\/10-years\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.exponentiel.ca\/en\/accueil\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 years\"}]},{\"@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":"10 years - Exponentiel","description":"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.","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\/10-years\/","og_locale":"en_US","og_type":"article","og_title":"10 years - Exponentiel","og_description":"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.","og_url":"https:\/\/www.exponentiel.ca\/en\/10-years\/","og_site_name":"Exponentiel","article_modified_time":"2026-09-11T20:50:12+00:00","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\/10-years\/","url":"https:\/\/www.exponentiel.ca\/en\/10-years\/","name":"10 years - Exponentiel","isPartOf":{"@id":"https:\/\/www.exponentiel.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage"},"image":{"@id":"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage"},"thumbnailUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg","datePublished":"2025-06-19T01:12:36+00:00","dateModified":"2026-09-11T20:50:12+00:00","description":"Exponentiel makes corporate and leader projects shine with impactful communications and public relations that stand out from the crowd.","breadcrumb":{"@id":"https:\/\/www.exponentiel.ca\/en\/10-years\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.exponentiel.ca\/en\/10-years\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.exponentiel.ca\/en\/10-years\/#primaryimage","url":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg","contentUrl":"https:\/\/www.exponentiel.ca\/wp-content\/uploads\/2025\/06\/img-ill-10ans.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.exponentiel.ca\/en\/10-years\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.exponentiel.ca\/en\/accueil\/"},{"@type":"ListItem","position":2,"name":"10 years"}]},{"@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\/4523","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/comments?post=4523"}],"version-history":[{"count":32,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/4523\/revisions"}],"predecessor-version":[{"id":6684,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/pages\/4523\/revisions\/6684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/media\/4577"}],"wp:attachment":[{"href":"https:\/\/www.exponentiel.ca\/en\/wp-json\/wp\/v2\/media?parent=4523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}