PageSourceSearch

https://societederecherchesurlecancer.ca/histoire/

html societederecherchesurlecancer.ca collected 2026-10-02 07:44:00 UTC 116,699 bytes, 1,229 lines download raw bytes

1<!doctype html>
2<html id="html" lang="fr-CA">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <link rel="icon" type="image/x-icon" href="/favicon.ico">
7        
8        
8<script src="https://societederecherchesurlecancer.ca/wp/wp-admin/admin-ajax.php?action=pll_xdata_check&#038;redirect=https%3A%2F%2Fsocietederecherchesurlecancer.ca%2Fhistoire%2F&#038;nonce=5c3cd568d6" async></script>
8<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
9<link rel="alternate" href="https://societederecherchesurlecancer.ca/histoire/" hreflang="fr" />
10<link rel="alternate" href="https://cancerresearchsociety.ca/our-history/" hreflang="en" />
11
12	<!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
13	<title>Notre histoire - Société de recherche sur le cancer</title>
14	<meta name="description" content="Découvrez l&#039;histoire de la Société de recherche sur le cancer. Depuis 1945, nous sommes dédiés à 100 % au financement de la recherche sur le cancer." />
15	<link rel="canonical" href="https://societederecherchesurlecancer.ca/histoire/" />
16	<meta property="og:locale" content="fr_CA" />
17	<meta property="og:locale:alternate" content="en_US" />
18	<meta property="og:type" content="article" />
19	<meta property="og:title" content="Notre histoire - Société de recherche sur le cancer" />
20	<meta property="og:description" content="Découvrez l&#039;histoire de la Société de recherche sur le cancer. Depuis 1945, nous sommes dédiés à 100 % au financement de la recherche sur le cancer." />
21	<meta property="og:url" content="https://societederecherchesurlecancer.ca/histoire/" />
22	<meta property="og:site_name" content="Société de recherche sur le cancer" />
23	<meta property="article:publisher" content="https://www.facebook.com/recherchecancer" />
24	<meta property="article:modified_time" content="2026-07-08T12:41:39+00:00" />
25	<meta property="og:image" content="https://societederecherchesurlecancer.ca/content/uploads/2023/11/src_logo_fr.png" />
26	<meta property="og:image:width" content="1537" />
27	<meta property="og:image:height" content="319" />
28	<meta property="og:image:type" content="image/png" />
29	<meta name="twitter:card" content="summary_large_image" />
30	<meta name="twitter:site" content="@SRC_CRS" />
31	
31<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/societederecherchesurlecancer.ca\/histoire\/","url":"https:\/\/societederecherchesurlecancer.ca\/histoire\/","name":"Notre histoire - Société de recherche sur le cancer","isPartOf":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#website"},"datePublished":"2024-03-05T19:10:19+00:00","dateModified":"2026-07-08T12:41:39+00:00","description":"Découvrez l'histoire de la Société de recherche sur le cancer. Depuis 1945, nous sommes dédiés à 100 % au financement de la recherche sur le cancer.","breadcrumb":{"@id":"https:\/\/societederecherchesurlecancer.ca\/histoire\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/societederecherchesurlecancer.ca\/histoire\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/societederecherchesurlecancer.ca\/histoire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/societederecherchesurlecancer.ca\/"},{"@type":"ListItem","position":2,"name":"Notre histoire"}]},{"@type":"WebSite","@id":"https:\/\/societederecherchesurlecancer.ca\/#website","url":"https:\/\/societederecherchesurlecancer.ca\/","name":"Société de recherche sur le cancer","description":"","publisher":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/societederecherchesurlecancer.ca\/search\/{search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA","alternateName":"SRC"},{"@type":"Organization","@id":"https:\/\/societederecherchesurlecancer.ca\/#organization","name":"Société de recherche sur le cancer","url":"https:\/\/societederecherchesurlecancer.ca\/","logo":{"@type":"ImageObject","inLanguage":"fr-CA","@id":"https:\/\/societederecherchesurlecancer.ca\/#\/schema\/logo\/image\/","url":"\/content\/uploads\/2023\/11\/src_logo_fr.png","contentUrl":"\/content\/uploads\/2023\/11\/src_logo_fr.png","caption":"Société de recherche sur le cancer"},"image":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/recherchecancer","https:\/\/x.com\/SRC_CRS","https:\/\/www.instagram.com\/recherchecancer\/","http:\/\/linkedin.com\/company\/cancer-research-society-soci-t-de-recherche-sur-le-cancer","https:\/\/www.youtube.com\/user\/CRScommunications\/featured","https:\/\/www.tiktok.com\/@recherchecancer"],"alternateName":"SRC","description":"La Société de recherche sur le cancer est un organisme de bienfaisance montréalais qui finance et soutient la recherche sur le cancer afin d'accélérer les découvertes scientifiques, améliorer les traitements et contribuer à sauver des vies."}]}</script>
31
32	<!-- / Yoast SEO plugin. -->
33
34
35<link rel='dns-prefetch' href='//wordpress.livechat.com' />
36<style id="wp-img-auto-sizes-contain-inline-css">
37img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
38/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
39</style>
40
41<link rel="stylesheet" href="/dist/css/app.dde1c1.css">
42        <!-- Google Tag Manager -->
43        
43<script>
vendor: 332 bytes, lines 43-44
43(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
44        })(window,document,'script','dataLayer','
44GTM-MSJF65
vendor: 3 bytes, line 44
44');
44</script>
44
45        <!-- End Google Tag Manager -->
46
47                
48    </head>
49    <body class="wp-singular page page-id-1042 wp-embed-responsive wp-theme-radicle histoire">
50        
51        <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 51-52
51
52        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
52GTM-MSJF65
vendor: 91 bytes, lines 52-53
52" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
53        
53<!-- End Google Tag Manager (noscript) -->
54
55        
56        <div id="app">
57            <a class="sr-only focus:not-sr-only" href="#main">
58                Aller au contenu
59            </a>
60
61            <header id="header">
62    <section id="header-desktop" class="hidden bg-white xl:grid xl:fixed xl:top-0 xl:left-0 xl:w-[100%] xl:z-[99999] xl:grid-cols-[min-content,1fr] 2xl:grid-cols-[1fr,2fr]">
63    
64    <div class="flex items-center pl-[20%] pr-[3.5rem]">
65        <a href="https://societederecherchesurlecancer.ca/" class="block max-w-[100%] w-[26.4rem] h-[7.6rem]">
66                                        <img src="/content/uploads/2023/11/src_logo_fr.png" alt="" class="w-[100%] h-[100%] object-contain">
67                    </a>
68    </div>
69
70    <div class="border-solid border-l-[1px] border-gray3">
71        <div class="border-solid border-b-[1px] border-gray3 flex items-center gap-[2.9rem] justify-end px-[2.5rem] sm:px-[7.5rem] xl:px-[6.9%]">
72            
73            <div class="flex flex-wrap items-center gap-x-[4.8rem] md:gap-x-[2.2rem]">
74            <a href="tel:18663432262" target="_blank" class="flex items-center gap-[0.8rem] group py-[1.5rem]">
75            <svg class="w-[2.9rem] md:w-[2.1rem]" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
76                <path class="my-transition fill-red group-hover:fill-darkRed" fill-rule="evenodd" clip-rule="evenodd" d="M5.7925 9.44125C7.0525 11.9175 9.0825 13.9388 11.5588 15.2075L13.4837 13.2825C13.72 13.0463 14.07 12.9675 14.3763 13.0725C15.3562 13.3962 16.415 13.5712 17.5 13.5712C17.9812 13.5712 18.375 13.965 18.375 14.4462V17.5C18.375 17.9812 17.9812 18.375 17.5 18.375C9.28375 18.375 2.625 11.7163 2.625 3.5C2.625 3.01875 3.01875 2.625 3.5 2.625H6.5625C7.04375 2.625 7.4375 3.01875 7.4375 3.5C7.4375 4.59375 7.6125 5.64375 7.93625 6.62375C8.0325 6.93 7.9625 7.27125 7.7175 7.51625L5.7925 9.44125Z" fill="#E12827"/>
77            </svg>
78            <div class="header-small-text my-transition text-red group-hover:text-darkRed">
79                1 866-343-2262
80            </div>
81        </a>
82    
83    <a href="mailto:[email protected]" target="_blank" class="flex items-center gap-[1.2rem] md:gap-[0.8rem] group py-[1.5rem]">
84        <svg class="w-[2.8rem] md:w-[2.1rem]" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
85            <path class="my-transition fill-red group-hover:fill-darkRed" fill-rule="evenodd" clip-rule="evenodd" d="M16.6663 2.5H3.33301C1.95639 2.5 0.841341 3.62279 0.841341 5L0.833008 14.9993C0.833008 16.3769 1.9561 17.5 3.33301 17.5H16.6663C18.0432 17.5 19.1663 16.3769 19.1663 15V5C19.1663 3.6231 18.0432 2.5 16.6663 2.5ZM4.56973 7.50012C4.17552 7.2626 4.0485 6.75048 4.28602 6.35627C4.52354 5.96206 5.03566 5.83504 5.42987 6.07256L9.97525 8.81127L14.7179 5.9537C15.1127 5.7158 15.6257 5.84302 15.8636 6.23787C16.101 6.63181 15.9749 7.14354 15.5817 7.38217L10.008 10.765L10.0028 10.7737L4.56973 7.50012Z" fill="#E12827"/>
86        </svg>
87        <div class="header-small-text my-transition text-red group-hover:text-darkRed underline">
88            [email protected]
89        </div>
90    </a>
91</div>
92
93            <ul class="">
94                                    <li class="">
95                        <a href="https://societederecherchesurlecancer.ca/nous-joindre/" class="block header-small-text my-transition py-[2rem] text-charcoal hover:text-red">
96                            Nous joindre
97                        </a>
98                    </li>
99                            </ul>
100
101            <form role="search" method="get" class="search-form my-search-form relative flex border-solid border-[1px] border-gray3 rounded-[2.9rem] overflow-hidden" action="https://societederecherchesurlecancer.ca/">
102    <label>
103        <span class="sr-only">
104            Recherche pour:
105        </span>
106
107        <input
108            type="search"
109            placeholder="Rechercher&hellip;"
110            value=""
111            name="s"
112            class="w-[17.9rem] header-small-text text-gray1 bg-[transparent] py-[0.6rem] pl-[0.9rem] pr-[4rem] focus:outline-none "
113        >
114    </label>
115
116    <button></button>
117
118</form>
119            
120                            <ul class="">
121                                                                                                                    <li class="">
122                                <a href="https://cancerresearchsociety.ca/our-history/" class="not-external block header-small-text my-transition py-[2rem] text-charcoal hover:text-red capitalize">
123                                    en
124                                </a>
125                            </li> 
126                                                            </ul>
127            
128        </div>
129
130        <div class="pr-[2.5rem] xl:pr-[3.5rem] xl:pr-[6.9%] grid grid-cols-[1fr,max-content] items-center">
131            <ul class="flex items-center px-[2.5rem] sm:px-[7.5rem] xl:px-[2.9rem] mx-auto">
132                                    <li class="relative  dropdown-container-menu ">
133                        <header>
134                                                            <div class="cursor-pointer header-main-link text-charcoal hover:text-red my-transition grid grid-cols-[1fr,0.8rem] items-center gap-[0.9rem] py-[2.7rem] px-[0.5rem] xl:px-[1.4rem] text-center w-[max-content]">
135                                    <span>À propos</span>
136                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
137                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
138                                    </svg>
139                                </div>
140                                                    </header>
141                                                    <article class="z-[999999999] absolute top-[100%] left-[50%] translate-x-[-50%] shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] rounded-[1.2rem] bg-white">
142                                <ul class="article-content">
143                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
144                                            <a href="https://societederecherchesurlecancer.ca/notre-mission/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
145                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Mission</span>
146                                                <svg class="w-[4.2rem]" viewB
146ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
147                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
148                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
149                                                </svg>
150                                            </a>
151                                        </li>
152                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
153                                            <a href="https://societederecherchesurlecancer.ca/histoire/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
154                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Histoire</span>
155                                                <svg class="w-[4.2rem]" viewB
155ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
156                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
157                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
158                                                </svg>
159                                            </a>
160                                        </li>
161                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
162                                            <a href="https://societederecherchesurlecancer.ca/notre-equipe/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
163                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Équipe</span>
164                                                <svg class="w-[4.2rem]" viewB
164ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
165                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
166                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
167                                                </svg>
168                                            </a>
169                                        </li>
170                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
171                                            <a href="https://societederecherchesurlecancer.ca/temoignages/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
172                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Témoignages</span>
173                                                <svg class="w-[4.2rem]" viewB
173ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
174                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
175                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
176                                                </svg>
177                                            </a>
178                                        </li>
179                                                                    </ul>
180                            </article>
181                                            </li>
182                                    <li class="relative  dropdown-container-menu ">
183                        <header>
184                                                            <div class="cursor-pointer header-main-link text-charcoal hover:text-red my-transition grid grid-cols-[1fr,0.8rem] items-center gap-[0.9rem] py-[2.7rem] px-[0.5rem] xl:px-[1.4rem] text-center w-[max-content]">
185                                    <span>Recherche</span>
186                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
187                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
188                                    </svg>
189                                </div>
190                                                    </header>
191                                                    <article class="z-[999999999] absolute top-[100%] left-[50%] translate-x-[-50%] shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] rounded-[1.2rem] bg-white">
192                                <ul class="article-content">
193                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
194                                            <a href="https://societederecherchesurlecancer.ca/notre-impact/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
195                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Notre impact</span>
196                                                <svg class="w-[4.2rem]" viewB
196ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
197                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
198                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
199                                                </svg>
200                                            </a>
201                                        </li>
202                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
203                                            <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
204                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Programmes de subventions</span>
205                                                <svg class="w-[4.2rem]" viewB
205ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
206                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
207                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
208                                                </svg>
209                                            </a>
210                                        </li>
211                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
212                                            <a href="https://societederecherchesurlecancer.ca/projets/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
213                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Projets de recherche</span>
214                                                <svg class="w-[4.2rem]" viewB
214ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
215                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
216                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
217                                                </svg>
218                                            </a>
219                                        </li>
220                                                                    </ul>
221                            </article>
222                                            </li>
223                                    <li class="relative  dropdown-container-menu ">
224                        <header>
225                                                            <div class="cursor-pointer header-main-link text-charcoal hover:text-red my-transition grid grid-cols-[1fr,0.8rem] items-center gap-[0.9rem] py-[2.7rem] px-[0.5rem] xl:px-[1.4rem] text-center w-[max-content]">
226                                    <span>Événements</span>
227                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
228                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
229                                    </svg>
230                                </div>
231                                                    </header>
232                                                    <article class="z-[999999999] absolute top-[100%] left-[50%] translate-x-[-50%] shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] rounded-[1.2rem] bg-white">
233                                <ul class="article-content">
234                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
235                                            <a href="https://societederecherchesurlecancer.ca/challenge-contre-le-cancer/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
236                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Challenge contre le cancer</span>
237                                                <svg class="w-[4.2rem]" viewB
237ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
238                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
239                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
240                                                </svg>
241                                            </a>
242                                        </li>
243                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
244                                            <a href="https://societederecherchesurlecancer.ca/evenements/challenge-rose-2026/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
245                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Le Challenge rose</span>
246                                                <svg class="w-[4.2rem]" viewB
246ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
247                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
248                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
249                                                </svg>
250                                            </a>
251                                        </li>
252                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
253                                            <a href="https://societederecherchesurlecancer.ca/evenements/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
254                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Tous nos événements</span>
255                                                <svg class="w-[4.2rem]" viewB
255ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
256                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
257                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
258                                                </svg>
259                                            </a>
260                                        </li>
261                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
262                                            <a href="https://societederecherchesurlecancer.ca/organiser-son-activite/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
263                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Organiser son activité</span>
264                                                <svg class="w-[4.2rem]" viewB
264ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
265                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
266                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
267                                                </svg>
268                                            </a>
269                                        </li>
270                                                                    </ul>
271                            </article>
272                                            </li>
273                                    <li class="relative  dropdown-container-menu ">
274                        <header>
275                                                            <div class="cursor-pointer header-main-link text-charcoal hover:text-red my-transition grid grid-cols-[1fr,0.8rem] items-center gap-[0.9rem] py-[2.7rem] px-[0.5rem] xl:px-[1.4rem] text-center w-[max-content]">
276                                    <span>Comment donner</span>
277                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
278                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
279                                    </svg>
280                                </div>
281                                                    </header>
282                                                    <article class="z-[999999999] absolute top-[100%] left-[50%] translate-x-[-50%] shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] rounded-[1.2rem] bg-white">
283                                <ul class="article-content">
284                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
285                                            <a href="https://societederecherchesurlecancer.ca/comment-donner/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
286                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Faire un don</span>
287                                                <svg class="w-[4.2rem]" viewB
287ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
288                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
289                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
290                                                </svg>
291                                            </a>
292                                        </li>
293                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
294                                            <a href="https://societederecherchesurlecancer.ca/don-d-actions/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
295                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Don d’actions et de titres</span>
296                                                <svg class="w-[4.2rem]" viewB
296ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
297                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
298                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
299                                                </svg>
300                                            </a>
301                                        </li>
302                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
303                                            <a href="https://societederecherchesurlecancer.ca/don-planifie/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
304                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Don planifié</span>
305                                                <svg class="w-[4.2rem]" viewB
305ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
306                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
307                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
308                                                </svg>
309                                            </a>
310                                        </li>
311                                                                    </ul>
312                            </article>
313                                            </li>
314                                    <li class="relative  dropdown-container-menu ">
315                        <header>
316                                                            <div class="cursor-pointer header-main-link text-charcoal hover:text-red my-transition grid grid-cols-[1fr,0.8rem] items-center gap-[0.9rem] py-[2.7rem] px-[0.5rem] xl:px-[1.4rem] text-center w-[max-content]">
317                                    <span>Publications</span>
318                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
319                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
320                                    </svg>
321                                </div>
322                                                    </header>
323                                                    <article class="z-[999999999] absolute top-[100%] left-[50%] translate-x-[-50%] shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] rounded-[1.2rem] bg-white">
324                                <ul class="article-content">
325                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
326                                            <a href="https://societederecherchesurlecancer.ca/notre-actualite/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
327                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Actualité</span>
328                                                <svg class="w-[4.2rem]" viewB
328ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
329                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
330                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
331                                                </svg>
332                                            </a>
333                                        </li>
334                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
335                                            <a href="https://societederecherchesurlecancer.ca/publications-et-politique/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
336                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Rapports d&#039;impact</span>
337                                                <svg class="w-[4.2rem]" viewB
337ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
338                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
339                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
340                                                </svg>
341                                            </a>
342                                        </li>
343                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
344                                            <a href="https://societederecherchesurlecancer.ca/fr/publications-et-politique/#publications" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
345                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">États financiers</span>
346                                                <svg class="w-[4.2rem]" viewB
346ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
347                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
348                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
349                                                </svg>
350                                            </a>
351                                        </li>
352                                                                            <li class="relative before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-1.7rem-1.7rem)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
353                                            <a href="https://societederecherchesurlecancer.ca/notre-mission/#planification-strategique" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[2rem] px-[2.6rem] w-[40rem]">
354                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Planification Stratégique</span>
355                                                <svg class="w-[4.2rem]" viewB
355ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
356                                                    <circle class="my-transition fill-white stroke-gray1 group-hover:stroke-red group-hover:fill-red" cx="21" cy="21" r="20.5" stroke="#909193"/>
357                                                    <path class="my-transition fill-gray1 group-hover:fill-white" d="M28.7071 21.7071C29.0976 21.3166 29.0976 20.6834 28.7071 20.2929L22.3431 13.9289C21.9526 13.5384 21.3195 13.5384 20.9289 13.9289C20.5384 14.3195 20.5384 14.9526 20.9289 15.3431L26.5858 21L20.9289 26.6569C20.5384 27.0474 20.5384 27.6805 20.9289 28.0711C21.3195 28.4616 21.9526 28.4616 22.3431 28.0711L28.7071 21.7071ZM11 22H28V20H11V22Z" fill="#909193"/>
358                                                </svg>
359                                            </a>
360                                        </li>
361                                                                    </ul>
362                            </article>
363                                            </li>
364                            </ul>
365            <ul class="">
366                                    <li class="">
367                        <a href="https://cancer.src-crs.ca/site/Donation2?mfc_pref=T&amp;df_id=5241&amp;5241.donation=form1&amp;s_locale=fr_CA" target="" class="btn4  ">
368
369            <span class="">Faire un don</span>
370        <div class="btn4-external">
371            <svg class="w-[1.6rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0.75 2.2 12.54 12.55">
372                <rect x="1.25391" y="3.70508" width="10.5455" height="10.5455" stroke="#E12827"></rect>
373                <path d="M5.27059 10.9755L5.62103 11.3322L5.97767 10.9817L10.6215 6.41865L10.5987 9.01324C10.5935 9.60818 11.0716 10.0947 11.6665 10.0999C12.2615 10.1051 12.748 9.62707 12.7532 9.03214L12.7988 3.83688C12.804 3.24194 12.3259 2.75542 11.731 2.7502L6.53573 2.70463C5.94079 2.69942 5.45427 3.17748 5.44905 3.77242L5.94056 3.77673L5.44905 3.77242C5.44383 4.36736 5.9219 4.85388 6.51683 4.8591L6.52107 4.37636L6.51683 4.8591L9.11142 4.88185L4.46759 9.44493L4.11095 9.79537L4.46139 10.152L5.27059 10.9755Z" fill="#E12827" stroke="#F3EDE3"></path>
374            </svg>
375        </div>
376    
377</a>                    </li>
378                            </ul>
379        </div>
380
381    </div>
382    
383</section>    <section id="header-mobile" class="block xl:hidden fixed top-0 left-0 w-[100%] z-[999999]">
384
385    <div class="relative z-[999] flex items-center justify-between gap-[3.5rem] w-[100%] h-[9.2rem] bg-white">
386
387        <div class="flex items-center pl-[3rem] pr-[1.5rem] md:pl-[6.5%]">
388            <a href="https://societederecherchesurlecancer.ca/" class="block">
389                                                    <img src="/content/uploads/2023/11/src_logo_fr.png" alt="" class="w-[21.3rem] h-[6.1rem] object-contain object-left">
390                            </a>
391        </div>
392
393        <div class="flex items-center mr-[3rem] md:mr-[6.5%]">
394            
395                            <ul class="">
396                                                                                                                    <li class="">
397                                <a href="https://cancerresearchsociety.ca/our-history/" class=".not-external block header-small-text text-[1.2rem] my-transition py-[1.5rem] px-[2.1rem] text-charcoal hover:text-red capitalize">
398                                    en
399                                </a>
400                            </li> 
401                                                            </ul>
402             
403
404            <div id="burger-menu">
405                <div id="burger-menu-icon" class="burger-menu-icon">
406                    <div class="icon-line"></div>
407                    <div class="icon-line"></div>
408                    <div class="icon-line"></div>
409                </div>
410            </div> 
411
412        </div>
413
414
415    </div>
416
417    <nav id="burger-menu-open">
418        
419
420        <section class="bmo-section before:delay-[0.2s]">
421            <ul class="">
422                                    <li class="relative  dropdown-container  before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-3rem-3rem)] md:before:w-[calc(100%-6.5%-6.5%)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
423                        <header>
424                                                            <div class="my-menu-link cursor-pointer header-main-link text-charcoal hover:text-red my-transition flex items-center justify-between gap-[3.5rem] py-[2.8rem] px-[3rem] md:px-[6.5%]">
425                                    <span>À propos</span>
426                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
427                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
428                                    </svg>
429                                </div>
430                                                    </header>
431                                                    <article class="">
432                                <ul class="article-content pb-[2.8rem]">
433                                                                            <li class="relative">
434                                            <a href="https://societederecherchesurlecancer.ca/notre-mission/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
435                                                <span>Mission</span>
436                                            </a>
437                                        </li>
438                                                                            <li class="relative">
439                                            <a href="https://societederecherchesurlecancer.ca/histoire/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
440                                                <span>Histoire</span>
441                                            </a>
442                                        </li>
443                                                                            <li class="relative">
444                                            <a href="https://societederecherchesurlecancer.ca/notre-equipe/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
445                                                <span>Équipe</span>
446                                            </a>
447                                        </li>
448                                                                            <li class="relative">
449                                            <a href="https://societederecherchesurlecancer.ca/temoignages/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
450                                                <span>Témoignages</span>
451                                            </a>
452                                        </li>
453                                                                    </ul>
454                            </article>
455                                            </li>
456                                    <li class="relative  dropdown-container  before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-3rem-3rem)] md:before:w-[calc(100%-6.5%-6.5%)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
457                        <header>
458                                                            <div class="my-menu-link cursor-pointer header-main-link text-charcoal hover:text-red my-transition flex items-center justify-between gap-[3.5rem] py-[2.8rem] px-[3rem] md:px-[6.5%]">
459                                    <span>Recherche</span>
460                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
461                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
462                                    </svg>
463                                </div>
464                                                    </header>
465                                                    <article class="">
466                                <ul class="article-content pb-[2.8rem]">
467                                                                            <li class="relative">
468                                            <a href="https://societederecherchesurlecancer.ca/notre-impact/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
469                                                <span>Notre impact</span>
470                                            </a>
471                                        </li>
472                                                                            <li class="relative">
473                                            <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
474                                                <span>Programmes de subventions</span>
475                                            </a>
476                                        </li>
477                                                                            <li class="relative">
478                                            <a href="https://societederecherchesurlecancer.ca/projets/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
479                                                <span>Projets de recherche</span>
480                                            </a>
481                                        </li>
482                                                                    </ul>
483                            </article>
484                                            </li>
485                                    <li class="relative  dropdown-container  before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-3rem-3rem)] md:before:w-[calc(100%-6.5%-6.5%)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
486                        <header>
487                                                            <div class="my-menu-link cursor-pointer header-main-link text-charcoal hover:text-red my-transition flex items-center justify-between gap-[3.5rem] py-[2.8rem] px-[3rem] md:px-[6.5%]">
488                                    <span>Événements</span>
489                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
490                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
491                                    </svg>
492                                </div>
493                                                    </header>
494                                                    <article class="">
495                                <ul class="article-content pb-[2.8rem]">
496                                                                            <li class="relative">
497                                            <a href="https://societederecherchesurlecancer.ca/challenge-contre-le-cancer/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
498                                                <span>Challenge contre le cancer</span>
499                                            </a>
500                                        </li>
501                                                                            <li class="relative">
502                                            <a href="https://societederecherchesurlecancer.ca/evenements/challenge-rose-2026/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
503                                                <span>Le Challenge rose</span>
504                                            </a>
505                                        </li>
506                                                                            <li class="relative">
507                                            <a href="https://societederecherchesurlecancer.ca/evenements/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
508                                                <span>Tous nos événements</span>
509                                            </a>
510                                        </li>
511                                                                            <li class="relative">
512                                            <a href="https://societederecherchesurlecancer.ca/organiser-son-activite/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
513                                                <span>Organiser son activité</span>
514                                            </a>
515                                        </li>
516                                                                    </ul>
517                            </article>
518                                            </li>
519                                    <li class="relative  dropdown-container  before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-3rem-3rem)] md:before:w-[calc(100%-6.5%-6.5%)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
520                        <header>
521                                                            <div class="my-menu-link cursor-pointer header-main-link text-charcoal hover:text-red my-transition flex items-center justify-between gap-[3.5rem] py-[2.8rem] px-[3rem] md:px-[6.5%]">
522                                    <span>Comment donner</span>
523                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
524                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
525                                    </svg>
526                                </div>
527                                                    </header>
528                                                    <article class="">
529                                <ul class="article-content pb-[2.8rem]">
530                                                                            <li class="relative">
531                                            <a href="https://societederecherchesurlecancer.ca/comment-donner/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
532                                                <span>Faire un don</span>
533                                            </a>
534                                        </li>
535                                                                            <li class="relative">
536                                            <a href="https://societederecherchesurlecancer.ca/don-d-actions/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
537                                                <span>Don d’actions et de titres</span>
538                                            </a>
539                                        </li>
540                                                                            <li class="relative">
541                                            <a href="https://societederecherchesurlecancer.ca/don-planifie/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
542                                                <span>Don planifié</span>
543                                            </a>
544                                        </li>
545                                                                    </ul>
546                            </article>
547                                            </li>
548                                    <li class="relative  dropdown-container  before:absolute before:content-[''] last:before:content-none before:w-[calc(100%-3rem-3rem)] md:before:w-[calc(100%-6.5%-6.5%)] before:h-[1px] before:left-[50%] before:translate-x-[-50%] before:bottom-0 before:bg-gray2">
549                        <header>
550                                                            <div class="my-menu-link cursor-pointer header-main-link text-charcoal hover:text-red my-transition flex items-center justify-between gap-[3.5rem] py-[2.8rem] px-[3rem] md:px-[6.5%]">
551                                    <span>Publications</span>
552                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
553                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
554                                    </svg>
555                                </div>
556                                                    </header>
557                                                    <article class="">
558                                <ul class="article-content pb-[2.8rem]">
559                                                                            <li class="relative">
560                                            <a href="https://societederecherchesurlecancer.ca/notre-actualite/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
561                                                <span>Actualité</span>
562                                            </a>
563                                        </li>
564                                                                            <li class="relative">
565                                            <a href="https://societederecherchesurlecancer.ca/publications-et-politique/" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
566                                                <span>Rapports d&#039;impact</span>
567                                            </a>
568                                        </li>
569                                                                            <li class="relative">
570                                            <a href="https://societederecherchesurlecancer.ca/fr/publications-et-politique/#publications" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
571                                                <span>États financiers</span>
572                                            </a>
573                                        </li>
574                                                                            <li class="relative">
575                                            <a href="https://societederecherchesurlecancer.ca/notre-mission/#planification-strategique" class="group flex items-center justify-between gap-[3.5rem] header-secondary-link text-gray1 hover:text-red py-[1rem] pl-[4.5rem] pr-[3rem] md:pl-[calc(6.5%+1.5rem)] md:pr-[6.5%]">
576                                                <span>Planification Stratégique</span>
577                                            </a>
578                                        </li>
579                                                                    </ul>
580                            </article>
581                                            </li>
582                            </ul>
583        </section>
584
585
586        <section class="bmo-section py-[3.2rem] px-[3rem] md:px-[6.5%] before:delay-[0.3s]">
587            <ul class="">
588                                    <li class="">
589                        <a href="https://cancer.src-crs.ca/site/Donation2?mfc_pref=T&amp;df_id=5241&amp;5241.donation=form1&amp;s_locale=fr_CA" target="" class="btn4  ">
590
591            <span class="">Faire un don</span>
592        <div class="btn4-external">
593            <svg class="w-[1.6rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0.75 2.2 12.54 12.55">
594                <rect x="1.25391" y="3.70508" width="10.5455" height="10.5455" stroke="#E12827"></rect>
595                <path d="M5.27059 10.9755L5.62103 11.3322L5.97767 10.9817L10.6215 6.41865L10.5987 9.01324C10.5935 9.60818 11.0716 10.0947 11.6665 10.0999C12.2615 10.1051 12.748 9.62707 12.7532 9.03214L12.7988 3.83688C12.804 3.24194 12.3259 2.75542 11.731 2.7502L6.53573 2.70463C5.94079 2.69942 5.45427 3.17748 5.44905 3.77242L5.94056 3.77673L5.44905 3.77242C5.44383 4.36736 5.9219 4.85388 6.51683 4.8591L6.52107 4.37636L6.51683 4.8591L9.11142 4.88185L4.46759 9.44493L4.11095 9.79537L4.46139 10.152L5.27059 10.9755Z" fill="#E12827" stroke="#F3EDE3"></path>
596            </svg>
597        </div>
598    
599</a>                    </li>
600                            </ul>
601        </section>
602
603
604        <section class="bmo-section py-[1.5rem] px-[3rem] md:px-[6.5%] before:delay-[0.4s]">
605            <div class="flex flex-wrap items-center gap-x-[4.8rem] md:gap-x-[2.2rem]">
606            <a href="tel:18663432262" target="_blank" class="flex items-center gap-[0.8rem] group py-[1.5rem]">
607            <svg class="w-[2.9rem] md:w-[2.1rem]" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
608                <path class="my-transition fill-red group-hover:fill-darkRed" fill-rule="evenodd" clip-rule="evenodd" d="M5.7925 9.44125C7.0525 11.9175 9.0825 13.9388 11.5588 15.2075L13.4837 13.2825C13.72 13.0463 14.07 12.9675 14.3763 13.0725C15.3562 13.3962 16.415 13.5712 17.5 13.5712C17.9812 13.5712 18.375 13.965 18.375 14.4462V17.5C18.375 17.9812 17.9812 18.375 17.5 18.375C9.28375 18.375 2.625 11.7163 2.625 3.5C2.625 3.01875 3.01875 2.625 3.5 2.625H6.5625C7.04375 2.625 7.4375 3.01875 7.4375 3.5C7.4375 4.59375 7.6125 5.64375 7.93625 6.62375C8.0325 6.93 7.9625 7.27125 7.7175 7.51625L5.7925 9.44125Z" fill="#E12827"/>
609            </svg>
610            <div class="header-small-text my-transition text-red group-hover:text-darkRed">
611                1 866-343-2262
612            </div>
613        </a>
614    
615    <a href="mailto:[email protected]" target="_blank" class="flex items-center gap-[1.2rem] md:gap-[0.8rem] group py-[1.5rem]">
616        <svg class="w-[2.8rem] md:w-[2.1rem]" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
617            <path class="my-transition fill-red group-hover:fill-darkRed" fill-rule="evenodd" clip-rule="evenodd" d="M16.6663 2.5H3.33301C1.95639 2.5 0.841341 3.62279 0.841341 5L0.833008 14.9993C0.833008 16.3769 1.9561 17.5 3.33301 17.5H16.6663C18.0432 17.5 19.1663 16.3769 19.1663 15V5C19.1663 3.6231 18.0432 2.5 16.6663 2.5ZM4.56973 7.50012C4.17552 7.2626 4.0485 6.75048 4.28602 6.35627C4.52354 5.96206 5.03566 5.83504 5.42987 6.07256L9.97525 8.81127L14.7179 5.9537C15.1127 5.7158 15.6257 5.84302 15.8636 6.23787C16.101 6.63181 15.9749 7.14354 15.5817 7.38217L10.008 10.765L10.0028 10.7737L4.56973 7.50012Z" fill="#E12827"/>
618        </svg>
619        <div class="header-small-text my-transition text-red group-hover:text-darkRed underline">
620            [email protected]
621        </div>
622    </a>
623</div>
624        </section>
625
626        <section class="bmo-section py-[3.2rem] px-[3rem] md:px-[6.5%] flex items-center justify-between gap-[2rem] before:delay-[0.5s]">
627            
628            <form role="search" method="get" class="search-form my-search-form relative flex border-solid border-[1px] border-gray3 rounded-[2.9rem] overflow-hidden" action="https://societederecherchesurlecancer.ca/">
629    <label>
630        <span class="sr-only">
631            Recherche pour:
632        </span>
633
634        <input
635            type="search"
636            placeholder="Rechercher&hellip;"
637            value=""
638            name="s"
639            class="w-[17.9rem] header-small-text text-gray1 bg-[transparent] py-[0.6rem] pl-[0.9rem] pr-[4rem] focus:outline-none "
640        >
641    </label>
642
643    <button></button>
644
645</form>
646            <ul class="">
647                                    <li class="">
648                        <a href="https://societederecherchesurlecancer.ca/nous-joindre/" class="block header-small-text my-transition py-[1.5rem] text-charcoal text-center hover:text-red">
649                            Nous joindre
650                        </a>
651                    </li>
652                            </ul>
653        </section>
654
655    </nav> 
656
657</section></header>
658
659            <main id="main" class="">
660                                     <section  class="block-hero hero-full has-godown-element relative overflow-hidden bg-white pb-[3rem] grid grid-cols-1 md:grid-cols-2 md:min-h-[calc(100vh-13.5%-7.5rem)] md:pb-[13.5%]">
661    <div class="pt-[3.7rem] pb-[5.3rem] md:pt-[7rem] md:pb-[7.2rem] bg-steel">
662        <div class="relative z-10">
663            <div class="px-[3.8rem] md:px-[calc(6.9%*2)]">
664                                    <h1 class="title2 text-black ml-[-0.1rem] md:ml-[-0.5rem] max-w-[55rem]"><strong>Notre histoire
665</strong>
666100 % recherche depuis plus de 80 ans</h1>
667                                                    <div class="wysiwyg pt-[2.6rem] md:pt-[3rem] max-w-[45rem]">
668                        <p>Depuis 1945, la Société de recherche sur le cancer (SRC) est fier d&rsquo;accélérer les découvertes scientifiques et l&rsquo;impact de la recherche à travers le Canada.</p>
669
670                    </div>
671                            </div>
672            <div class="pl-[3.8rem] pr-[2.5rem] pt-[2.6rem] grid grid-cols-[1fr,5.8rem] gap-[3.5rem] md:pt-[4.9rem] md:px-[calc(6.9%*2)] md:grid-cols-1 md:gap-[4.9rem]">
673                                <div class="go-down relative cursor-pointer uppercase w-[5.8rem] h-[5.8rem] rounded-[50%] overflow-hidden border-solid border-red border-[1px] self-center focus-visible:outline-none">
674                    <svg class="absolute top-0 left-0 w-[100%] my-transition" viewB
674ox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
675                        <path d="M22 26L29 33L36 26" stroke="#E12827" stroke-width="3"/>
676                    </svg>
677                </div>
678            </div>
679        </div>
680    </div>
681    <div class="relative w-[100%] h-[100%]">
682                    <img decoding="async" src="/glide?path=/content/uploads/2025/10/Picture-1.jpeg&amp;w=1512&amp;fm=webp&amp;q=75" srcset="/glide?path=/content/uploads/2025/10/Picture-1.jpeg&amp;fm=webp&amp;q=75&amp;w=480 480w, /glide?path=/content/uploads/2025/10/Picture-1.jpeg&amp;fm=webp&amp;q=75&amp;w=768 768w, /glide?path=/content/uploads/2025/10/Picture-1.jpeg&amp;fm=webp&amp;q=75&amp;w=1024 1024w, /glide?path=/content/uploads/2025/10/Picture-1.jpeg&amp;fm=webp&amp;q=75&amp;w=1512 1512w" sizes="(min-width: 768px) 50vw, 100vw" alt="" class="md:absolute w-[100%] h-[100%] object-cover object-center">
683            </div>
684
685    <svg viewBox="0 0 414 134.7" class="block md:hidden absolute bottom-0 left-0 w-[100%]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-383.9 0.57 1133.23 403.44">
686        <path fill-rule="evenodd" clip-rule="evenodd" d="M735.23 103.812C221.95 -97.0637 -204.532 219.55 -353.821 404.013L-383.897 379.671C-229.595 189.015 213.407 -141.957 749.331 67.7808L735.23 103.812Z" fill="#E12827"></path>
687    </svg>
688
689    <svg viewBox="19 0.2 1391 418.28" class="hidden md:block 3xl:hidden absolute bottom-[-2rem] left-0 w-[100%]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-55.17 0.2 1874.16 418.28">
690        <path d="M-24.6737 387.982C269.554 146.869 1044.11 -214.249 1788.49 270.186" stroke="#E12827" stroke-width="61"></path>
691    </svg>
692
693</section>
694
695
696
697
698<section  class="block-1colcontent my-container-large background-white grid grid-cols-1 gap-[3.5rem] py-[3.5rem] md:py-[7rem]   ">
699                <h3 class="title3 text-black"><strong>Engagés</strong> envers notre mission</h3>
700        <div class="wysiwyg big-paragraph-2 text-charcoal">
701        <p><strong>Une longue tradition</strong></p>
702<p>C&rsquo;est dans les années 1940 que Betty Caplan, confrontée au cancer de sa mère, remarque que cette maladie touche tout le monde de près ou de loin. À une époque où aucune organisation canadienne ne se consacre exclusivement à la recherche sur le cancer, elle décide d’agir. Avec ses amies Etta Kastner, Hattie Rolbin et Mildred Singer, elle fonde, en 1945, la SRC. Dès sa création, la mission de la SRC est claire et demeure inchangée : financer exclusivement la recherche sur tous les types de cancer afin de prévenir, détecter et traiter cette maladie.</p>
703<p>En 1946, la SRC attribue ses quatre premières subventions de 600 $ chacune, équivalant à plus de 40 000 $ en 2025. Ce premier geste, porté par une volonté inébranlable de changer les choses, a donné naissance à une organisation qui, huit décennies plus tard, continue de repousser les limites de la science. Aujourd’hui, la SRC est un leader incontesté dans le financement de la recherche sur le cancer.</p>
704
705    </div>
706    </section>
707
708<section  class="block-video relative my-container-large bg-lightGray pt-[6.5rem] md:pt-[5.5rem]">
709    
710    <svg class="z-10 absolute bottom-0 left-0 w-[100%] md:hidden" viewBox="0 0 414 454" fill="none" xmlns="http://www.w3.org/2000/svg">
711        <path fill-rule="evenodd" clip-rule="evenodd" d="M1071.31 0.700014C586.071 546.682 -107.843 429.281 -394.913 301.361L-413.195 342.39C-117.676 474.076 600.894 597.621 1104.88 30.5394L1071.31 0.700014Z" fill="#E12827"/>
712    </svg>
713
714    <svg class="z-10 absolute bottom-0 left-0 w-[100%] hidden md:block" viewBox="0 0 1512 616" fill="none" xmlns="http://www.w3.org/2000/svg">
715        <path d="M-271.586 436.664C123.997 612.939 1083.09 776.543 1754.78 20.7623" stroke="#E12827" stroke-width="61"/>
716    </svg>
717
718                <h2 class="relative title2 text-red text-center">L’histoire derrière la mission</h2>
719                <div class="relative pt-[2rem] text-center wysiwyg big-paragraph text-charcoal">
720            <p>Julia Gersovitz, nièce de Betty Caplan, l’une des quatre fondatrices de la SRC, raconte comment une perte familiale a mené à la création de l’organisation. Elle rend hommage à la vision et à la détermination des fondatrices, tout en soulignant la force de la mission qui se poursuit encore aujourd’hui, 80 ans plus tard.</p>
721
722        </div>
723    
724        <div class="relative before:absolute before:content-[''] before:w-[200%] before:left-[-50%] before:h-[50%] before:bottom-0 before:bg-white" x-data="videoPopup('ia9nBl29kS0')" @click="open">
725        
726        <div class="z-10 relative cursor-pointer group mt-[5.7rem] md:mt-[5rem]">
727                            <figure class="overflow-hidden">
728                    <img decoding="async" src="/glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;w=2084&amp;fm=webp&amp;q=75" srcset="/glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;fm=webp&amp;q=75&amp;w=480 480w, /glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;fm=webp&amp;q=75&amp;w=768 768w, /glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;fm=webp&amp;q=75&amp;
728w=1024 1024w, /glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;fm=webp&amp;q=75&amp;w=1536 1536w, /glide?path=/content/uploads/2025/10/Julia-video-thumbnail-FR.jpg&amp;fm=webp&amp;q=75&amp;w=2084 2084w" sizes="100vw" alt="Portrait de Julia Gersovitz, en interview." class="relative object-cover aspect-[361/214] w-[100%] overflow-hidden group-hover:scale-[1.1] group-hover:brightness-110 my-transition md:aspect-[1042/559]">
729                </figure>
730                        <div class="absolute flex items-center justify-center top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[6.6rem] h-[6.6rem] md:w-[12.6rem] md:h-[12.6rem] my-transition group-hover:scale-[1.06]">
731                <svg class="w-[100%]" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
732                    <circle cx="63" cy="63" r="63" fill="#E12827"/>
733                    <path d="M95 63L47 90.7128L47 35.2872L95 63Z" fill="#F1F1F1"/>
734                </svg>
735            </div>
736        </div>
737
738        <div x-show="show" x-cloak x-transition class="fixed top-0 left-0 w-full h-screen z-[99999] bg-[#000]">
739            <div class="absolute top-0 left-0 w-full h-screen bg-[#000] opacity-90"></div>
740            <div @click.stop="close" class="cursor-pointer text-white absolute top-[5%] right-[20px] z-50 my-transition hover:rotate-90">
741                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><circle cx="30" cy="30" r="29.5" stroke="#fff"/><path fill="#fff" fill-rule="evenodd" d="M24.289 36.133 36.422 24l.578.578L24.867 36.71l-.578-.578Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m24.578 24.289 12.134 12.133-.578.578L24 24.867l.578-.578Z" clip-rule="evenodd"/></svg>
742            </div>
743            <div x-html="videoHTML" class="relative h-screen"></div>
744        </div>
745
746    </div>
747
748</section>
749<script>
750    function videoPopup(vid) {
751        return {
752            vid, vid,
753            show: false,
754            videoHTML: '',
755
756            open: function() {
757                this.videoHTML = this.generateVideoHtml()
758                this.show = true
759                document.body.style.overflow = 'hidden' // Disable body scroll
760            },
761            close: function() {
762                document.body.style.overflow = ''
763                this.show = false
764                this.videoHTML = ''
765            },
766            generateVideoHtml: function() {
767                return '<div class="embed-container">'+
768		                '<iframe src="https://www.youtube.com/embed/'+this.vid+'?autoplay=1" frameborder="0" allowfullscreen autoplay></iframe>'+
769	                '</div>'
770            }
771        }
772    }
773</script>
773
774
775<section  class="block-imagecontent layout-imgcontent background-white pt-[7.2rem] pb-[8.8rem] grid grid-cols-1 gap-[3.8rem] md:grid-cols-2 md:gap-0 md:py-[12.8rem] md:items-center overflow-hidden ">
776    
777    <div class="layout-part-img">
778                     
779                <img decoding="async" src="/glide?path=/content/uploads/2025/10/54456582966_33171c7872_c.jpg&amp;w=1510&amp;fm=webp&amp;q=75" alt="" class="w-[100%] max-w-none px-[2.5rem] sm:px-[7.5rem] md:px-0">    
780                        </div>
781
782    <div class="layout-part-content grid grid-cols-1 gap-[2.9rem] px-[2.5rem] sm:px-[7.5rem] md:gap-[5.5rem] md:px-[calc(6.9%*2)]">
783        <div class="max-w-[35rem] sm:max-w-[none]">
784                                            <h2 class="title2 text-black max-w-[50rem] sm:max-w-[90%] md:max-w-[50rem]">Créer un <strong>impact durable</strong></h2>
785                                        <div class="wysiwyg big-paragraph-2 text-charcoal pt-[3.4rem] max-w-[40rem] sm:max-w-none md:max-w-[40rem]">
786                    <p>Au fil des ans, la SRC a mis en place différentes initiatives afin d’assurer l’impact durable de sa mission, comme des événements signatures, des campagnes annuelles et bien plus encore.</p>
787<p>En 2010, le programme Challenge contre le cancer a été créé. Celui-ci offre à ses participants la possibilité de soutenir la recherche sur le cancer tout en découvrant le monde et en se dépassant physiquement et mentalement. En 2025, ce programme s’est développé pour devenir une initiative qui inclut maintenant le Challenge rose, un défi dédié à la recherche sur le cancer du sein.</p>
788<p>*Photo de notre défi au Vietnam en 2025. Nos participants ont amassé 173 000 $ nets pour la recherche sur le cancer.</p>
789
790                </div>
791                    </div>
792                    <a href="https://societederecherchesurlecancer.ca/challenge-contre-le-cancer/?_gl=1*1omrxgx*_gcl_au*OTEyODg1NjAyLjE3NTU2MDgzMzM.*_ga*MjAwNTA4MDE1My4xNzMxOTU3NTAx*_ga_1J0S9EWCJ1*czE3NjAxMTg0MzQkbzQ0NSRnMSR0MTc2MDExOTQxNiRqNjAkbDAkaDA.&amp;_ga=2.7748914.1212578460.1759857463-2005080153.1731957501" target="" class="btn1  ">
793
794            <span class="">Découvrez notre programme Challenge contre le cancer</span>
795        <div class="btn1-arrow">
796            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
797                <path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="#E12827"/>
798            </svg>
799        </div>
800    
801</a>
802            </div>
803
804</section>
805
806<section  class="block-imagecontent layout-imgcontent background-sand pt-[7.2rem] pb-[8.8rem] grid grid-cols-1 gap-[3.8rem] md:grid-cols-2 md:gap-0 md:py-[12.8rem] md:items-center overflow-hidden ">
807    
808    <div class="layout-part-img">
809                     
810                <img decoding="async" src="/glide?path=/content/uploads/2024/07/Betty-Caplan-02.jpg&amp;w=1510&amp;fm=webp&amp;q=75" alt="Photographie historique de Betty Caplan, fondatrice de la Société de recherche sur le cancer, remettant un chèque au professeur Judan Quastel à Montréal vers 1945. Photographie prise par le photographe montréalais David Bier." class="w-[100%] max-w-none px-[2.5rem] sm:px-[7.5rem] md:px-0">    
811                        </div>
812
813    <div class="layout-part-content grid grid-cols-1 gap-[2.9rem] px-[2.5rem] sm:px-[7.5rem] md:gap-[5.5rem] md:px-[calc(6.9%*2)]">
814        <div class="max-w-[35rem] sm:max-w-[none]">
815                                            <h2 class="title2 text-black max-w-[50rem] sm:max-w-[90%] md:max-w-[50rem]">Des avancées qui<strong> changent des vies</strong></h2>
816                                        <div class="wysiwyg big-paragraph-2 text-charcoal pt-[3.4rem] max-w-[40rem] sm:max-w-none md:max-w-[40rem]">
817                    <p>Au fil des décennies, la recherche a permis des avancées considérables qui ont amélioré les taux de survie des personnes atteintes d&rsquo;un cancer. Ces progrès sont le résultat de découvertes dans les domaines de la prévention, de techniques de détection plus efficaces et moins invasives, ainsi que de traitements plus ciblés. Ces avancées sont notre raison d’être et nous incitent à poursuivre notre mission.</p>
818
819                </div>
820                    </div>
821                    <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/?_gl=1*14h406r*_gcl_au*OTEyODg1NjAyLjE3NTU2MDgzMzM.*_ga*MjAwNTA4MDE1My4xNzMxOTU3NTAx*_ga_1J0S9EWCJ1*czE3NjAxMTg0MzQkbzQ0NSRnMSR0MTc2MDExOTU0NyRqNjAkbDAkaDA.&amp;
821_ga=2.9376821.1212578460.1759857463-2005080153.1731957501" target="" class="btn1  ">
822
823            <span class="">Pour en savoir plus sur nos programmes de subventions</span>
824        <div class="btn1-arrow">
825            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
826                <path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="#E12827"/>
827            </svg>
828        </div>
829    
830</a>
831            </div>
832
833</section>
834
835<section  class="block-video relative my-container-large bg-lightGray pt-[6.5rem] md:pt-[5.5rem]">
836    
837    <svg class="z-10 absolute bottom-0 left-0 w-[100%] md:hidden" viewBox="0 0 414 454" fill="none" xmlns="http://www.w3.org/2000/svg">
838        <path fill-rule="evenodd" clip-rule="evenodd" d="M1071.31 0.700014C586.071 546.682 -107.843 429.281 -394.913 301.361L-413.195 342.39C-117.676 474.076 600.894 597.621 1104.88 30.5394L1071.31 0.700014Z" fill="#E12827"/>
839    </svg>
840
841    <svg class="z-10 absolute bottom-0 left-0 w-[100%] hidden md:block" viewBox="0 0 1512 616" fill="none" xmlns="http://www.w3.org/2000/svg">
842        <path d="M-271.586 436.664C123.997 612.939 1083.09 776.543 1754.78 20.7623" stroke="#E12827" stroke-width="61"/>
843    </svg>
844
845                <h2 class="relative title2 text-red text-center">Soutenir la recherche d&#039;excellence</h2>
846                <div class="relative pt-[2rem] text-center wysiwyg big-paragraph text-charcoal">
847            <p>Écoutez Leonardo Salmena, ancien récipiendaire d&rsquo;une subvention, parler de l&rsquo;importance du financement de la recherche sur le cancer et de l&rsquo;impact que chaque dollar a sur la vie des personnes touchées par la maladie.</p>
848
849        </div>
850    
851        <div class="relative before:absolute before:content-[''] before:w-[200%] before:left-[-50%] before:h-[50%] before:bottom-0 before:bg-white" x-data="videoPopup('fNQ3moK46pc')" @click="open">
852        
853        <div class="z-10 relative cursor-pointer group mt-[5.7rem] md:mt-[5rem]">
854                            <figure class="overflow-hidden">
855                    <img decoding="async" src="/glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;w=2084&amp;fm=webp&amp;q=75" srcset="/glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;fm=webp&amp;q=75&amp;w=480 480w, /glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;fm=webp&amp;q=75&amp;w=768 768w, /glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;fm=webp&amp;q=75&amp;w=1024 1024w, /glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;fm=webp&amp;q=75&amp;w=1536 1536w, /glide?path=/content/uploads/2025/10/Leonardo-video-thumbnail.jpg&amp;fm=webp&amp;q=75&amp;w=2084 2084w" sizes="100vw" alt="" class="relative object-cover aspect-[361/214] w-[100%] overflow-hidden group-hover:scale-[1.1] group-hover:brightness-110 my-transition md:aspect-[1042/559]">
856                </figure>
857                        <div class="absolute flex items-center justify-center top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[6.6rem] h-[6.6rem] md:w-[12.6rem] md:h-[12.6rem] my-transition group-hover:scale-[1.06]">
858                <svg class="w-[100%]" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
859                    <circle cx="63" cy="63" r="63" fill="#E12827"/>
860                    <path d="M95 63L47 90.7128L47 35.2872L95 63Z" fill="#F1F1F1"/>
861                </svg>
862            </div>
863        </div>
864
865        <div x-show="show" x-cloak x-transition class="fixed top-0 left-0 w-full h-screen z-[99999] bg-[#000]">
866            <div class="absolute top-0 left-0 w-full h-screen bg-[#000] opacity-90"></div>
867            <div @click.stop="close" class="cursor-pointer text-white absolute top-[5%] right-[20px] z-50 my-transition hover:rotate-90">
868                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><circle cx="30" cy="30" r="29.5" stroke="#fff"/><path fill="#fff" fill-rule="evenodd" d="M24.289 36.133 36.422 24l.578.578L24.867 36.71l-.578-.578Z" clip-rule="evenodd"/>
868<path fill="#fff" fill-rule="evenodd" d="m24.578 24.289 12.134 12.133-.578.578L24 24.867l.578-.578Z" clip-rule="evenodd"/></svg>
869            </div>
870            <div x-html="videoHTML" class="relative h-screen"></div>
871        </div>
872
873    </div>
874
875</section>
876<script>
877    function videoPopup(vid) {
878        return {
879            vid, vid,
880            show: false,
881            videoHTML: '',
882
883            open: function() {
884                this.videoHTML = this.generateVideoHtml()
885                this.show = true
886                document.body.style.overflow = 'hidden' // Disable body scroll
887            },
888            close: function() {
889                document.body.style.overflow = ''
890                this.show = false
891                this.videoHTML = ''
892            },
893            generateVideoHtml: function() {
894                return '<div class="embed-container">'+
895		                '<iframe src="https://www.youtube.com/embed/'+this.vid+'?autoplay=1" frameborder="0" allowfullscreen autoplay></iframe>'+
896	                '</div>'
897            }
898        }
899    }
900</script>
900
901
902<section  class="block-video relative my-container-large bg-lightGray pt-[6.5rem] md:pt-[5.5rem]">
903    
904    <svg class="z-10 absolute bottom-0 left-0 w-[100%] md:hidden" viewBox="0 0 414 454" fill="none" xmlns="http://www.w3.org/2000/svg">
905        <path fill-rule="evenodd" clip-rule="evenodd" d="M1071.31 0.700014C586.071 546.682 -107.843 429.281 -394.913 301.361L-413.195 342.39C-117.676 474.076 600.894 597.621 1104.88 30.5394L1071.31 0.700014Z" fill="#E12827"/>
906    </svg>
907
908    <svg class="z-10 absolute bottom-0 left-0 w-[100%] hidden md:block" viewBox="0 0 1512 616" fill="none" xmlns="http://www.w3.org/2000/svg">
909        <path d="M-271.586 436.664C123.997 612.939 1083.09 776.543 1754.78 20.7623" stroke="#E12827" stroke-width="61"/>
910    </svg>
911
912                <h2 class="relative title2 text-red text-center">Un message de notre présidente</h2>
913                <div class="relative pt-[2rem] text-center wysiwyg big-paragraph text-charcoal">
914            <p>Manon Pepin, présidente et cheffe de la direction, revient sur le rôle essentiel de la recherche et souligne l’impact de la générosité de nos donateurs, qui permet, depuis 80 ans, de faire progresser la science et d’améliorer la vie des personnes touchées par le cancer.</p>
915
916        </div>
917    
918        <div class="relative before:absolute before:content-[''] before:w-[200%] before:left-[-50%] before:h-[50%] before:bottom-0 before:bg-white" x-data="videoPopup('0I4tWsmvQQ8')" @click="open">
919        
920        <div class="z-10 relative cursor-pointer group mt-[5.7rem] md:mt-[5rem]">
921                            <figure class="overflow-hidden">
922                    <img decoding="async" src="/glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;w=2084&amp;fm=webp&amp;q=75" srcset="/glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;fm=webp&amp;q=75&amp;w=480 480w, /glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;fm=webp&amp;q=75&amp;w=768 768w, /glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;fm=webp&amp;q=75&amp;w=1024 1024w, /glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;fm=webp&amp;q=75&amp;w=1536 1536w, /glide?path=/content/uploads/2025/10/Manon-video-thumbnail-1.jpg&amp;fm=webp&amp;q=75&amp;w=2084 2084w" sizes="100vw" alt="" class="relative object-cover aspect-[361/214] w-[100%] overflow-hidden group-hover:scale-[1.1] group-hover:brightness-110 my-transition md:aspect-[1042/559]">
923                </figure>
924                        <div class="absolute flex items-center justify-center top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[6.6rem] h-[6.6rem] md:w-[12.6rem] md:h-[12.6rem] my-transition group-hover:scale-[1.06]">
925                <svg class="w-[100%]" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
926                    <circle cx="63" cy="63" r="63" fill="#E12827"/>
927                    <path d="M95 63L47 90.7128L47 35.2872L95 63Z" fill="#F1F1F1"/>
928                </svg>
929            </div>
930        </div>
931
932        <div x-show="show" x-cloak x-transition class="fixed top-0 left-0 w-full h-screen z-[99999] bg-[#000]">
933            <div class="absolute top-0 left-0 w-full h-screen bg-[#000] opacity-90"></div>
934            <div @click.stop="close" class="cursor-pointer text-white absolute top-[5%] right-[20px] z-50 my-transition hover:rotate-90">
935                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><circle cx="30" cy="30" r="29.5" stroke="#fff"/><path fill="#fff" fill-rule="evenodd" d="M24.289 36.133 36.422 24l.578.578L24.867 36.71l-.578-.578Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m24.578 24.289 12.134 12.133-.578.578L24 24.867l.578-.578Z" clip-rule="evenodd"/></svg>
936            </div>
937            <div x-html="videoHTML" class="relative h-screen"></div>
938        </div>
939
940    </div>
941
942</section>
943<script>
944    function videoPopup(vid) {
945        return {
946            vid, vid,
947            show: false,
948            videoHTML: '',
949
950            open: function() {
951                this.videoHTML = this.generateVideoHtml()
952                this.show = true
953                document.body.style.overflow = 'hidden' // Disable body scroll
954            },
955            close: function() {
956                document.body.style.overflow = ''
957                this.show = false
958                this.videoHTML = ''
959            },
960            generateVideoHtml: function() {
961                return '<div class="embed-container">'+
962		                '<iframe src="https://www.youtube.com/embed/'+this.vid+'?autoplay=1" frameborder="0" allowfullscreen autoplay></iframe>'+
963	                '</div>'
964            }
965        }
966    }
967</script>
967
968
969<section  class="block-1colcontent my-container-large background-white grid grid-cols-1 gap-[3.5rem] py-[3.5rem] md:py-[7rem]   ">
970                <h3 class="title3 text-black"><strong>Ensemble</strong>, continuons de déjouer le cancer</h3>
971        <div class="wysiwyg big-paragraph-2 text-charcoal">
972        <p>Joignez-vous à nous pour écrire la suite de notre histoire. Avec votre soutien, nous pouvons aller encore plus loin et offrir de nouvelles percées médicales aux générations à venir.</p>
973<p>Ensemble, <span data-teams="true">aidez-nous à faire accélérer les découvertes et accélérer l&rsquo;impact de la recherche. </span></p>
974
975    </div>
976            <a href="https://societederecherchesurlecancer.ca/comment-donner/" target="" class="btn3  ">
977
978            <span>Découvrez les différentes façons de faire un don</span>
979    
980</a>
981    </section>
982
983<section  class="block-photos bg-steel">
984            <div class="my-container-large pt-[7.8rem] pb-[7.5rem]">
985                                            </div>
986        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3">
987                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/54554392204_2891cf6233_c-e1760110636607.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="" class="aspect-square object-cover object-center w-[100%]">    
988                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/53583828360_536fa193c2_c-e1761231250965.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="Un groupe de randonneurs au sommet pose avec la bannière « CHALLENGE contre le cancer » de la Société de recherche sur le cancer." class="aspect-square object-cover object-center w-[100%]">    
989                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/1948-April-4-The-Herald-Cancer-Research-Broadcast-DONE.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="" class="aspect-square object-cover object-center w-[100%]">    
990                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/1948-April-22-The-Herald-New-X-Ray-for-JGH-DONE-e1761163379365.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="Publicité d&#039;archive de 1948 appelant à des dons pour un objectif de 1 000 000 $ pour le fonds de recherche de la Société de recherche sur le cancer, avec une image d&#039;équipement médical." class="aspect-square object-cover object-center w-[100%]">    
991                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/54198664204_2192fe97e1_c-e1760021879927.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="" class="aspect-square object-cover object-center w-[100%]">    
992                            <img decoding="async" src="/glide?path=/content/uploads/2025/10/1950-june-august-28-baseball-game-DONE-1-e1761163402969.jpg&amp;w=1022&amp;fm=webp&amp;q=75" alt="Annonce d&#039;archive pour une partie de baseball caritative au Stade de Montréal le 28 août, au profit de la Société de recherche sur le cancer, illustrée d&#039;un crieur public." class="aspect-square object-cover object-center w-[100%]">    
993                    </div>
994    </section>
995
996                </main>
997
998            <footer class="">
999    <section class="top-section relative bg-red grid grid-cols-1 gap-[3.6rem] mx-auto my-container-large pt-[3.9rem] pb-[7.4rem] md:py-[6.2rem] md:grid-cols-[26.5rem,1fr]">
1000        
1001        <a href="https://societederecherchesurlecancer.ca/" class="mx-auto block w-[26.5rem] h-[7.6rem] max-w-[100%] self-center">
1002                                        <img src="/content/uploads/2023/11/src_logo_fr_white.png" alt="" class="w-[100%] h-[100%] object-contain">
1003                    </a>
1004        
1005        
1006        <nav class="flex flex-col gap-[2.5rem] items-center md:flex-row md:gap-[3rem] md:flex-wrap md:justify-end">
1007                            <a href="https://societederecherchesurlecancer.ca/comment-donner/" target="" class="btn1  white mx-auto md:mx-0">
1008
1009            <span class="">Comment donner</span>
1010        <div class="btn1-arrow">
1011            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1012                <path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="#E12827"/>
1013            </svg>
1014        </div>
1015    
1016</a>                        
1017        </nav>
1018    </section>
1019    <section class="bottom-section relative bg-black my-container pt-[5.1rem] pb-[6.2rem] md:pt-[7.2rem] md:pb-[3.7rem]">
1020        <div class="grid grid-cols-1 gap-[5.1rem] pb-[5.1rem] md:grid-cols-[max-content,1fr] md:pb-[4.3rem]">
1021            <div class="">
1022                
1023                <div class="footer-title text-lightGray mb-[2.4rem]">
1024                    Infolettre
1025                </div>
1026                <div class="">
1027                    <a href="https://cancer.src-crs.ca/site/SSurvey;jsessionid=00000000.app20032b?NONCE_TOKEN=5174FC877CBE477591E5FA792FD9E3AD&amp;ACTION_REQUIRED=URI_ACTION_USER_REQUESTS&amp;SURVEY_ID=2581&amp;s_locale=fr_CA" target="_blank" class="btn1  white">
1028
1029            <span class="">M&#039;inscrire à l&#039;infolettre</span>
1030        <div class="btn1-arrow">
1031            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1032                <path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="#E12827"/>
1033            </svg>
1034        </div>
1035    
1036</a>                </div>
1037                
1038                                                    <div class="pt-[2.7rem] text-lightGray flex flex-wrap items-center gap-[1.4rem]">
1039                        
1040                                                                                    <a href="https://www.facebook.com/recherchecancer" target="_blank" rel="nofollow noopener" class="group">
1041                                    <img src="/content/uploads/2023/10/facebook.svg" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1042                                </a>
1043                                                                                                                <a href="https://www.instagram.com/recherchecancer/" target="_blank" rel="nofollow noopener" class="group">
1044                                    <img src="/content/uploads/2024/07/logo-Instagram.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1045                                </a>
1046                                                                                                                <a href="https://twitter.com/SRC_CRS" target="_blank" rel="nofollow noopener" class="group">
1047                                    <img src="/content/uploads/2024/07/logo-X.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1048                                </a>
1049                                                                                                                <a href="http://linkedin.com/company/cancer-research-society-soci-t-de-recherche-sur-le-cancer" target="_blank" rel="nofollow noopener" class="group">
1050                                    <img src="/content/uploads/2024/07/logo-LinkedIn.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1051                                </a>
1052                                                                                                                <a href="https://www.youtube.com/user/CRScommunications/featured" target="_blank" rel="nofollow noopener" class="group">
1053                                    <img src="/content/uploads/2024/07/logo-YouTube.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1054                                </a>
1055                                                                                                                <a href="https://bsky.app/profile/src-crs.bsky.social" target="_blank" rel="nofollow noopener" class="group">
1056                                    <img src="/content/uploads/2025/02/bluesky-1.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1057                                </a>
1058                                                                                                                <a href="https://www.tiktok.com/@recherchecancer" target="" rel="nofollow noopener" class="group">
1059                                    <img src="/content/uploads/2026/08/tik-tok-1.png" alt="" class="w-[2.4rem] h-[2.4rem] object-contain my-transition group-hover:scale-[1.1]">
1060                                </a>
1061                                                                        </div>
1062                                
1063            </div>
1064            
1065            <nav class="grid grid-cols-2 gap-[4.8rem] md:flex md:justify-evenly">
1066                <div class="">
1067                    <div class="footer-title text-lightGray mb-[1.5rem]">À propos</div>
1068                    <ul>
1069                                                    <li>
1070                                <a href="https://societederecherchesurlecancer.ca/notre-mission/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1071                                    Mission                              
1072                                </a>
1073                            </li>
1074                                                    <li>
1075                                <a href="https://societederecherchesurlecancer.ca/histoire/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1076                                    Histoire                              
1077                                </a>
1078                            </li>
1079                                                    <li>
1080                                <a href="https://societederecherchesurlecancer.ca/notre-equipe/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1081                                    Équipe                              
1082                                </a>
1083                            </li>
1084                                                    <li>
1085                                <a href="https://societederecherchesurlecancer.ca/carrieres/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1086                                    Carrières                              
1087                                </a>
1088                            </li>
1089                                            </ul>
1090                    
1091                </div>
1092                <div class="">
1093                    <div class="footer-title text-lightGray mb-[1.5rem]">Recherche</div>
1094                    <ul>
1095                                                    <li>
1096                                <a href="https://societederecherchesurlecancer.ca/notre-impact/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1097                                    Notre impact                              
1098                                </a>
1099                            </li>
1100                                                    <li>
1101                                <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1102                                    Programmes de subventions                              
1103                                </a>
1104                            </li>
1105                                            </ul>
1106                    
1107                </div>
1108                <div class="">
1109                    <div class="footer-title text-lightGray mb-[1.5rem]">Événements</div>
1110                    <ul>
1111                                                    <li>
1112                                <a href="https://societederecherchesurlecancer.ca/challenge-contre-le-cancer/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1113                                    Challenge contre le cancer                              
1114                                </a>
1115                            </li>
1116                                                    <li>
1117                                <a href="https://societederecherchesurlecancer.ca/fr/evenements/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1118                                    Tous nos événements                              
1119                                </a>
1120                            </li>
1121                                                    <li>
1122                                <a href="https://societederecherchesurlecancer.ca/organiser-son-activite/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1123                                    Organiser son activité                              
1124                                </a>
1125                            </li>
1126                                            </ul>
1127                    
1128                </div>
1129                <div class="">
1130                    <div class="footer-title text-lightGray mb-[1.5rem]">Publications</div>
1131                    <ul>
1132                                                    <li>
1133                                <a href="https://societederecherchesurlecancer.ca/notre-actualite/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1134                                    Actualité                              
1135                                </a>
1136                            </li>
1137                                                    <li>
1138                                <a href="https://societederecherchesurlecancer.ca/publications-et-politique/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
1139                                    Rapport d&#039;impact                              
1140                                </a>
1141                            </li>
1142                                            </ul>
1143                    
1144                </div>
1145            </nav>
1146        </div>
1147        <div class="border-solid border-t-[1px] border-lightGray pt-[2rem] flex flex-col gap-[3.6rem] md:pt-[3.7rem] md:flex-row md:justify-between">
1148            <div class="flex flex-col items-center gap-[1.4rem] md:flex-row md:gap-[1.8rem]">
1149                <div class="footer-text text-lightGray text-center md:text-left">
1150                    © 2026 Société de recherche sur le cancer.
1151                </div>
1152                <div class="footer-text text-lightGray text-center md:text-left">
1153                    Organisme de bienfaisance No. 11915 3229 RR0001   |  T3010
1154                </div>                
1155            </div>
1156            <div class="mx-auto md:mx-0">
1157                
1158                <ul>
1159                                            <li>
1160                            <a href="https://societederecherchesurlecancer.ca/confidentialite/" class="footer-text text-lightGray text-center font-bold underline md:text-right hover:text-red my-transition">
1161                                Confidentialité                              
1162                            </a>
1163                        </li>
1164                                            <li>
1165                            <a href="https://www.livechat.com/" class="footer-text text-lightGray text-center font-bold underline md:text-right hover:text-red my-transition">
1166                                Clavardage: LiveChat                              
1167                            </a>
1168                        </li>
1169                                    </ul>
1170                
1171            </div>
1172        </div>
1173    </section>
1174    </footer>
1175        </div>
1176
1177                
1177<script type="speculationrules">
1178{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/content/uploads/*","/content/*","/content/plugins/*","/content/themes/radicle/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1179</script>
vendor: 1 bytes, line 1179
1179
1180<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='dc38eb003b1340006ad427005e203900907c8900a8b2e00022e753002be6b300';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>
1180        
1180<script type="application/javascript">
1181            const ajaxURL = "https://societederecherchesurlecancer.ca/wp/wp-admin/admin-ajax.php";
1182
1183            function sumo_add_woocommerce_coupon(code) {
1184                jQuery.post(ajaxURL, {
1185                    action: 'sumo_add_woocommerce_coupon',
1186                    code: code,
1187                });
1188            }
1189
1190            function sumo_remove_woocommerce_coupon(code) {
1191                jQuery.post(ajaxURL, {
1192                    action: 'sumo_remove_woocommerce_coupon',
1193                    code: code,
1194                });
1195            }
1196
1197            function sumo_get_woocommerce_cart_subtotal(callback) {
1198                jQuery.ajax({
1199                    method: 'POST',
1200                    url: ajaxURL,
1201                    dataType: 'html',
1202                    data: {
1203                        action: 'sumo_get_woocommerce_cart_subtotal',
1204                    },
1205                    success: function (subtotal) {
1206                        return callback(null, subtotal);
1207                    },
1208                    error: function (err) {
1209                        return callback(err, 0);
1210                    }
1211                });
1212            }
1213        </script>
1213
1214        
1214<script async data-wp-strategy="async" src="https://wordpress.livechat.com/api/v2/script/8c952d54-2d16-4e79-a058-307103ca19b1/widget.js?ver=5.0.12"></script>
1214<script id="text-connect-js-extra">
1215var textConnect = {"addons":[],"ajax_url":"https://societederecherchesurlecancer.ca/wp/wp-admin/admin-ajax.php","visitor":null};
1216//# sourceURL=text-connect-js-extra
1217</script>
vendor: 1 bytes, line 1217
1217
1218<script src="/content/plugins/wp-live-chat-software-for-wordpress/includes/js/textConnect.js?ver=5.0.12"></script>
1218<script>
1219(()=>{"use strict";var r,e={},o={};function t(r){var a=o[r];if(void 0!==a)return a.exports;var n=o[r]={exports:{}};return e[r].call(n.exports,n,n.exports,t),n.exports}t.m=e,r=[],t.O=(e,o,a,n)=>{if(!o){var s=1/0;for(p=0;p<r.length;p++){o=r[p][0],a=r[p][1],n=r[p][2];for(var i=!0,l=0;l<o.length;l++)(!1&n||s>=n)&&Object.keys(t.O).every((r=>t.O[r](o[l])))?o.splice(l--,1):(i=!1,n<s&&(s=n));if(i){r.splice(p--,1);var f=a();void 0!==f&&(e=f)}}return e}n=n||0;for(var p=r.length;p>0&&r[p-1][2]>n;p--)r[p]=r[p-1];r[p]=[o,a,n]},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var a,n,s=o[0],i=o[1],l=o[2],f=0;if(s.some((e=>0!==r[e]))){for(a in i)t.o(i,a)&&(t.m[a]=i[a]);if(l)var p=l(t)}for(e&&e(o);f<s.length;f++)n=s[f],t.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return t.O(p)},o=self.webpackChunk_roots_bud_sage_radicle=self.webpackChunk_roots_bud_sage_radicle||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})()})();
1220//# sourceURL=app%2F0-js-before
1221</script>
1221<script src="/dist/js/407.3729f8.js"></script>
1221<script src="/dist/js/414.ba6b48.js"></script>
1221<script src="/dist/js/app.56bf2f.js"></script>
1221
1222<!-- BEGIN SEARCHWP DEBUG
1223
1224[NO QUERIES]
1225
1226END SEARCHWP DEBUG -->
1227
1228    </body>
1229</html>

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