PageSourceSearch

https://societederecherchesurlecancer.ca/

html societederecherchesurlecancer.ca collected 2026-10-02 07:43:56 UTC 614,982 bytes, 6,960 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%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/" hreflang="fr" />
10<link rel="alternate" href="https://cancerresearchsociety.ca/" hreflang="en" />
11<link rel="alternate" href="https://societederecherchesurlecancer.ca/" hreflang="x-default" />
12
13	<!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
14	<title>Société de recherche sur le cancer - Page d&#039;accueil</title>
15	<meta name="description" content="La Société de recherche sur le cancer finance la recherche au Canada pour prévenir, détecter et traiter tous les cancers. Votre don fait la différence." />
16	<link rel="canonical" href="https://societederecherchesurlecancer.ca/" />
17	<meta property="og:locale" content="fr_CA" />
18	<meta property="og:locale:alternate" content="en_US" />
19	<meta property="og:type" content="website" />
20	<meta property="og:title" content="Société de recherche sur le cancer - Page d&#039;accueil" />
21	<meta property="og:description" content="La Société de recherche sur le cancer finance la recherche au Canada pour prévenir, détecter et traiter tous les cancers. Votre don fait la différence." />
22	<meta property="og:url" content="https://societederecherchesurlecancer.ca/" />
23	<meta property="og:site_name" content="Société de recherche sur le cancer" />
24	<meta property="article:publisher" content="https://www.facebook.com/recherchecancer" />
25	<meta property="article:modified_time" content="2026-09-15T12:47:00+00:00" />
26	<meta property="og:image" content="https://societederecherchesurlecancer.ca/content/uploads/2023/11/src_logo_fr.png" />
27	<meta property="og:image:width" content="1537" />
28	<meta property="og:image:height" content="319" />
29	<meta property="og:image:type" content="image/png" />
30	<meta name="twitter:card" content="summary_large_image" />
31	<meta name="twitter:site" content="@SRC_CRS" />
32	
32<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/societederecherchesurlecancer.ca\/","url":"https:\/\/societederecherchesurlecancer.ca\/","name":"Société de recherche sur le cancer - Page d'accueil","isPartOf":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#website"},"about":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#organization"},"datePublished":"2023-09-13T01:37:35+00:00","dateModified":"2026-09-15T12:47:00+00:00","description":"La Société de recherche sur le cancer finance la recherche au Canada pour prévenir, détecter et traiter tous les cancers. Votre don fait la différence.","breadcrumb":{"@id":"https:\/\/societederecherchesurlecancer.ca\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/societederecherchesurlecancer.ca\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/societederecherchesurlecancer.ca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@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>
32
33	<!-- / Yoast SEO plugin. -->
34
35
36<link rel='dns-prefetch' href='//wordpress.livechat.com' />
37<style id="wp-img-auto-sizes-contain-inline-css">
38img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
39/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
40</style>
41
42<link rel="stylesheet" href="/dist/css/app.dde1c1.css"><meta name="facebook-domain-verification" content="sr26fgtb4cajttsckersu41etjlb1z" />
43<meta name="facebook-domain-verification" content="87vdqk1j6308z29qrb4ibl8dz5sbmm" />
44
45        <!-- Google Tag Manager -->
46        
46<script>
vendor: 332 bytes, lines 46-47
46(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);
47        })(window,document,'script','dataLayer','
47GTM-MSJF65
vendor: 3 bytes, line 47
47');
47</script>
47
48        <!-- End Google Tag Manager -->
49
50                
51    </head>
52    <body class="home wp-singular page wp-embed-responsive wp-theme-radicle">
53        
54        <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 54-55
54
55        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
55GTM-MSJF65
vendor: 91 bytes, lines 55-56
55" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
56        
56<!-- End Google Tag Manager (noscript) -->
57
58        
59        <div id="app">
60            <a class="sr-only focus:not-sr-only" href="#main">
61                Aller au contenu
62            </a>
63
64            <header id="header">
65    <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]">
66    
67    <div class="flex items-center pl-[20%] pr-[3.5rem]">
68        <a href="https://societederecherchesurlecancer.ca/" class="block max-w-[100%] w-[26.4rem] h-[7.6rem]">
69                                        <img src="/content/uploads/2023/11/src_logo_fr.png" alt="" class="w-[100%] h-[100%] object-contain">
70                    </a>
71    </div>
72
73    <div class="border-solid border-l-[1px] border-gray3">
74        <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%]">
75            
76            <div class="flex flex-wrap items-center gap-x-[4.8rem] md:gap-x-[2.2rem]">
77            <a href="tel:18663432262" target="_blank" class="flex items-center gap-[0.8rem] group py-[1.5rem]">
78            <svg class="w-[2.9rem] md:w-[2.1rem]" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
79                <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"/>
80            </svg>
81            <div class="header-small-text my-transition text-red group-hover:text-darkRed">
82                1 866-343-2262
83            </div>
84        </a>
85    
86    <a href="mailto:[email protected]" target="_blank" class="flex items-center gap-[1.2rem] md:gap-[0.8rem] group py-[1.5rem]">
87        <svg class="w-[2.8rem] md:w-[2.1rem]" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
88            <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"/>
89        </svg>
90        <div class="header-small-text my-transition text-red group-hover:text-darkRed underline">
91            [email protected]
92        </div>
93    </a>
94</div>
95
96            <ul class="">
97                                    <li class="">
98                        <a href="https://societederecherchesurlecancer.ca/nous-joindre/" class="block header-small-text my-transition py-[2rem] text-charcoal hover:text-red">
99                            Nous joindre
100                        </a>
101                    </li>
102                            </ul>
103
104            <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/">
105    <label>
106        <span class="sr-only">
107            Recherche pour:
108        </span>
109
110        <input
111            type="search"
112            placeholder="Rechercher&hellip;"
113            value=""
114            name="s"
115            class="w-[17.9rem] header-small-text text-gray1 bg-[transparent] py-[0.6rem] pl-[0.9rem] pr-[4rem] focus:outline-none "
116        >
117    </label>
118
119    <button></button>
120
121</form>
122            
123                            <ul class="">
124                                                                                                                    <li class="">
125                                <a href="https://cancerresearchsociety.ca/" class="not-external block header-small-text my-transition py-[2rem] text-charcoal hover:text-red capitalize">
126                                    en
127                                </a>
128                            </li> 
129                                                            </ul>
130            
131        </div>
132
133        <div class="pr-[2.5rem] xl:pr-[3.5rem] xl:pr-[6.9%] grid grid-cols-[1fr,max-content] items-center">
134            <ul class="flex items-center px-[2.5rem] sm:px-[7.5rem] xl:px-[2.9rem] mx-auto">
135                                    <li class="relative  dropdown-container-menu ">
136                        <header>
137                                                            <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]">
138                                    <span>À propos</span>
139                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
140                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
141                                    </svg>
142                                </div>
143                                                    </header>
144                                                    <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">
145                                <ul class="article-content">
146                                                                            <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">
147                                            <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]">
148                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Mission</span>
149                                                <svg class="w-[4.2rem]" viewB
149ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
150                                                    <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"/>
151                                                    <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"/>
152                                                </svg>
153                                            </a>
154                                        </li>
155                                                                            <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">
156                                            <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]">
157                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Histoire</span>
158                                                <svg class="w-[4.2rem]" viewB
158ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
159                                                    <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"/>
160                                                    <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"/>
161                                                </svg>
162                                            </a>
163                                        </li>
164                                                                            <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">
165                                            <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]">
166                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Équipe</span>
167                                                <svg class="w-[4.2rem]" viewB
167ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
168                                                    <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"/>
169                                                    <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"/>
170                                                </svg>
171                                            </a>
172                                        </li>
173                                                                            <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">
174                                            <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]">
175                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Témoignages</span>
176                                                <svg class="w-[4.2rem]" viewB
176ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
177                                                    <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"/>
178                                                    <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"/>
179                                                </svg>
180                                            </a>
181                                        </li>
182                                                                    </ul>
183                            </article>
184                                            </li>
185                                    <li class="relative  dropdown-container-menu ">
186                        <header>
187                                                            <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]">
188                                    <span>Recherche</span>
189                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
190                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
191                                    </svg>
192                                </div>
193                                                    </header>
194                                                    <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">
195                                <ul class="article-content">
196                                                                            <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">
197                                            <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]">
198                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Notre impact</span>
199                                                <svg class="w-[4.2rem]" viewB
199ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
200                                                    <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"/>
201                                                    <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"/>
202                                                </svg>
203                                            </a>
204                                        </li>
205                                                                            <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">
206                                            <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]">
207                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Programmes de subventions</span>
208                                                <svg class="w-[4.2rem]" viewB
208ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
209                                                    <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"/>
210                                                    <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"/>
211                                                </svg>
212                                            </a>
213                                        </li>
214                                                                            <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">
215                                            <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]">
216                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Projets de recherche</span>
217                                                <svg class="w-[4.2rem]" viewB
217ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
218                                                    <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"/>
219                                                    <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"/>
220                                                </svg>
221                                            </a>
222                                        </li>
223                                                                    </ul>
224                            </article>
225                                            </li>
226                                    <li class="relative  dropdown-container-menu ">
227                        <header>
228                                                            <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]">
229                                    <span>Événements</span>
230                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
231                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
232                                    </svg>
233                                </div>
234                                                    </header>
235                                                    <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">
236                                <ul class="article-content">
237                                                                            <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">
238                                            <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]">
239                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Challenge contre le cancer</span>
240                                                <svg class="w-[4.2rem]" viewB
240ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
241                                                    <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"/>
242                                                    <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"/>
243                                                </svg>
244                                            </a>
245                                        </li>
246                                                                            <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">
247                                            <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]">
248                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Le Challenge rose</span>
249                                                <svg class="w-[4.2rem]" viewB
249ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
250                                                    <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"/>
251                                                    <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"/>
252                                                </svg>
253                                            </a>
254                                        </li>
255                                                                            <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">
256                                            <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]">
257                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Tous nos événements</span>
258                                                <svg class="w-[4.2rem]" viewB
258ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
259                                                    <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"/>
260                                                    <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"/>
261                                                </svg>
262                                            </a>
263                                        </li>
264                                                                            <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">
265                                            <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]">
266                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Organiser son activité</span>
267                                                <svg class="w-[4.2rem]" viewB
267ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
268                                                    <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"/>
269                                                    <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"/>
270                                                </svg>
271                                            </a>
272                                        </li>
273                                                                    </ul>
274                            </article>
275                                            </li>
276                                    <li class="relative  dropdown-container-menu ">
277                        <header>
278                                                            <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]">
279                                    <span>Comment donner</span>
280                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
281                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
282                                    </svg>
283                                </div>
284                                                    </header>
285                                                    <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">
286                                <ul class="article-content">
287                                                                            <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">
288                                            <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]">
289                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Faire un don</span>
290                                                <svg class="w-[4.2rem]" viewB
290ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
291                                                    <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"/>
292                                                    <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"/>
293                                                </svg>
294                                            </a>
295                                        </li>
296                                                                            <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">
297                                            <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]">
298                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Don d’actions et de titres</span>
299                                                <svg class="w-[4.2rem]" viewB
299ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
300                                                    <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"/>
301                                                    <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"/>
302                                                </svg>
303                                            </a>
304                                        </li>
305                                                                            <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">
306                                            <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]">
307                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Don planifié</span>
308                                                <svg class="w-[4.2rem]" viewB
308ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
309                                                    <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"/>
310                                                    <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"/>
311                                                </svg>
312                                            </a>
313                                        </li>
314                                                                    </ul>
315                            </article>
316                                            </li>
317                                    <li class="relative  dropdown-container-menu ">
318                        <header>
319                                                            <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]">
320                                    <span>Publications</span>
321                                    <svg class="w-[0.8rem] my-transition" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
322                                        <path d="M9.20107 0.949606L5.10059 5.05009L1.0001 0.949606" stroke="#E12827"/>
323                                    </svg>
324                                </div>
325                                                    </header>
326                                                    <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">
327                                <ul class="article-content">
328                                                                            <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">
329                                            <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]">
330                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Actualité</span>
331                                                <svg class="w-[4.2rem]" viewB
331ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
332                                                    <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"/>
333                                                    <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"/>
334                                                </svg>
335                                            </a>
336                                        </li>
337                                                                            <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">
338                                            <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]">
339                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Rapports d&#039;impact</span>
340                                                <svg class="w-[4.2rem]" viewB
340ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
341                                                    <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"/>
342                                                    <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"/>
343                                                </svg>
344                                            </a>
345                                        </li>
346                                                                            <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">
347                                            <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]">
348                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">États financiers</span>
349                                                <svg class="w-[4.2rem]" viewB
349ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
350                                                    <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"/>
351                                                    <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"/>
352                                                </svg>
353                                            </a>
354                                        </li>
355                                                                            <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">
356                                            <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]">
357                                                <span class="w-[calc(100%-4.2rem-3.5rem)]">Planification Stratégique</span>
358                                                <svg class="w-[4.2rem]" viewB
358ox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
359                                                    <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"/>
360                                                    <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"/>
361                                                </svg>
362                                            </a>
363                                        </li>
364                                                                    </ul>
365                            </article>
366                                            </li>
367                            </ul>
368            <ul class="">
369                                    <li class="">
370                        <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  ">
371
372            <span class="">Faire un don</span>
373        <div class="btn4-external">
374            <svg class="w-[1.6rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0.75 2.2 12.54 12.55">
375                <rect x="1.25391" y="3.70508" width="10.5455" height="10.5455" stroke="#E12827"></rect>
376                <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>
377            </svg>
378        </div>
379    
380</a>                    </li>
381                            </ul>
382        </div>
383
384    </div>
385    
386</section>    <section id="header-mobile" class="block xl:hidden fixed top-0 left-0 w-[100%] z-[999999]">
387
388    <div class="relative z-[999] flex items-center justify-between gap-[3.5rem] w-[100%] h-[9.2rem] bg-white">
389
390        <div class="flex items-center pl-[3rem] pr-[1.5rem] md:pl-[6.5%]">
391            <a href="https://societederecherchesurlecancer.ca/" class="block">
392                                                    <img src="/content/uploads/2023/11/src_logo_fr.png" alt="" class="w-[21.3rem] h-[6.1rem] object-contain object-left">
393                            </a>
394        </div>
395
396        <div class="flex items-center mr-[3rem] md:mr-[6.5%]">
397            
398                            <ul class="">
399                                                                                                                    <li class="">
400                                <a href="https://cancerresearchsociety.ca/" class=".not-external block header-small-text text-[1.2rem] my-transition py-[1.5rem] px-[2.1rem] text-charcoal hover:text-red capitalize">
401                                    en
402                                </a>
403                            </li> 
404                                                            </ul>
405             
406
407            <div id="burger-menu">
408                <div id="burger-menu-icon" class="burger-menu-icon">
409                    <div class="icon-line"></div>
410                    <div class="icon-line"></div>
411                    <div class="icon-line"></div>
412                </div>
413            </div> 
414
415        </div>
416
417
418    </div>
419
420    <nav id="burger-menu-open">
421        
422
423        <section class="bmo-section before:delay-[0.2s]">
424            <ul class="">
425                                    <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">
426                        <header>
427                                                            <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%]">
428                                    <span>À propos</span>
429                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
430                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
431                                    </svg>
432                                </div>
433                                                    </header>
434                                                    <article class="">
435                                <ul class="article-content pb-[2.8rem]">
436                                                                            <li class="relative">
437                                            <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%]">
438                                                <span>Mission</span>
439                                            </a>
440                                        </li>
441                                                                            <li class="relative">
442                                            <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%]">
443                                                <span>Histoire</span>
444                                            </a>
445                                        </li>
446                                                                            <li class="relative">
447                                            <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%]">
448                                                <span>Équipe</span>
449                                            </a>
450                                        </li>
451                                                                            <li class="relative">
452                                            <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%]">
453                                                <span>Témoignages</span>
454                                            </a>
455                                        </li>
456                                                                    </ul>
457                            </article>
458                                            </li>
459                                    <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">
460                        <header>
461                                                            <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%]">
462                                    <span>Recherche</span>
463                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
464                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
465                                    </svg>
466                                </div>
467                                                    </header>
468                                                    <article class="">
469                                <ul class="article-content pb-[2.8rem]">
470                                                                            <li class="relative">
471                                            <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%]">
472                                                <span>Notre impact</span>
473                                            </a>
474                                        </li>
475                                                                            <li class="relative">
476                                            <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%]">
477                                                <span>Programmes de subventions</span>
478                                            </a>
479                                        </li>
480                                                                            <li class="relative">
481                                            <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%]">
482                                                <span>Projets de recherche</span>
483                                            </a>
484                                        </li>
485                                                                    </ul>
486                            </article>
487                                            </li>
488                                    <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">
489                        <header>
490                                                            <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%]">
491                                    <span>Événements</span>
492                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
493                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
494                                    </svg>
495                                </div>
496                                                    </header>
497                                                    <article class="">
498                                <ul class="article-content pb-[2.8rem]">
499                                                                            <li class="relative">
500                                            <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%]">
501                                                <span>Challenge contre le cancer</span>
502                                            </a>
503                                        </li>
504                                                                            <li class="relative">
505                                            <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%]">
506                                                <span>Le Challenge rose</span>
507                                            </a>
508                                        </li>
509                                                                            <li class="relative">
510                                            <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%]">
511                                                <span>Tous nos événements</span>
512                                            </a>
513                                        </li>
514                                                                            <li class="relative">
515                                            <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%]">
516                                                <span>Organiser son activité</span>
517                                            </a>
518                                        </li>
519                                                                    </ul>
520                            </article>
521                                            </li>
522                                    <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">
523                        <header>
524                                                            <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%]">
525                                    <span>Comment donner</span>
526                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
527                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
528                                    </svg>
529                                </div>
530                                                    </header>
531                                                    <article class="">
532                                <ul class="article-content pb-[2.8rem]">
533                                                                            <li class="relative">
534                                            <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%]">
535                                                <span>Faire un don</span>
536                                            </a>
537                                        </li>
538                                                                            <li class="relative">
539                                            <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%]">
540                                                <span>Don d’actions et de titres</span>
541                                            </a>
542                                        </li>
543                                                                            <li class="relative">
544                                            <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%]">
545                                                <span>Don planifié</span>
546                                            </a>
547                                        </li>
548                                                                    </ul>
549                            </article>
550                                            </li>
551                                    <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">
552                        <header>
553                                                            <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%]">
554                                    <span>Publications</span>
555                                    <svg class="w-[2rem] my-transition" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
556                                        <path d="M18.2618 1.13092L10.1309 9.26184L1.99994 1.13092" stroke="#E12827" stroke-width="3"/>
557                                    </svg>
558                                </div>
559                                                    </header>
560                                                    <article class="">
561                                <ul class="article-content pb-[2.8rem]">
562                                                                            <li class="relative">
563                                            <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%]">
564                                                <span>Actualité</span>
565                                            </a>
566                                        </li>
567                                                                            <li class="relative">
568                                            <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%]">
569                                                <span>Rapports d&#039;impact</span>
570                                            </a>
571                                        </li>
572                                                                            <li class="relative">
573                                            <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%]">
574                                                <span>États financiers</span>
575                                            </a>
576                                        </li>
577                                                                            <li class="relative">
578                                            <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%]">
579                                                <span>Planification Stratégique</span>
580                                            </a>
581                                        </li>
582                                                                    </ul>
583                            </article>
584                                            </li>
585                            </ul>
586        </section>
587
588
589        <section class="bmo-section py-[3.2rem] px-[3rem] md:px-[6.5%] before:delay-[0.3s]">
590            <ul class="">
591                                    <li class="">
592                        <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  ">
593
594            <span class="">Faire un don</span>
595        <div class="btn4-external">
596            <svg class="w-[1.6rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0.75 2.2 12.54 12.55">
597                <rect x="1.25391" y="3.70508" width="10.5455" height="10.5455" stroke="#E12827"></rect>
598                <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>
599            </svg>
600        </div>
601    
602</a>                    </li>
603                            </ul>
604        </section>
605
606
607        <section class="bmo-section py-[1.5rem] px-[3rem] md:px-[6.5%] before:delay-[0.4s]">
608            <div class="flex flex-wrap items-center gap-x-[4.8rem] md:gap-x-[2.2rem]">
609            <a href="tel:18663432262" target="_blank" class="flex items-center gap-[0.8rem] group py-[1.5rem]">
610            <svg class="w-[2.9rem] md:w-[2.1rem]" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
611                <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"/>
612            </svg>
613            <div class="header-small-text my-transition text-red group-hover:text-darkRed">
614                1 866-343-2262
615            </div>
616        </a>
617    
618    <a href="mailto:[email protected]" target="_blank" class="flex items-center gap-[1.2rem] md:gap-[0.8rem] group py-[1.5rem]">
619        <svg class="w-[2.8rem] md:w-[2.1rem]" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
620            <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"/>
621        </svg>
622        <div class="header-small-text my-transition text-red group-hover:text-darkRed underline">
623            [email protected]
624        </div>
625    </a>
626</div>
627        </section>
628
629        <section class="bmo-section py-[3.2rem] px-[3rem] md:px-[6.5%] flex items-center justify-between gap-[2rem] before:delay-[0.5s]">
630            
631            <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/">
632    <label>
633        <span class="sr-only">
634            Recherche pour:
635        </span>
636
637        <input
638            type="search"
639            placeholder="Rechercher&hellip;"
640            value=""
641            name="s"
642            class="w-[17.9rem] header-small-text text-gray1 bg-[transparent] py-[0.6rem] pl-[0.9rem] pr-[4rem] focus:outline-none "
643        >
644    </label>
645
646    <button></button>
647
648</form>
649            <ul class="">
650                                    <li class="">
651                        <a href="https://societederecherchesurlecancer.ca/nous-joindre/" class="block header-small-text my-transition py-[1.5rem] text-charcoal text-center hover:text-red">
652                            Nous joindre
653                        </a>
654                    </li>
655                            </ul>
656        </section>
657
658    </nav> 
659
660</section></header>
661
662            <main id="main" class="">
663                                     <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%]">
664    <div class="pt-[3.7rem] pb-[5.3rem] md:pt-[7rem] md:pb-[7.2rem] bg-steel">
665        <div class="relative z-10">
666            <div class="px-[3.8rem] md:px-[calc(6.9%*2)]">
667                                    <h1 class="title2 text-black ml-[-0.1rem] md:ml-[-0.5rem] max-w-[55rem]"><span style="font-size: 90%;line-height: 100%;display: inline-block;">Ensemble,
668<strong>faisons avancer la recherche</strong></span></h1>
669                                                    <div class="wysiwyg pt-[2.6rem] md:pt-[3rem] max-w-[45rem]">
670                        <p>Aider la recherche sur le cancer à sauver encore plus de vies.</p>
671
672                    </div>
673                            </div>
674            <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]">
675                                    <div class="grid grid-cols-1 gap-[2.2rem] btn1-repeater">
676                                                    <a href="https://cancer.src-crs.ca/site/Donation2?df_id=5241&amp;5241.donation=form1&amp;mfc_pref=T&amp;s_locale=fr_CA&amp;gift_type=1" target="_blank" class="btn1  ">
677
678            <span class="">Faire un don unique</span>
679        <div class="btn1-arrow">
680            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
681                <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"/>
682            </svg>
683        </div>
684    
685</a>
686                                                    <a href="https://cancer.src-crs.ca/site/Donation2?df_id=5241&amp;5241.donation=form1&amp;mfc_pref=T&amp;s_locale=fr_CA&amp;gift_type=2" target="_blank" class="btn1  ">
687
688            <span class="">Faire un don mensuel</span>
689        <div class="btn1-arrow">
690            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
691                <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"/>
692            </svg>
693        </div>
694    
695</a>
696                                            </div>
697                                <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">
698                    <svg class="absolute top-0 left-0 w-[100%] my-transition" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
699                        <path d="M22 26L29 33L36 26" stroke="#E12827" stroke-width="3"/>
700                    </svg>
701                </div>
702            </div>
703        </div>
704    </div>
705    <div class="relative w-[100%] h-[100%]">
706                    <img decoding="async" src="/glide?path=/content/uploads/2026/01/OnGoing-homepage.jpg&amp;w=1512&amp;fm=webp&amp;q=75" srcset="/glide?path=/content/uploads/2026/01/OnGoing-homepage.jpg&amp;fm=webp&amp;q=75&amp;w=480 480w, /glide?path=/content/uploads/2026/01/OnGoing-homepage.jpg&amp;fm=webp&amp;q=75&amp;w=768 768w, /glide?path=/content/uploads/2026/01/OnGoing-homepage.jpg&amp;fm=webp&amp;q=75&amp;w=1024 1024w, /glide?path=/content/uploads/2026/01/OnGoing-homepage.jpg&amp;fm=webp&amp;q=75&amp;w=1512 1512w" sizes="(min-width: 768px) 50vw, 100vw" alt="Jeune garçon portant un masque de super-héros et tenant un ours en peluche tout en souriant à son médecin à l&#039;hôpital." class="md:absolute w-[100%] h-[100%] object-cover object-center">
707            </div>
708
709    <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">
710        <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>
711    </svg>
712
713    <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">
714        <path d="M-24.6737 387.982C269.554 146.869 1044.11 -214.249 1788.49 270.186" stroke="#E12827" stroke-width="61"></path>
715    </svg>
716
717</section>
718
719
720
721
722<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 ">
723    
724    <div class="layout-part-img">
725                     
726                <img decoding="async" src="/glide?path=/content/uploads/2023/09/Frame-184.png&amp;w=1510&amp;fm=webp&amp;q=75" alt="Une patiente qui porte sa fille sur son dos, les deux souri
726antes." class="w-[100%] max-w-none px-[2.5rem] sm:px-[7.5rem] md:px-0">    
727                        </div>
728
729    <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)]">
730        <div class="max-w-[35rem] sm:max-w-[none]">
731                                            <h2 class="title2 text-black max-w-[50rem] sm:max-w-[90%] md:max-w-[50rem]">La recherche est la <strong>clé</strong></h2>
732                                        <div class="wysiwyg big-paragraph-2 text-charcoal pt-[3.4rem] max-w-[40rem] sm:max-w-none md:max-w-[40rem]">
733                    <p>Depuis plus de 80 ans, la Société de recherche sur le cancer (SRC) a alloué plus de 450 millions $ dans des subventions et des bourses de recherche, démontrant son rôle crucial dans l’avancement de la recherche sur le cancer au Canada.  </p>
734<p>Grâce à la générosité de milliers de donateurs et de divers partenaires, des avancées importantes dans la prévention, le dépistage et le traitement du cancer continuent de voir le jour, démontrant l’impact de la SRC sur les patients atteints de la maladie et leurs familles.  </p>
735
736                </div>
737                    </div>
738                    <a href="https://societederecherchesurlecancer.ca/notre-impact/" target="" class="btn1  ">
739
740            <span class="">Notre impact</span>
741        <div class="btn1-arrow">
742            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
743                <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"/>
744            </svg>
745        </div>
746    
747</a>
748            </div>
749
750</section>
751
752<section  class="block-imagecontent layout-contentimg background-steel 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 ">
753    
754    <div class="layout-part-img">
755                     
756                <img decoding="async" src="/glide?path=/content/uploads/2025/09/calculator-fr.jpg&amp;w=1510&amp;fm=webp&amp;q=75" alt="Une femme utilise le &quot;Calculateur de dons&quot; en ligne de la Société de recherche sur le cancer sur son ordinateur portable tout en flattant son chat." class="w-[100%] max-w-none px-[2.5rem] sm:px-[7.5rem] md:px-0">    
757                        </div>
758
759    <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)]">
760        <div class="max-w-[35rem] sm:max-w-[none]">
761                                            <h2 class="title2 text-black max-w-[50rem] sm:max-w-[90%] md:max-w-[50rem]">RÉVÉLEZ L’IMPACT DE <strong>VOTRE DON</strong></h2>
762                                        <div class="wysiwyg big-paragraph-2 text-charcoal pt-[3.4rem] max-w-[40rem] sm:max-w-none md:max-w-[40rem]">
763                    <p>Déterminez le type de don qui vous convient le mieux grâce à notre calculateur de dons.   </p>
764<p>Qu’il s’agisse d’un don en espèces, en actions, par testament ou d’assurance vie, voyez, en quelques clics, comment maximiser vos avantages fiscaux tout en soutenant la recherche sur le cancer.  </p>
765
766                </div>
767                    </div>
768                    <a href="https://cancerresearchsociety.giftabulatornow.com/app/give-now?locale=fr-CA&amp;zoom=100&amp;result=false&amp;province=QC&amp;income=100000&amp;asset=stock&amp;assetValue=100000&amp;assetCost=25000&amp;donation=5000&amp;pledgePeriod=1" target="_blank" class="btn1  ">
769
770            <span class="">Accéder au calculateur </span>
771        <div class="btn1-arrow">
772            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
773                <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"/>
774            </svg>
775        </div>
776    
777</a>
778            </div>
779
780</section>
781
782<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 ">
783    
784    <div class="layout-part-img">
785                    <div class="lpi-content relative w-[60%] max-w-[25.1rem] mx-auto">
786                <svg class="w-[100%] object-contain shape-charcoal" viewBox="0 0 421 414" fill="none" xmlns="http://www.w3.org/2000/svg">
787                    <path d="M420.806 210.5C420.806 326.756 378.256 414 262 414C145.744 414 2.08773e-05 319.756 2.08773e-05 203.5C2.08773e-05 87.2441 160.051 0 276.306 0C392.562 0 420.806 94.2441 420.806 210.5Z" fill="#E12827" />
788                </svg>    
789                 
790                    <img decoding="async" src="/content/uploads/2023/10/microscope.svg" alt="" class="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[55%]">
791                            </div>
792            </div>
793
794    <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)]">
795        <div class="max-w-[35rem] sm:max-w-[none]">
796                                            <h2 class="title2 text-black max-w-[50rem] sm:max-w-[90%] md:max-w-[50rem]">soutenir les <strong>avancées</strong></h2>
797                                        <div class="wysiwyg big-paragraph-2 text-charcoal pt-[3.4rem] max-w-[40rem] sm:max-w-none md:max-w-[40rem]">
798                    <p>Grâce à nos programmes de subventions, nous soutenons des centaines de chercheurs à différents stades de leur carrière que ce soit des chercheurs établis ou encore des étudiants prometteurs, tous dédiés à réaliser des avancées significatives dans la prévention, la détection et le traitement sur tous les types de cancers.</p>
799<p>Ainsi, chaque année, les projets de recherche s’étant le mieux classés lors de la sélection effectuée par nos comités d’experts reç
799oivent le financement nécessaire.</p>
800
801                </div>
802                    </div>
803                    <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/" target="" class="btn1  ">
804
805            <span class="">Découvrir les programmes de subventions</span>
806        <div class="btn1-arrow">
807            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
808                <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"/>
809            </svg>
810        </div>
811    
812</a>
813            </div>
814
815</section>
816
817<section  class="block-banner layout-2col relative bg-red my-container-large overflow-hidden">
818    
819    <svg class="top-left absolute max-w-[51.7rem] top-0 left-0 w-[100%] translate-x-[-50%] translate-y-[-50%] md:translate-y-[-65%] md:w-[40%] md:max-w-[65.4rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="-307 -229 517 517">
820        <circle cx="-48.5" cy="29.5" r="208" stroke="#B40000" stroke-width="101"></circle>
821    </svg>
822
823    <svg class="bottom-right absolute max-w-[51.7rem] w-[110%] left-[100%] top-[100%] translate-x-[-50%] translate-y-[-50%] md:w-[40%] md:max-w-[65.4rem]" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 654 654">
824        <circle cx="327" cy="327" r="261.5" stroke="#B40000" stroke-width="131"></circle>
825    </svg>
826
827            <img decoding="async" src="/content/uploads/2023/10/heart.svg" alt="" class="absolute bottom-0 right-0 w-[16rem] max-w-[40%] md:w-[39rem] md:max-w-[25%] aspect-[391/356] object-contain">
828    
829            <h2 class="relative title2 text-white">Votre soutien est essentiel</h2>
830        <div class="relative md:pl-[17%]">
831                            <div class="pt-[3.8rem] md:pt-[2.5rem] wysiwyg paragraph1 text-white">
832                    <p>Vos dons et votre engagement sont indispensables pour poursuivre notre mission et réduire l&rsquo;impact du cancer dans nos vies.  Découvrez comment vous pouvez faire la différence pour la cause. </p>
833
834                </div>
835                                        <div class="pt-[3.8rem] md:pt-[2.5rem] grid grid-cols-1 gap-[1.4rem]">
836                                            <a href="https://societederecherchesurlecancer.ca/comment-donner/" target="" class="btn1  white">
837
838            <span class="">Faire un don</span>
839        <div class="btn1-arrow">
840            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
841                <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"/>
842            </svg>
843        </div>
844    
845</a>
846                                            <a href="https://societederecherchesurlecancer.ca/evenements/" target="" class="btn1  white">
847
848            <span class="">Découvrir nos événements</span>
849        <div class="btn1-arrow">
850            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
851                <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"/>
852            </svg>
853        </div>
854    
855</a>
856                                    </div>
857                    </div>
858    
859</section>
860
861<section  class="block-news my-container-large pt-[9rem] pb-[10.4rem] md:py-[13.4rem] ">
862            <h2 class="title2 text-black"><strong>Nouvelles</strong></h2>
863    
864    <div class="mt-[2.8rem] md:mt-[6.7rem] border-solid border-t-[1px] border-gray2">
865                                    <a href="https://societederecherchesurlecancer.ca/nouvelles/8e-edition-de-la-classique-cyclo-marche-impact-considerable/" class="news-item  my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
866    <div>
867        <div class="flex items-center gap-4">
868            <div class="date-text text-darkRed">
869                14 Sep 2026
870            </div>
871                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
872                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
873                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
874                    </svg>
875                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
876                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
877                    </svg>
878                </div>
879                
880                <ul class="">
881                                            <li class="date-text text-red">
882                                                        Événement
883                        </li>
884                                    </ul>
885                    </div>
886        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
887            8e édition de la Classique Cyclo-Marche : un impact considérable
888        </div>
889                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
890                14 septembre 2026 &#8211; La 8e édition de la Classique Cyclo-Marche a une fois plus démontré la mobilisation incroyable des marcheurs et cyclistes réunis pour la cause. C’est un montant exceptionnel de 38 255 $ qui a été amassé au profit de la Société de recherche sur le cancer (SRC). 
891            </div>
892            </div>
893    <div class="flex">
894        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
895            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
896                <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="#F1F1F1"/>
897            </svg>
898        </div>
899    </div>
900</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-journee-de-la-marche-du-reve-inoubliable/" class="news-item  my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
901    <div>
902        <div class="flex items-center gap-4">
903            <div class="date-text text-darkRed">
904                11 Sep 2026
905            </div>
906                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
907                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
908                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
909                    </svg>
910                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
911                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
912                    </svg>
913                </div>
914                
915                <ul class="">
916                                            <li class="date-text text-red">
917                                                        Événement
918                        </li>
919                                    </ul>
920                    </div>
921        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
922            Une Journée de la Marche du Rêve inoubliable!
923        </div>
924                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
925                11 septembre 2026 – À l’occasion de sa 13e édition, la Journée de la Marche du Rêve a amassé la somme exceptionnelle de 50 159 $ net au profit de la Société de recherche sur le cancer. Tout cela a été possible grâce à la générosité et la mobilisation de la belle communauté du Camping Domaine du Rêve. 
926            </div>
927            </div>
928    <div class="flex">
929        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
930            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
931                <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="#F1F1F1"/>
932            </svg>
933        </div>
934    </div>
935</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-prevention-du-cancer-de-la-peau-ne-se-limite-pas-a-la-creme-solaire/" class="news-item  my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
936    <div>
937        <div class="flex items-center gap-4">
938            <div class="date-text text-darkRed">
939                23 Juil 2026
940            </div>
941                    </div>
942        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
943            La prévention du cancer de la peau ne se limite pas à la crème solaire
944        </div>
945                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
946                De nouvelles recherches canadiennes appellent à repenser les messages de santé publique 
947            </div>
948            </div>
949    <div class="flex">
950        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
951            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
952                <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="#F1F1F1"/>
953            </svg>
954        </div>
955    </div>
956</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/les-patientes-au-centre-de-la-recherche-sur-le-cancer-de-lovaire/" class="news-item  my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
957    <div>
958        <div class="flex items-center gap-4">
959            <div class="date-text text-darkRed">
960                29 Mai 2026
961            </div>
962                    </div>
963        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
964            Les patientes au centre de la recherche sur le cancer de l’ovaire
965        </div>
966                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
967                Le 29 mai 2026 &#8211; La Société de recherche sur le cancer (SRC) et Cancer de l’ovaire Canada annoncent un investissement conjoint de 200 000 $ pour soutenir deux projets de recherche visant à améliorer les stratégies de traitement et de prévention des cancers de l’ovaire et de l’endomètre.
968            </div>
969            </div>
970    <div class="flex">
971        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
972            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
973                <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="#F1F1F1"/>
974            </svg>
975        </div>
976    </div>
977</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-2026-un-succes-collectif-pour-la-recherche/" class="news-item  my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
978    <div>
979        <div class="flex items-center gap-4">
980            <div class="date-text text-darkRed">
981                27 Mai 2026
982            </div>
983                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
984                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
985                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
986                    </svg>
987                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
988                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
989                    </svg>
990                </div>
991                
992                <ul class="">
993                                            <li class="date-text text-red">
994                                                        Événement
995                        </li>
996                                    </ul>
997                    </div>
998        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
999            BBQ Urbain 2026 : un succès collectif pour la recherche
1000        </div>
1001                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1002                Le 27 mai 2026 — Présenté pour une 12e année consécutive par RBC Banque Royale (Qc), le BBQ Urbain au profit de la Société de recherche sur le cancer (SRC) a une fois de plus été un franc succès. L’événement, qui s’est tenu le 27 mai au Grand Quai du Port de Montréal, a rassemblé plus de 1 000 convives et permis d’amasser la somme exceptionnelle de 850 000 $ net, un montant qui servira à financer des projets de recherche au Québec. 
1003            </div>
1004            </div>
1005    <div class="flex">
1006        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1007            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1008                <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="#F1F1F1"/>
1009            </svg>
1010        </div>
1011    </div>
1012</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-nouvelle-ere-de-la-recherche-clinique-sur-le-cancer-au-canada/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1013    <div>
1014        <div class="flex items-center gap-4">
1015            <div class="date-text text-darkRed">
1016                22 Avr 2026
1017            </div>
1018                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1019                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1020                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1021                    </svg>
1022                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1023                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1024                    </svg>
1025                </div>
1026                
1027                <ul class="">
1028                                            <li class="date-text text-red">
1029                                                        Recherche
1030                        </li>
1031                                    </ul>
1032                    </div>
1033        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1034            Une nouvelle ère de la recherche clinique sur le cancer au Canada
1035        </div>
1036                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1037                Le 22 avril 2026 – La Société de recherche sur le cancer (SRC), en partenariat avec la Société canadienne du cancer et l’Institut de recherche Terry Fox, lance un programme national inédit visant à soutenir des essais cliniques initiés par des chercheurs à travers le Canada. 
1038            </div>
1039            </div>
1040    <div class="flex">
1041        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1042            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1043                <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="#F1F1F1"/>
1044            </svg>
1045        </div>
1046    </div>
1047</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/soutien-renouvele-a-la-recherche-sur-le-cancer-du-poumon/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1048    <div>
1049        <div class="flex items-center gap-4">
1050            <div class="date-text text-darkRed">
1051                15 Avr 2026
1052            </div>
1053                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1054                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1055                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1056                    </svg>
1057                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1058                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1059                    </svg>
1060                </div>
1061                
1062                <ul class="">
1063                                            <li class="date-text text-red">
1064                                                        Recherche
1065                        </li>
1066                                    </ul>
1067                    </div>
1068        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1069            Soutien renouvelé à la recherche sur le cancer du poumon 
1070        </div>
1071                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1072                Le 15 avril 2026 – La Société de recherche sur le cancer (SRC) annonce le lancement de la deuxième édition de son programme de subventions pour la recherche sur le cancer du poumon, soutenu par un investissement total de 2 millions $. S’appuyant sur le succès de la première 
1072édition, cette initiative vise à accélérer les avancées scientifiques dans un domaine où les besoins demeurent importants. 
1073            </div>
1074            </div>
1075    <div class="flex">
1076        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1077            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1078                <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="#F1F1F1"/>
1079            </svg>
1080        </div>
1081    </div>
1082</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/deux-nouveaux-experts-prennent-place-au-comite-consultatif-scientifique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1083    <div>
1084        <div class="flex items-center gap-4">
1085            <div class="date-text text-darkRed">
1086                27 Mar 2026
1087            </div>
1088                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1089                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1090                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1091                    </svg>
1092                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1093                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1094                    </svg>
1095                </div>
1096                
1097                <ul class="">
1098                                            <li class="date-text text-red">
1099                                                        Recherche
1100                        </li>
1101                                    </ul>
1102                    </div>
1103        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1104            Deux nouveaux experts prennent place au comité consultatif scientifique 
1105        </div>
1106                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1107                Le 27 mars 2026 – La Société de recherche sur le cancer (SRC) est fière d’annoncer l’arrivée de deux nouveaux membres au sein de son comité consultatif scientifique.  
1108            </div>
1109            </div>
1110    <div class="flex">
1111        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1112            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1113                <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="#F1F1F1"/>
1114            </svg>
1115        </div>
1116    </div>
1117</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/soutenir-la-recherche-sur-le-cancer-de-la-prostate/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1118    <div>
1119        <div class="flex items-center gap-4">
1120            <div class="date-text text-darkRed">
1121                25 Mar 2026
1122            </div>
1123                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1124                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1125                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1126                    </svg>
1127                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1128                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1129                    </svg>
1130                </div>
1131                
1132                <ul class="">
1133                                            <li class="date-text text-red">
1134                                                        Recherche
1135                        </li>
1136                                    </ul>
1137                    </div>
1138        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1139            Soutenir la recherche sur le cancer de la prostate 
1140        </div>
1141                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1142                Le 25 mars 2026 – La Société de recherche sur le cancer (SRC), en partenariat avec PROCURE, annonce un investissement majeur de 3 millions $ pour soutenir six projets de recherche novateurs sur le cancer de la prostate.   
1143            </div>
1144            </div>
1145    <div class="flex">
1146        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1147            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1148                <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="#F1F1F1"/>
1149            </svg>
1150        </div>
1151    </div>
1152</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-essai-clinique-pour-soigner-les-jeunes-enfants/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1153    <div>
1154        <div class="flex items-center gap-4">
1155            <div class="date-text text-darkRed">
1156                2 Fév 2026
1157            </div>
1158                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1159                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1160                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1161                    </svg>
1162                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1163                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1164                    </svg>
1165                </div>
1166                
1167                <ul class="">
1168                                            <li class="date-text text-red">
1169                                                        Recherche
1170                        </li>
1171                                    </ul>
1172                    </div>
1173        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1174            Un essai clinique pour soigner les jeunes enfants 
1175        </div>
1176                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1177                2 février 2026 – La Société de recherche sur le cancer (SRC) est fière d’annoncer l’ouverture de l’essai clinique pancanadien DECRYPT-BABYBRAIN, destiné à traiter des cancers cérébraux rares et agressifs chez les bébés et jeunes enfants. 
1178            </div>
1179            </div>
1180    <div class="flex">
1181        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1182            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1183                <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="#F1F1F1"/>
1184            </svg>
1185        </div>
1186    </div>
1187</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dejouer-ensemble-les-cancers-cerebraux-rares/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1188    <div>
1189        <div class="flex items-center gap-4">
1190            <div class="date-text text-darkRed">
1191                27 Jan 2026
1192            </div>
1193                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1194                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1195                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1196                    </svg>
1197                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1198                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1199                    </svg>
1200                </div>
1201                
1202                <ul class="">
1203                                            <li class="date-text text-red">
1204                                                        Recherche
1205                        </li>
1206                                    </ul>
1207                    </div>
1208        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1209            Déjouer ensemble les cancers cérébraux rares
1210        </div>
1211                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1212                27 janvier 2026 – La Société de recherche sur le cancer (SRC) est fière de s’associer à une initiative majeure consacrée aux tumeurs cérébrales rares touchant les enfants et les jeunes adultes.
1213            </div>
1214            </div>
1215    <div class="flex">
1216        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1217            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1218                <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="#F1F1F1"/>
1219            </svg>
1220        </div>
1221    </div>
1222</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/honorer-notre-heritage/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1223    <div>
1224        <div class="flex items-center gap-4">
1225            <div class="date-text text-darkRed">
1226                17 Déc 2025
1227            </div>
1228                    </div>
1229        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1230            Honorer notre héritage
1231        </div>
1232                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1233                17 décembre 2025 – À l’heure où s’achève notre 80e anniversaire, notre détermination à poursuivre notre engagement d’accélérer les découvertes et l’impact de la recherche sur le cancer demeure intacte. Depuis 1945, génération après génération, des personnes engagées ont choisi de soutenir la recherche pour mieux prévenir, détecter et traiter le cancer. Cette fidélité a façonné notre organisation, lui donnant la force, la crédibilité et la stabilité nécessaires pour remplir notre rôle essentiel.
1234            </div>
1235            </div>
1236    <div class="flex">
1237        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1238            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1239                <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="#F1F1F1"/>
1240            </svg>
1241        </div>
1242    </div>
1243</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/chanter-noel-pour-dejouer-le-cancer-du-sein/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1244    <div>
1245        <div class="flex items-center gap-4">
1246            <div class="date-text text-darkRed">
1247                9 Déc 2025
1248            </div>
1249                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1250                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1251                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1252                    </svg>
1253                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1254                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1255                    </svg>
1256                </div>
1257                
1258                <ul class="">
1259                                            <li class="date-text text-red">
1260                                                        Événement
1261                        </li>
1262                                    </ul>
1263                    </div>
1264        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1265            Chanter Noël pour déjouer le cancer du sein
1266        </div>
1267                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1268                9 décembre 2025 – Porté par la magie des fêtes, l’événement Chanter Noël pour la recherche du 8 décembre dernier a suscité un bel élan d’espoir et de générosité, alors que la somme record de 201 000 $ a été amassée pour la recherche sur le cancer du sein. Chaleureusement animée par Marina Orsini, cette soirée s’est déroulée à la Maison Alcan de Montréal et a réuni près de 300 personnes. 
1269            </div>
1270            </div>
1271    <div class="flex">
1272        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1273            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1274                <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="#F1F1F1"/>
1275            </svg>
1276        </div>
1277    </div>
1278</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/antonia-palmer-administratrice-conseil-administration/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1279    <div>
1280        <div class="flex items-center gap-4">
1281            <div class="date-text text-darkRed">
1282                5 Déc 2025
1283            </div>
1284                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1285                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1286                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1287                    </svg>
1288                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1289                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1290                    </svg>
1291                </div>
1292                
1293                <ul class="">
1294                                            <li class="date-text text-red">
1295                                                        Conseil d’administration
1296                        </li>
1297                                    </ul>
1298                    </div>
1299        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1300            Antonia Palmer, nouvelle administratrice de notre conseil d&#039;administration
1301        </div>
1302                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1303                5 décembre 2025 &#8211; Christian Paupe, président du conseil d’administration de la Société de recherche sur le cancer (SRC), est fier d’annoncer la nomination d’Antonia Palmer à titre d’administratrice. En 2009, son fils, alors âgé de deux ans, a reçu un diagnostic de cancer agressif. Elle décide de transformer cette épreuve difficile en un élan profondément inspirant alors qu’elle devient une véritable militante pour les enfants atteints d’un cancer ainsi que leurs familles.
1304            </div>
1305            </div>
1306    <div class="flex">
1307        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1308            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1309                <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="#F1F1F1"/>
1310            </svg>
1311        </div>
1312    </div>
1313</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/100-nouvelles-subventions-de-fonctionnement/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1314    <div>
1315        <div class="flex items-center gap-4">
1316            <div class="date-text text-darkRed">
1317                20 Nov 2025
1318            </div>
1319                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1320                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1321                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1322                    </svg>
1323                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1324                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1325                    </svg>
1326                </div>
1327                
1328                <ul class="">
1329                                            <li class="date-text text-red">
1330                                                        Recherche
1331                        </li>
1332                                    </ul>
1333                    </div>
1334        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1335            100 nouvelles subventions de fonctionnement
1336        </div>
1337                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1338                20 novembre 2025 &#8211; La Société de recherche sur le cancer (SRC) est fière d’annoncer le financement de 100 projets parmi les plus prometteurs au Canada. Ces subventions permettront de soutenir des travaux innovants visant à mieux prévenir, détecter et traiter tous les types de cancer.
1339            </div>
1340            </div>
1341    <div class="flex">
1342        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1343            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1344                <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="#F1F1F1"/>
1345            </svg>
1346        </div>
1347    </div>
1348</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/loterie-contre-le-cancer-un-franc-succes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1349    <div>
1350        <div class="flex items-center gap-4">
1351            <div class="date-text text-darkRed">
1352                20 Nov 2025
1353            </div>
1354                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1355                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1356                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1357                    </svg>
1358                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1359                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1360                    </svg>
1361                </div>
1362                
1363                <ul class="">
1364                                            <li class="date-text text-red">
1365                                                        Événement
1366                        </li>
1367                                    </ul>
1368                    </div>
1369        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1370            Loterie contre le cancer : un franc succès
1371        </div>
1372                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1373                20 novembre 2025 – La première édition de la Loterie contre le cancer de la Société de recherche sur le cancer (SRC), qui a eu lieu du 15 septembre au 20 octobre 2025, a suscité un vif engouement. Elle a permis à des milliers de personnes demeurant au Québec de soutenir la recherche sur le cancer. Cette belle réussite a été rendue possible grâce à l’engagement des participants, qui ont contribué à faire de cette initiative un succès prometteur et porteur d’espoir. 
1374            </div>
1375            </div>
1376    <div class="flex">
1377        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1378            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1379                <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="#F1F1F1"/>
1380            </svg>
1381        </div>
1382    </div>
1383</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/transformez-vos-consignes-en-dons/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1384    <div>
1385        <div class="flex items-center gap-4">
1386            <div class="date-text text-darkRed">
1387                14 Nov 2025
1388            </div>
1389                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1390                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1391                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1392                    </svg>
1393                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1394                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1395                    </svg>
1396                </div>
1397                
1398                <ul class="">
1399                                            <li class="date-text text-red">
1400                                                        Partenaire
1401                        </li>
1402                                    </ul>
1403                    </div>
1404        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1405            Transformez vos consignes en dons
1406        </div>
1407                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1408                14 novembre 2025 – La Société de recherche sur le cancer (SRC) s&#039;est fièrement associée à l’entreprise québécoise Go Consigne afin d’offrir une nouvelle façon simple et écologique de soutenir la recherche sur le cancer. Chaque contenant consigné peut faire une réelle différence pour les milliers de gens touchés par la maladie ! 
1409            </div>
1410            </div>
1411    <div class="flex">
1412        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1413            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1414                <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="#F1F1F1"/>
1415            </svg>
1416        </div>
1417    </div>
1418</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/50-bourses-de-doctorat-soutenir-lavenir-de-la-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1419    <div>
1420        <div class="flex items-center gap-4">
1421            <div class="date-text text-darkRed">
1422                4 Nov 2025
1423            </div>
1424                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1425                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1426                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1427                    </svg>
1428                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1429                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1430                    </svg>
1431                </div>
1432                
1433                <ul class="">
1434                                            <li class="date-text text-red">
1435                                                        Recherche
1436                        </li>
1437                                    </ul>
1438                    </div>
1439        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1440            50 bourses de doctorat : soutenir l’avenir de la recherche
1441        </div>
1442                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1443                4 novembre 2025 &#8211; La Société de recherche sur le cancer (SRC) est heureuse d’annoncer l’octroi de 50 bourses de recherche au doctorat à des étudiants de partout au pays. Ces bourses permettent aux doctorants de se concentrer pleinement sur leurs projets, qui visent à mieux prévenir, détecter et traiter le cancer.
1444            </div>
1445            </div>
1446    <div class="flex">
1447        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1448            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1449                <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="#F1F1F1"/>
1450            </svg>
1451        </div>
1452    </div>
1453</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/accords-celestes-2025-une-soiree-remplie-despoir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1454    <div>
1455        <div class="flex items-center gap-4">
1456            <div class="date-text text-darkRed">
1457                29 Oct 2025
1458            </div>
1459                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1460                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1461                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1462                    </svg>
1463                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1464                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1465                    </svg>
1466                </div>
1467                
1468                <ul class="">
1469                                            <li class="date-text text-red">
1470                                                        Événement
1471                        </li>
1472                                    </ul>
1473                    </div>
1474        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1475            Accords Célestes 2025 : une soirée remplie d&#039;espoir
1476        </div>
1477                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1478                29 octobre 2025 – L’événement Accords Célestes, présenté par le Groupe MTY, a célébré sa 8e édition le 28 octobre dernier. Cette soirée mémorable, alliant parfaitement gastronomie raffinée et musique envoûtante, a été le théâtre d’un élan de générosité remarquable alors qu’un montant record de plus de 415 500 $ net a été amassé au profit de la Société de recherche sur le cancer (SRC). 
1479            </div>
1480            </div>
1481    <div class="flex">
1482        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1483            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1484                <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="#F1F1F1"/>
1485            </svg>
1486        </div>
1487    </div>
1488</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/soutien-a-7-chercheurs-prometteurs/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1489    <div>
1490        <div class="flex items-center gap-4">
1491            <div class="date-text text-darkRed">
1492                23 Oct 2025
1493            </div>
1494                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1495                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1496                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1497                    </svg>
1498                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1499                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1500                    </svg>
1501                </div>
1502                
1503                <ul class="">
1504                                            <li class="date-text text-red">
1505                                                        Recherche
1506                        </li>
1507                                    </ul>
1508                    </div>
1509        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1510            Soutien à 7 chercheurs prometteurs
1511        </div>
1512                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1513                Le 23 octobre 2025 — La Société de recherche sur le cancer (SRC) est heureuse d’annoncer l’octroi de 7 subventions pour la relève scientifique à des stagiaires postdoctoraux de talent. Ce programme unique au Canada illustre son engagement continu envers la nouvelle génération de chercheurs en cancérologie.
1514            </div>
1515            </div>
1516    <div class="flex">
1517        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1518            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1519                <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="#F1F1F1"/>
1520            </svg>
1521        </div>
1522    </div>
1523</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/accelerer-la-recherche-sur-le-cancer-du-cerveau/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1524    <div>
1525        <div class="flex items-center gap-4">
1526            <div class="date-text text-darkRed">
1527                16 Oct 2025
1528            </div>
1529                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1530                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1531                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1532                    </svg>
1533                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1534                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1535                    </svg>
1536                </div>
1537                
1538                <ul class="">
1539                                            <li class="date-text text-red">
1540                                                        Recherche
1541                        </li>
1542                                    </ul>
1543                    </div>
1544        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1545            Accélérer la recherche sur le cancer du cerveau         
1546        </div>
1547                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1548                16 octobre 2025 – La Société de recherche sur le cancer (SRC) est fière d’annoncer les deux récipiendaires du nouveau programme Subventions de recherches translationnelles sur le cancer du cerveau 2025 organisé en partenariat avec Brain Canada. Les deux projets sélectionnés figurent parmi les plus prometteurs dans le domaine.  
1549            </div>
1550            </div>
1551    <div class="flex">
1552        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1553            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1554                <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="#F1F1F1"/>
1555            </svg>
1556        </div>
1557    </div>
1558</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/7e-edition-de-la-classique-cyclo-marche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1559    <div>
1560        <div class="flex items-center gap-4">
1561            <div class="date-text text-darkRed">
1562                19 Sep 2025
1563            </div>
1564                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1565                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1566                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1567                    </svg>
1568                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1569                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1570                    </svg>
1571                </div>
1572                
1573                <ul class="">
1574                                            <li class="date-text text-red">
1575                                                        Événement
1576                        </li>
1577                                    </ul>
1578                    </div>
1579        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1580            7e édition de la Classique Cyclo-Marche : un franc succès
1581        </div>
1582                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1583                19 septembre 2025 &#8211; Sherbrooke a vibré au rythme de la générosité et de la détermination lors de la Classique Cyclo-Marche, le 13 septembre dernier. Des marcheurs et cyclistes passionnés se sont réunis pour soutenir une cause qui nous touche tous : la recherche sur le cancer. 
1584            </div>
1585            </div>
1586    <div class="flex">
1587        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1588            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1589                <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="#F1F1F1"/>
1590            </svg>
1591        </div>
1592    </div>
1593</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/journee-de-la-marche-du-reve-2025/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1594    <div>
1595        <div class="flex items-center gap-4">
1596            <div class="date-text text-darkRed">
1597                12 Sep 2025
1598            </div>
1599                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1600                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1601                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1602                    </svg>
1603                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1604                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1605                    </svg>
1606                </div>
1607                
1608                <ul class="">
1609                                            <li class="date-text text-red">
1610                                                        Événement
1611                        </li>
1612                                    </ul>
1613                    </div>
1614        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1615            Journée de la marche du rêve 2025 : au-delà des attentes
1616        </div>
1617                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1618                12 septembre 2025 – Pour sa 12e édition, la Journée de la Marche du Rêve a une fois de plus dépassé son objectif initial grâce à la générosité et à l’engagement de tous. C’est un montant record de 54 385 $ net qui a été amassé au profit de la Société de recherche sur le cancer (SRC).  
1619            </div>
1620            </div>
1621    <div class="flex">
1622        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1623            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1624                <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="#F1F1F1"/>
1625            </svg>
1626        </div>
1627    </div>
1628</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/optimise-offrir-un-nouvel-espoir-aux-jeunes-patients/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1629    <div>
1630        <div class="flex items-center gap-4">
1631            <div class="date-text text-darkRed">
1632                4 Sep 2025
1633            </div>
1634                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1635                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1636                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1637                    </svg>
1638                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1639                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1640                    </svg>
1641                </div>
1642                
1643                <ul class="">
1644                                            <li class="date-text text-red">
1645                                                        Recherche
1646                        </li>
1647                                    </ul>
1648                    </div>
1649        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1650            OPTIMISE : Offrir un nouvel espoir aux jeunes patients
1651        </div>
1652                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1653                Le 4 septembre 2025 &#8211; La Société de recherche sur le cancer (SRC) est fière de soutenir l’essai clinique OPTIMISE, qui vise à offrir des traitements plus adaptés aux enfants, adolescents et jeunes adultes atteints de cancers difficiles à traiter. Ce projet novateur s’appuie sur une approche personnalisée, pour mieux orienter les soins selon le profil génétique de chaque patient.
1654            </div>
1655            </div>
1656    <div class="flex">
1657        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1658            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1659                <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="#F1F1F1"/>
1660            </svg>
1661        </div>
1662    </div>
1663</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/des-chercheurs-canadiens-au-coeur-de-projets-internationaux/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1664    <div>
1665        <div class="flex items-center gap-4">
1666            <div class="date-text text-darkRed">
1667                9 Juil 2025
1668            </div>
1669                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1670                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1671                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1672                    </svg>
1673                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1674                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1675                    </svg>
1676                </div>
1677                
1678                <ul class="">
1679                                            <li class="date-text text-red">
1680                                                        Recherche
1681                        </li>
1682                                    </ul>
1683                    </div>
1684        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1685            Des chercheurs canadiens au cœur de projets internationaux 
1686        </div>
1687                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1688                Le 11 juillet 2025 –  La Société de recherche sur le cancer (SRC) est fière de soutenir les chercheurs canadiens de trois consortiums de recherche internationaux. Ces équipes ont été sélectionnées dans le cadre de l’appel 2024 du réseau TRANSCAN-3, qui appuie la recherche collaborative sur le cancer à l’échelle transnationale.
1689            </div>
1690            </div>
1691    <div class="flex">
1692        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1693            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1694                <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="#F1F1F1"/>
1695            </svg>
1696        </div>
1697    </div>
1698</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-comite-consultatif-scientifique-sagrandit/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1699    <div>
1700        <div class="flex items-center gap-4">
1701            <div class="date-text text-darkRed">
1702                30 Juin 2025
1703            </div>
1704                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1705                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1706                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1707                    </svg>
1708                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1709                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1710                    </svg>
1711                </div>
1712                
1713                <ul class="">
1714                                            <li class="date-text text-red">
1715                                                        Recherche
1716                        </li>
1717                                    </ul>
1718                    </div>
1719        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1720            Le comité consultatif scientifique s’agrandit 
1721        </div>
1722                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1723                Le 30 juin 2025 – La Société de recherche sur le cancer (SRC) est fière d’annoncer l’arrivée de cinq nouveaux membres au sein de son comité consultatif scientifique. Parmi eux, quatre experts scientifiques et un représentant des patients.  
1724            </div>
1725            </div>
1726    <div class="flex">
1727        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1728            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1729                <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="#F1F1F1"/>
1730            </svg>
1731        </div>
1732    </div>
1733</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-bbq-urbain-une-recette-gagnante-pour-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1734    <div>
1735        <div class="flex items-center gap-4">
1736            <div class="date-text text-darkRed">
1737                27 Mai 2025
1738            </div>
1739                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1740                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1741                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1742                    </svg>
1743                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1744                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1745                    </svg>
1746                </div>
1747                
1748                <ul class="">
1749                                            <li class="date-text text-red">
1750                                                        Événement
1751                        </li>
1752                                    </ul>
1753                    </div>
1754        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1755            Le BBQ Urbain : une recette gagnante pour la recherche
1756        </div>
1757                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1758                Le 28 mai 2025 — Présenté pour une 11e année consécutive par RBC Banque Royale (Qc), le BBQ Urbain au profit de la Société de recherche sur le cancer (SRC) a une fois de plus été un franc succès. L’événement, qui s’est tenu le 28 mai au Grand Quai du Port de Montréal, a rassemblé plus de 1 000 convives et permis d’amasser la somme exceptionnelle de 900 000 $ net, un montant qui servira à financer des projets de recherche au Québec.
1759            </div>
1760            </div>
1761    <div class="flex">
1762        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1763            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1764                <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="#F1F1F1"/>
1765            </svg>
1766        </div>
1767    </div>
1768</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/transformez-votre-voiture-en-espoir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1769    <div>
1770        <div class="flex items-center gap-4">
1771            <div class="date-text text-darkRed">
1772                14 Mai 2025
1773            </div>
1774                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1775                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1776                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1777                    </svg>
1778                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1779                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1780                    </svg>
1781                </div>
1782                
1783                <ul class="">
1784                                            <li class="date-text text-red">
1785                                                        Partenaire
1786                        </li>
1787                                    </ul>
1788                    </div>
1789        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1790            Transformez votre voiture en espoir
1791        </div>
1792                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1793                Le 14 mai 2025 – La Société de recherche sur le cancer (SRC) est fière de s’associer au programme Auto pour la vie, une initiative caritative de l’Association des recycleurs de pièces d’autos et de camions (ARPAC). Ce partenariat permet à toute personne de transformer un véhicule en fin de vie en un geste concret pour soutenir la recherche sur le cancer. 
1794            </div>
1795            </div>
1796    <div class="flex">
1797        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1798            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1799                <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="#F1F1F1"/>
1800            </svg>
1801        </div>
1802    </div>
1803</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-vie-en-rose-et-la-recherche-sur-le-cancer-du-sein/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1804    <div>
1805        <div class="flex items-center gap-4">
1806            <div class="date-text text-darkRed">
1807                13 Mai 2025
1808            </div>
1809                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1810                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1811                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1812                    </svg>
1813                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1814                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1815                    </svg>
1816                </div>
1817                
1818                <ul class="">
1819                                            <li class="date-text text-red">
1820                                                        Partenaire
1821                        </li>
1822                                    </ul>
1823                    </div>
1824        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1825            La Vie en Rose et la recherche sur le cancer du sein
1826        </div>
1827                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1828                Le 13 mai 2025 – La Société de recherche sur le cancer (SRC) est fière d’annoncer un partenariat porteur d’espoir avec la Vie en Rose à travers sa Fondation Les Roses de l’Espoir, qui multiplie les initiatives en faveur de la santé et du bien-être des femmes.
1829            </div>
1830            </div>
1831    <div class="flex">
1832        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1833            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1834                <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="#F1F1F1"/>
1835            </svg>
1836        </div>
1837    </div>
1838</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/propulser-la-recherche-sur-le-cancer-du-poumon/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1839    <div>
1840        <div class="flex items-center gap-4">
1841            <div class="date-text text-darkRed">
1842                8 Mai 2025
1843            </div>
1844                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1845                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1846                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1847                    </svg>
1848                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1849                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1850                    </svg>
1851                </div>
1852                
1853                <ul class="">
1854                                            <li class="date-text text-red">
1855                                                        Recherche
1856                        </li>
1857                                    </ul>
1858                    </div>
1859        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1860            Propulser la recherche sur le cancer du poumon 
1861        </div>
1862                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1863                Le 8 mai 2025 &#8211; La Société de recherche sur le cancer (SRC) est fière d’annoncer un investissement de 2,5 millions $ pour soutenir cinq projets de recherche novateurs sur le cancer du poumon. 
1864            </div>
1865            </div>
1866    <div class="flex">
1867        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1868            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1869                <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="#F1F1F1"/>
1870            </svg>
1871        </div>
1872    </div>
1873</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/partenariat-international-un-projet-de-recherche-canadien-se-demarque/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1874    <div>
1875        <div class="flex items-center gap-4">
1876            <div class="date-text text-darkRed">
1877                23 Avr 2025
1878            </div>
1879                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1880                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1881                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1882                    </svg>
1883                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1884                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1885                    </svg>
1886                </div>
1887                
1888                <ul class="">
1889                                            <li class="date-text text-red">
1890                                                        Recherche
1891                        </li>
1892                                    </ul>
1893                    </div>
1894        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1895            Partenariat international : un projet de recherche canadien se démarque
1896        </div>
1897                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1898                L’an dernier, la Société de recherche sur le cancer (SRC) s’associait à l’organisme britannique Worldwide Cancer Research, pour offrir aux chercheurs canadiens une opportunité unique : accéder à un concours international dans le but d’obtenir du financement pour soutenir leurs projets novateurs sur le cancer.
1899            </div>
1900            </div>
1901    <div class="flex">
1902        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1903            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1904                <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="#F1F1F1"/>
1905            </svg>
1906        </div>
1907    </div>
1908</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/les-patientes-aident-a-faconner-la-recherche-sur-le-cancer-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1909    <div>
1910        <div class="flex items-center gap-4">
1911            <div class="date-text text-darkRed">
1912                22 Avr 2025
1913            </div>
1914                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1915                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1916                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1917                    </svg>
1918                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1919                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1920                    </svg>
1921                </div>
1922                
1923                <ul class="">
1924                                            <li class="date-text text-red">
1925                                                        Recherche
1926                        </li>
1927                                    </ul>
1928                    </div>
1929        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1930            Les patientes aident à façonner la recherche sur le cancer de l’ovaire
1931        </div>
1932                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1933                Le 22 avril 2025 – La Société de recherche sur le cancer (SRC) et Cancer de l’ovaire Canada unissent leurs forces pour lancer un nouveau programme de financement sur l&#039;Impact de la recherche sur la survie et l’engagement, nommé RISE (Research Impact in Survivorship and Engagement), qui place l’expérience humaine au cœur de la recherche.
1934            </div>
1935            </div>
1936    <div class="flex">
1937        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1938            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1939                <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="#F1F1F1"/>
1940            </svg>
1941        </div>
1942    </div>
1943</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nouveau-programme-pour-la-recherche-sur-le-cancer-du-cerveau/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1944    <div>
1945        <div class="flex items-center gap-4">
1946            <div class="date-text text-darkRed">
1947                10 Avr 2025
1948            </div>
1949                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1950                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1951                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1952                    </svg>
1953                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1954                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1955                    </svg>
1956                </div>
1957                
1958                <ul class="">
1959                                            <li class="date-text text-red">
1960                                                        Recherche
1961                        </li>
1962                                    </ul>
1963                    </div>
1964        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
1965            Nouveau programme pour la recherche sur le cancer du cerveau
1966        </div>
1967                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
1968                Le 10 avril 2025 – La Société de recherche sur le cancer (SRC), en partenariat avec la Fondation Brain Canada et la Fondation Kindred, annonce le lancement d’un programme national pour financer la recherche translationnelle sur le cancer du cerveau. Ce programme est soutenu par un investissement exceptionnel de 2 millions $.  
1969            </div>
1970            </div>
1971    <div class="flex">
1972        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
1973            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1974                <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="#F1F1F1"/>
1975            </svg>
1976        </div>
1977    </div>
1978</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/ia-groupe-financier-un-partenaire-pour-accelerer-la-recherche-sur-le-cancer-et-maximiser-limpact-des-dons/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
1979    <div>
1980        <div class="flex items-center gap-4">
1981            <div class="date-text text-darkRed">
1982                3 Mar 2025
1983            </div>
1984                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
1985                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1986                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
1987                    </svg>
1988                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1989                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
1990                    </svg>
1991                </div>
1992                
1993                <ul class="">
1994                                            <li class="date-text text-red">
1995                                                        Partenaire
1996                        </li>
1997                                    </ul>
1998                    </div>
1999        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2000            iA Groupe financier : un partenaire pour accélérer la recherche sur le cancer et maximiser l’impact des dons 
2001        </div>
2002                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2003                Le 28 février 2025 &#8211; La Société de recherche sur le cancer (SRC) est fière d’annoncer un partenariat stratégique avec iA Groupe financier qui permettra de financer des projets de recherche innovants sur le cancer et de soutenir une initiative de jumelage de dons.  
2004            </div>
2005            </div>
2006    <div class="flex">
2007        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2008            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2009                <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="#F1F1F1"/>
2010            </svg>
2011        </div>
2012    </div>
2013</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/100-recherche-depuis-80-ans/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2014    <div>
2015        <div class="flex items-center gap-4">
2016            <div class="date-text text-darkRed">
2017                27 Fév 2025
2018            </div>
2019                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2020                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2021                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2022                    </svg>
2023                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2024                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2025                    </svg>
2026                </div>
2027                
2028                <ul class="">
2029                                            <li class="date-text text-red">
2030                                                        Organisation
2031                        </li>
2032                                    </ul>
2033                    </div>
2034        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2035            100% recherche depuis 80 ans
2036        </div>
2037                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2038                En 2025, la Société de recherche sur le cancer (SRC) marque un jalon significatif : ses 80 ans d&#039;engagement envers la recherche sur le cancer à travers le Canada. Grâce à la générosité de nos donateurs, partenaires et bénévoles, nous avons contribué à faire avancer la science et à améliorer la qualité de vie des personnes touchées par cette maladie. 
2039            </div>
2040            </div>
2041    <div class="flex">
2042        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2043            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2044                <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="#F1F1F1"/>
2045            </svg>
2046        </div>
2047    </div>
2048</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dr-don-morris-nouveau-president-du-comite-consultatif-scientifique-de-la-src-et-dr-mark-basik-nouvel-administrateur-de-la-src/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2049    <div>
2050        <div class="flex items-center gap-4">
2051            <div class="date-text text-darkRed">
2052                24 Jan 2025
2053            </div>
2054                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2055                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2056                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2057                    </svg>
2058                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2059                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2060                    </svg>
2061                </div>
2062                
2063                <ul class="">
2064                                            <li class="date-text text-red">
2065                                                        Conseil d’administration
2066                        </li>
2067                                    </ul>
2068                    </div>
2069        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2070            Dr Don Morris nouveau président du comité consultatif scientifique de la SRC et Dr Mark Basik nouvel administrateur de la SRC 
2071        </div>
2072                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2073                La Société de recherche sur le cancer (SRC) est ravie d’annoncer la nomination du Dr Don Morris à titre de président de son comité consultatif scientifique.
2074            </div>
2075            </div>
2076    <div class="flex">
2077        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2078            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2079                <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="#F1F1F1"/>
2080            </svg>
2081        </div>
2082    </div>
2083</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-magie-de-noel-pour-dejouer-le-cancer-du-sein/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2084    <div>
2085        <div class="flex items-center gap-4">
2086            <div class="date-text text-darkRed">
2087                10 Déc 2024
2088            </div>
2089                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2090                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2091                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2092                    </svg>
2093                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2094                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2095                    </svg>
2096                </div>
2097                
2098                <ul class="">
2099                                            <li class="date-text text-red">
2100                                                        Événement
2101                        </li>
2102                                    </ul>
2103                    </div>
2104        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2105            La magie de Noël pour déjouer le cancer du sein 
2106        </div>
2107                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2108                L’esprit des Fêtes s’est une fois de plus transformé en un formidable élan de générosité à l’occasion de l’événement Chanter Noël pour la recherche, qui s’est tenu à la Maison Alcan de Montréal le 9 décembre 2024. Cette soirée, chaleureusement animée par la comédienne Marina Orsini, a connu un succès record, récoltant une somme impressionnante de 177 000 $. 
2109            </div>
2110            </div>
2111    <div class="flex">
2112        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2113            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2114                <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="#F1F1F1"/>
2115            </svg>
2116        </div>
2117    </div>
2118</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/cancer-au-quebec-a-quand-plus-de-transparence-et-dimputabilite/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2119    <div>
2120        <div class="flex items-center gap-4">
2121            <div class="date-text text-darkRed">
2122                4 Nov 2024
2123            </div>
2124                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2125                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2126                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2127                    </svg>
2128                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2129                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2130                    </svg>
2131                </div>
2132                
2133                <ul class="">
2134                                            <li class="date-text text-red">
2135                                                        Santé
2136                        </li>
2137                                    </ul>
2138                    </div>
2139        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2140            Cancer au Québec: à quand plus de transparence et d’imputabilité?
2141        </div>
2142                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2143                Les récentes données publiées dans Le Journal de Montréal, révélant que les Québécois atteints d’un cancer ont dû patienter en moyenne cinq mois avant d’obtenir leur premier traitement depuis le début de la pandémie, ont provoqué un choc dans l’opinion publique. 
2144            </div>
2145            </div>
2146    <div class="flex">
2147        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2148            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2149                <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="#F1F1F1"/>
2150            </svg>
2151        </div>
2152    </div>
2153</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-cap-historique-franchi-100-subventions-de-fonctionnement-attribuees/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2154    <div>
2155        <div class="flex items-center gap-4">
2156            <div class="date-text text-darkRed">
2157                4 Nov 2024
2158            </div>
2159                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2160                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2161                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2162                    </svg>
2163                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2164                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2165                    </svg>
2166                </div>
2167                
2168                <ul class="">
2169                                            <li class="date-text text-red">
2170                                                        Recherche
2171                        </li>
2172                                    </ul>
2173                    </div>
2174        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2175            Un cap historique franchi : 100 subventions de fonctionnement attribuées
2176        </div>
2177                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2178                Le 4 novembre 2024 &#8211; La Société de recherche sur le cancer (SRC) est fière d&#039;annoncer l&#039;attribution d&#039;un nombre record de 100 subventions de fonctionnement, représentant un engagement de 13 millions $ sur deux ans. Ce soutien sans précédent accompagnera les chercheurs récipiendaires et leurs équipes dans la réalisation de projets innovants et prometteurs sur tous les types de cancer.
2179            </div>
2180            </div>
2181    <div class="flex">
2182        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2183            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2184                <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="#F1F1F1"/>
2185            </svg>
2186        </div>
2187    </div>
2188</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/accords-celestes-2024-une-soiree-memorable-couronnee-de-succes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2189    <div>
2190        <div class="flex items-center gap-4">
2191            <div class="date-text text-darkRed">
2192                24 Oct 2024
2193            </div>
2194                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2195                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2196                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2197                    </svg>
2198                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2199                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2200                    </svg>
2201                </div>
2202                
2203                <ul class="">
2204                                            <li class="date-text text-red">
2205                                                        Événement
2206                        </li>
2207                                    </ul>
2208                    </div>
2209        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2210            Accords Célestes 2024 : Une soirée mémorable couronnée de succès ! 
2211        </div>
2212                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2213                La 7e édition de l’événement Accords Célestes, présentée par Groupe MTY, s’est tenue le 22 octobre dernier et a une fois de plus surpassé toutes les attentes ! Nous sommes fiers d&#039;annoncer que 380 600 $ net ont été amassés au profit de la Société de recherche sur le cancer (SRC) qui financeront des projets de recherche essentiels pour déjouer le cancer. 
2214            </div>
2215            </div>
2216    <div class="flex">
2217        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2218            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2219                <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="#F1F1F1"/>
2220            </svg>
2221        </div>
2222    </div>
2223</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nombre-record-de-subventions-pour-la-releve-scientifique-2024/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2224    <div>
2225        <div class="flex items-center gap-4">
2226            <div class="date-text text-darkRed">
2227                24 Oct 2024
2228            </div>
2229                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2230                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2231                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2232                    </svg>
2233                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2234                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2235                    </svg>
2236                </div>
2237                
2238                <ul class="">
2239                                            <li class="date-text text-red">
2240                                                        Recherche
2241                        </li>
2242                                    </ul>
2243                    </div>
2244        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2245            Nombre record de subventions pour la relève scientifique 2024
2246        </div>
2247                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2248                Le 24 octobre 2024 – La Société de recherche sur le cancer (SRC) établit un nouveau record en attribuant un nombre sans précédent de subventions pour la relève scientifique. Huit récipiendaires ont été sélectionnés dans le cadre de ce programme unique, illustrant l’engagement continu de la SRC envers la nouvelle génération de chercheurs.
2249            </div>
2250            </div>
2251    <div class="flex">
2252        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2253            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2254                <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="#F1F1F1"/>
2255            </svg>
2256        </div>
2257    </div>
2258</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/40-nouveaux-recipiendaires-des-bourses-de-recherche-au-doctorat/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2259    <div>
2260        <div class="flex items-center gap-4">
2261            <div class="date-text text-darkRed">
2262                16 Oct 2024
2263            </div>
2264                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2265                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2266                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2267                    </svg>
2268                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2269                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2270                    </svg>
2271                </div>
2272                
2273                <ul class="">
2274                                            <li class="date-text text-red">
2275                                                        Recherche
2276                        </li>
2277                                    </ul>
2278                    </div>
2279        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2280            40 nouveaux récipiendaires des bourses de recherche au doctorat
2281        </div>
2282                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2283                Le 16 octobre 2024 – La Société de recherche sur le cancer (SRC) est fière d’annoncer les 40 récipiendaires de la deuxième édition de son programme de bourses de recherche au doctorat. Sélectionnés parmi 190 candidatures provenant de partout au Canada, ces doctorants recevront chacun une bourse de 70 000 $ sur deux ans pour soutenir leurs recherches novatrices visant à mieux comprendre et déjouer le cancer.
2284            </div>
2285            </div>
2286    <div class="flex">
2287        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2288            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2289                <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="#F1F1F1"/>
2290            </svg>
2291        </div>
2292    </div>
2293</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/subventions-de-recherche-bridging-the-gap-2024/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2294    <div>
2295        <div class="flex items-center gap-4">
2296            <div class="date-text text-darkRed">
2297                11 Oct 2024
2298            </div>
2299                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2300                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2301                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2302                    </svg>
2303                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2304                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2305                    </svg>
2306                </div>
2307                
2308                <ul class="">
2309                                            <li class="date-text text-red">
2310                                                        Recherche
2311                        </li>
2312                                    </ul>
2313                    </div>
2314        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2315            Subventions de recherche Bridging the Gap 2024
2316        </div>
2317                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2318                11 octobre 2024 – La Société de recherche sur le cancer (SRC) et Cancer de l’Ovaire Canada sont fiers de dévoiler les résultats du concours de subventions Bridging the Gap 2024. Ce programme unique vise à soutenir des projets de recherche clinique et translationnelle sur le cancer de l’ovaire, afin d&#039;améliorer la survie et la qualité de vie des femmes touchées par cette maladie.
2319            </div>
2320            </div>
2321    <div class="flex">
2322        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2323            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2324                <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="#F1F1F1"/>
2325            </svg>
2326        </div>
2327    </div>
2328</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-marche-du-reve-2024-une-edition-historique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2329    <div>
2330        <div class="flex items-center gap-4">
2331            <div class="date-text text-darkRed">
2332                19 Sep 2024
2333            </div>
2334                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2335                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2336                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2337                    </svg>
2338                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2339                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2340                    </svg>
2341                </div>
2342                
2343                <ul class="">
2344                                            <li class="date-text text-red">
2345                                                        Événement
2346                        </li>
2347                                    </ul>
2348                    </div>
2349        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2350            La Marche du Rêve 2024 : Une édition historique
2351        </div>
2352                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2353                19 septembre 2024 &#8211; La 11e édition de la Marche du Rêve a été un véritable triomphe cette année, permettant d’amasser un montant record de 48 936 $ pour soutenir la mission de la Société de recherche sur le cancer (SRC). Ce montant, remis avec fierté par le comité organisateur, dépasse largement l’objectif fixé pour l’événement. 
2354            </div>
2355            </div>
2356    <div class="flex">
2357        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2358            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2359                <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="#F1F1F1"/>
2360            </svg>
2361        </div>
2362    </div>
2363</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-30e-edition-de-la-classique-un-veritable-succes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2364    <div>
2365        <div class="flex items-center gap-4">
2366            <div class="date-text text-darkRed">
2367                16 Sep 2024
2368            </div>
2369                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2370                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2371                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2372                    </svg>
2373                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2374                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2375                    </svg>
2376                </div>
2377                
2378                <ul class="">
2379                                            <li class="date-text text-red">
2380                                                        Événement
2381                        </li>
2382                                    </ul>
2383                    </div>
2384        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2385            La 30e édition de la Classique : Un véritable succès !
2386        </div>
2387                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2388                Encore une fois cette année, la Classique a réuni des sportifs passionnés prêts à relever le défi, en s
2388olo ou en équipe au profit de la recherche sur le cancer. Présenté par Banque Scotia et BMO Assurance, et grâce au dévouement des participants et des partenaires, l’évènement a été un grand succès, au bonheur de tous. 
2389            </div>
2390            </div>
2391    <div class="flex">
2392        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2393            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2394                <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="#F1F1F1"/>
2395            </svg>
2396        </div>
2397    </div>
2398</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/partenariat-avec-procure-pour-la-recherche-sur-le-cancer-de-la-prostate/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2399    <div>
2400        <div class="flex items-center gap-4">
2401            <div class="date-text text-darkRed">
2402                11 Sep 2024
2403            </div>
2404                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2405                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2406                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2407                    </svg>
2408                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2409                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2410                    </svg>
2411                </div>
2412                
2413                <ul class="">
2414                                            <li class="date-text text-red">
2415                                                        Recherche
2416                        </li>
2417                                    </ul>
2418                    </div>
2419        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2420            Ensemble pour déjouer le cancer de la prostate
2421        </div>
2422                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2423                Le 11 septembre 2024 – La Société de recherche sur le cancer (SRC) est fière d&#039;annoncer son partenariat stratégique avec PROCURE, un organisme dédié à la lutte contre le cancer de la prostate. Nos deux organisations unissent leurs forces pour soutenir des recherches translationnelles innovantes liées à la prévention, à la détection ou au traitement du cancer de la prostate.
2424            </div>
2425            </div>
2426    <div class="flex">
2427        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2428            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2429                <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="#F1F1F1"/>
2430            </svg>
2431        </div>
2432    </div>
2433</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/15-million-de-pour-soutenir-un-essai-clinique-sur-les-cancers-hematologiques/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2434    <div>
2435        <div class="flex items-center gap-4">
2436            <div class="date-text text-darkRed">
2437                28 Juin 2024
2438            </div>
2439                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2440                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2441                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2442                    </svg>
2443                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2444                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2445                    </svg>
2446                </div>
2447                
2448                <ul class="">
2449                                            <li class="date-text text-red">
2450                                                        Recherche
2451                        </li>
2452                                    </ul>
2453                    </div>
2454        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2455            1,5 million de $ pour soutenir un essai clinique sur les cancers hématologiques
2456        </div>
2457                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2458                La Société de recherche sur le cancer (SRC) est heureuse d’annoncer un investissement majeur de 1,5 million de dollars pour soutenir l’essai clinique dirigé par l&#039;éminent hématologue Dr Denis-Claude Roy. Ce projet, intitulé GLIDE (Guided Lymphocyte Immunopeptide Derived 
2458Expansion), représente une avancée significative dans le traitement des cancers hématologiques.
2459            </div>
2460            </div>
2461    <div class="flex">
2462        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2463            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2464                <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="#F1F1F1"/>
2465            </svg>
2466        </div>
2467    </div>
2468</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/cet-ete-je-donne-a-la-recherche-sur-le-cancer-2/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2469    <div>
2470        <div class="flex items-center gap-4">
2471            <div class="date-text text-darkRed">
2472                14 Juin 2024
2473            </div>
2474                    </div>
2475        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2476            Cet été, je donne à la recherche sur le cancer
2477        </div>
2478                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2479                   
2480            </div>
2481            </div>
2482    <div class="flex">
2483        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2484            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2485                <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="#F1F1F1"/>
2486            </svg>
2487        </div>
2488    </div>
2489</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-theatre-au-profit-de-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2490    <div>
2491        <div class="flex items-center gap-4">
2492            <div class="date-text text-darkRed">
2493                11 Juin 2024
2494            </div>
2495                    </div>
2496        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2497            Le théâtre au profit de la recherche sur le cancer
2498        </div>
2499                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2500                Le 20 juillet 2024 quelques adeptes de théâtre ont pu assister à une représentation de la pièce de théâtre « Appelez-moi Stéphane » tout en soutenant la mission de la Société de recherche sur le cancer (SRC) en partenariat avec Monarque Productions. 
2501            </div>
2502            </div>
2503    <div class="flex">
2504        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2505            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2506                <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="#F1F1F1"/>
2507            </svg>
2508        </div>
2509    </div>
2510</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-2024-record-historique-de-790-000-amasses/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2511    <div>
2512        <div class="flex items-center gap-4">
2513            <div class="date-text text-darkRed">
2514                28 Mai 2024
2515            </div>
2516                    </div>
2517        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2518            BBQ Urbain 2024 : record historique de 790 000 $ amassés
2519        </div>
2520                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2521                   
2522            </div>
2523            </div>
2524    <div class="flex">
2525        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2526            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2527                <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="#F1F1F1"/>
2528            </svg>
2529        </div>
2530    </div>
2531</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-cancer-nattend-pas-la-future-agence-sante-quebec-doit-agir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2532    <div>
2533        <div class="flex items-center gap-4">
2534            <div class="date-text text-darkRed">
2535                26 Avr 2024
2536            </div>
2537                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2538                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2539                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2540                    </svg>
2541                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2542                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2543                    </svg>
2544                </div>
2545                
2546                <ul class="">
2547                                            <li class="date-text text-red">
2548                                                        Santé
2549                        </li>
2550                                    </ul>
2551                    </div>
2552        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2553            Le cancer n’attend pas : la future agence Santé Québec doit agir !
2554        </div>
2555                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2556                La Fondation québécoise du cancer, la Société de recherche sur le cancer, Leucan et PROCURE («  les groupes » ci-après), demandent au gouvernement du Québec d’agir dans la lutte contre le cancer en dévoilant leur mémoire intitulé Le cancer n’attend pas : la future agence Santé Québec doit agir ! et par la même occasion, élaborer un plan d’action concret en cancérologie.
2557            </div>
2558            </div>
2559    <div class="flex">
2560        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2561            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2562                <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="#F1F1F1"/>
2563            </svg>
2564        </div>
2565    </div>
2566</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/2-millions-pour-soutenir-la-recherche-sur-le-cancer-du-poumon/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2567    <div>
2568        <div class="flex items-center gap-4">
2569            <div class="date-text text-darkRed">
2570                25 Avr 2024
2571            </div>
2572                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2573                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2574                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2575                    </svg>
2576                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2577                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2578                    </svg>
2579                </div>
2580                
2581                <ul class="">
2582                                            <li class="date-text text-red">
2583                                                        Recherche
2584                        </li>
2585                                    </ul>
2586                    </div>
2587        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2588            2 millions $ pour soutenir la recherche sur le cancer du poumon
2589        </div>
2590                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2591                Au Canada, le cancer du poumon demeure la principale cause de décès par cancer. Pourtant, il reste l’un des moins financés en matière de recherche. Face à cet enjeu majeur, la Société de recherche sur le cancer (SRC) investit 2 millions $ pour la recherche sur cette maladie.
2592            </div>
2593            </div>
2594    <div class="flex">
2595        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2596            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2597                <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="#F1F1F1"/>
2598            </svg>
2599        </div>
2600    </div>
2601</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/soutenir-la-releve-en-recherche-sur-le-cancer-grace-au-fonds-andy-lena-chabot/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2602    <div>
2603        <div class="flex items-center gap-4">
2604            <div class="date-text text-darkRed">
2605                28 Mar 2024
2606            </div>
2607                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2608                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2609                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2610                    </svg>
2611                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2612                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2613                    </svg>
2614                </div>
2615                
2616                <ul class="">
2617                                            <li class="date-text text-red">
2618                                                        Fonds de recherche
2619                        </li>
2620                                    </ul>
2621                    </div>
2622        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2623            Soutenir la relève en recherche sur le cancer grâce au Fonds Andy-Léna Chabot
2624        </div>
2625                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2626                Andy Chabot, président et chef de la direction de la Société de recherche sur le cancer (SRC) de 2008 à 2017 et également survivant du cancer, a mis en place avec sa fille le Fonds de recherche Andy &#8211; Léna Chabot afin d’encourager les jeunes étudiants à poursuivre une carrière en recherche sur le cancer. 
2627            </div>
2628            </div>
2629    <div class="flex">
2630        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2631            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2632                <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="#F1F1F1"/>
2633            </svg>
2634        </div>
2635    </div>
2636</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/premier-partenariat-international-pour-la-src/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2637    <div>
2638        <div class="flex items-center gap-4">
2639            <div class="date-text text-darkRed">
2640                12 Mar 2024
2641            </div>
2642                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2643                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2644                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2645                    </svg>
2646                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2647                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2648                    </svg>
2649                </div>
2650                
2651                <ul class="">
2652                                            <li class="date-text text-red">
2653                                                        Recherche
2654                        </li>
2655                                    </ul>
2656                    </div>
2657        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2658            Premier partenariat international pour la SRC
2659        </div>
2660                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2661                La Société de recherche sur le cancer (SRC) est fière d&#039;annoncer son tout premier partenariat international avec l&#039;organisme caritatif britannique Worldwide Cancer Research (WCR). Cette c
2661ollaboration vise à propulser des projets de recherche fondamentale ou translationnelle axée sur la prévention, le diagnostic et le traitement du cancer.
2662            </div>
2663            </div>
2664    <div class="flex">
2665        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2666            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2667                <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="#F1F1F1"/>
2668            </svg>
2669        </div>
2670    </div>
2671</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/soutenons-les-femmes-en-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2672    <div>
2673        <div class="flex items-center gap-4">
2674            <div class="date-text text-darkRed">
2675                27 Fév 2024
2676            </div>
2677                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2678                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2679                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2680                    </svg>
2681                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2682                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2683                    </svg>
2684                </div>
2685                
2686                <ul class="">
2687                                            <li class="date-text text-red">
2688                                                        Collecte de fonds
2689                        </li>
2690                                    </ul>
2691                    </div>
2692        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2693            Soutenons les femmes en recherche sur le cancer !
2694        </div>
2695                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2696                Journée internationale des droits des femmes 2024.
2697Pour une troisième année consécutive, une collecte de fonds numérique a été mise en place dans le cadre de la Journée internationale des droits des femmes. Cette initiative visait à soutenir davantage les femmes en recherche sur le cancer et souligner leur contribution considérable. Leur passion, leur dévouement et leur persévérance permettent des avancées significatives dans la recherche sur le cancer.
2698            </div>
2699            </div>
2700    <div class="flex">
2701        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2702            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2703                <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="#F1F1F1"/>
2704            </svg>
2705        </div>
2706    </div>
2707</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-25-000-net-amasses-lors-de-la-journee-mondiale-contre-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2708    <div>
2709        <div class="flex items-center gap-4">
2710            <div class="date-text text-darkRed">
2711                25 Jan 2024
2712            </div>
2713                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2714                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2715                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2716                    </svg>
2717                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2718                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2719                    </svg>
2720                </div>
2721                
2722                <ul class="">
2723                                            <li class="date-text text-red">
2724                                                        Collecte de fonds
2725                        </li>
2726                                    </ul>
2727                    </div>
2728        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2729            Plus de 25 000 $ net amassés lors de la Journée mondiale contre le cancer
2730        </div>
2731                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2732                La recherche sur le cancer sauve des vies !
2733Pour la Journée mondiale contre le cancer qui a lieu chaque année le 4 février, merci de vous être joints à la S
2733ociété de recherche sur le cancer (SRC) afin de freiner l’évolution de cette maladie qui demeure la première cause de décès au Canada. Cette initiative numérique s&#039;étant déroulée du 1er au 6 février 2024 a permis d&#039;amasser plus de 25 000 $ net. Ce montant sera investi en recherche afin de mieux prévenir, détecter et traiter tous les types de cancer.
2734            </div>
2735            </div>
2736    <div class="flex">
2737        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2738            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2739                <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="#F1F1F1"/>
2740            </svg>
2741        </div>
2742    </div>
2743</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-265-000-net-amasses-grace-a-notre-campagne-de-fin-dannee/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2744    <div>
2745        <div class="flex items-center gap-4">
2746            <div class="date-text text-darkRed">
2747                10 Jan 2024
2748            </div>
2749                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2750                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2751                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2752                    </svg>
2753                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2754                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2755                    </svg>
2756                </div>
2757                
2758                <ul class="">
2759                                            <li class="date-text text-red">
2760                                                        Collecte de fonds
2761                        </li>
2762                                    </ul>
2763                    </div>
2764        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2765            Plus de 265 000 $ net amassés grâce à notre campagne de fin d’année
2766        </div>
2767                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2768                Notre campagne de fin d’année sous le thème #HEROSduCANCER a permis d’amasser plus de 265 000 $ net afin de financer plus de recherche novatrice sur tous les types de cancer pour mieux prévenir, détecter et traiter cette maladie. Entièrement numérique, cette initiative s’est déroulée en novembre et décembre 2023. Lors de cette campagne, nous avons tenu à mettre de l’avant plusieurs héros du cancer : les patients qui mènent un combat de tous les instants, les chercheurs qui poursuivent leurs travaux afin de déjouer le cancer, et finalement nos généreux donateurs qui nous permettent de financer la recherche de pointe. 
2769            </div>
2770            </div>
2771    <div class="flex">
2772        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2773            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2774                <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="#F1F1F1"/>
2775            </svg>
2776        </div>
2777    </div>
2778</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/chanter-noel-pour-la-recherche-146-000-pour-dejouer-le-cancer-du-sein-2/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2779    <div>
2780        <div class="flex items-center gap-4">
2781            <div class="date-text text-darkRed">
2782                13 Déc 2023
2783            </div>
2784                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2785                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2786                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2787                    </svg>
2788                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2789                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2790                    </svg>
2791                </div>
2792                
2793                <ul class="">
2794                                            <li class="date-text text-red">
2795                                                        Événement
2796                        </li>
2797                                    </ul>
2798                    </div>
2799        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2800            Chanter Noël pour la Recherche : 146 000 $ pour déjouer le c
2800ancer du sein
2801        </div>
2802                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2803                La magie de Noël au service de la cause.
2804Le lundi 11 décembre dernier, la Maison Alcan à Montréal s&#039;est transformée en un lieu enchanté, imprégné de la magie des fêtes, à l&#039;occasion de l&#039;événement Chanter Noël pour la Recherche. Dirigée de main de maître par le Dr Mark Basik, la chorale Communion et Libération a offert une prestation envoûtante, harmonisant chants de Noël et émotions, au profit d&#039;une cause des plus importantes : la recherche sur le cancer du sein.
2805            </div>
2806            </div>
2807    <div class="flex">
2808        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2809            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2810                <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="#F1F1F1"/>
2811            </svg>
2812        </div>
2813    </div>
2814</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dre-annie-huang-laureate-de-la-bourse-decrypt-2023/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2815    <div>
2816        <div class="flex items-center gap-4">
2817            <div class="date-text text-darkRed">
2818                8 Déc 2023
2819            </div>
2820                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2821                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2822                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2823                    </svg>
2824                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2825                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2826                    </svg>
2827                </div>
2828                
2829                <ul class="">
2830                                            <li class="date-text text-red">
2831                                                        Recherche
2832                        </li>
2833                                    </ul>
2834                    </div>
2835        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2836            Dre Annie Huang, lauréate de la bourse DECRYPT 2023
2837        </div>
2838                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2839                En 2022, sept organismes caritatifs canadiens se sont associés pour créer la bourse de recherche Defeating Embryonal Cancer in Young People Together (DECRYPT). Cette initiative visait à transformer la manière dont les cancers embryonnaires chez l’enfant sont abordés, en fournissant un financement pour un projet de recherche qui répondra à un besoin non satisfait en matière de cancers cérébraux pédiatriques.
2840            </div>
2841            </div>
2842    <div class="flex">
2843        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2844            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2845                <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="#F1F1F1"/>
2846            </svg>
2847        </div>
2848    </div>
2849</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dre-alexandra-t-greenhill-nouvelle-administratrice-de-la-societe-de-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2850    <div>
2851        <div class="flex items-center gap-4">
2852            <div class="date-text text-darkRed">
2853                6 Déc 2023
2854            </div>
2855                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2856                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2857                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2858                    </svg>
2859                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2860                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2861                    </svg>
2862                </div>
2863                
2864                <ul class="">
2865                                            <li class="date-text text-red">
2866                                                        Conseil d’administration
2867                        </li>
2868                                    </ul>
2869                    </div>
2870        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2871            Dre Alexandra T. Greenhill, nouvelle administratrice de la Société de recherche sur le cancer
2872        </div>
2873                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2874                Le 8 décembre 2023 — Christian Paupe, président du conseil d’administration de la Société de recherche sur le cancer (SRC) est heureux d’annoncer la nomination de Dre Alexandra T. Greenhill à titre d’administratrice.  Dre Greenhill est fondatrice, présidente-directrice générale et médecin-cheffe de Careteam Technologies, une nouvelle plateforme numérique dédiée aux maladies complexes. Elle s’illustre en tant que médecin et entrepreneure en matière d’innovation technologique dans le domaine de la santé.
2875            </div>
2876            </div>
2877    <div class="flex">
2878        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2879            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2880                <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="#F1F1F1"/>
2881            </svg>
2882        </div>
2883    </div>
2884</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/engagement-majeur-15-million-de-pour-les-doctorants-en-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2885    <div>
2886        <div class="flex items-center gap-4">
2887            <div class="date-text text-darkRed">
2888                6 Déc 2023
2889            </div>
2890                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2891                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2892                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2893                    </svg>
2894                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2895                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2896                    </svg>
2897                </div>
2898                
2899                <ul class="">
2900                                            <li class="date-text text-red">
2901                                                        Recherche
2902                        </li>
2903                                    </ul>
2904                    </div>
2905        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2906            Engagement Majeur : 1,5 million de $ pour les doctorants en recherche sur le cancer
2907        </div>
2908                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2909                Félicitation à nos premiers lauréats !
2910            </div>
2911            </div>
2912    <div class="flex">
2913        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2914            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2915                <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="#F1F1F1"/>
2916            </svg>
2917        </div>
2918    </div>
2919</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-partenariat-strategique-de-12m-pour-les-traitements-du-cancer-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2920    <div>
2921        <div class="flex items-center gap-4">
2922            <div class="date-text text-darkRed">
2923                4 Déc 2023
2924            </div>
2925                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2926                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2927                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2928                    </svg>
2929                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2930                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2931                    </svg>
2932                </div>
2933                
2934                <ul class="">
2935                                            <li class="date-text text-red">
2936                                                        Recherche
2937                        </li>
2938                                    </ul>
2939                    </div>
2940        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2941            Un partenariat stratégique de 1,2M$ pour les traitements du cancer de l&#039;ovaire
2942        </div>
2943                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2944                Chaque année, au Canada, près de 3 100 femmes reçoivent un diagnostic de cancer de l&#039;ovaire. Malheureusement, en 2023, on estime que 1 950 Canadiennes mourront des suites de cette maladie. 
2945            </div>
2946            </div>
2947    <div class="flex">
2948        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2949            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2950                <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="#F1F1F1"/>
2951            </svg>
2952        </div>
2953    </div>
2954</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/1-million-de-dollars-amasses-grace-aux-challenges-2023/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2955    <div>
2956        <div class="flex items-center gap-4">
2957            <div class="date-text text-darkRed">
2958                28 Nov 2023
2959            </div>
2960                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2961                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2962                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2963                    </svg>
2964                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2965                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
2966                    </svg>
2967                </div>
2968                
2969                <ul class="">
2970                                            <li class="date-text text-red">
2971                                                        Événement
2972                        </li>
2973                                    </ul>
2974                    </div>
2975        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
2976            1 million de dollars amassés grâce aux Challenges 2023
2977        </div>
2978                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
2979                Nous sommes fiers d’annoncer que le programme Challenge contre le cancer a permis d’amasser l’incroyable somme de 1 million de dollars net pour la recherche sur le cancer en 2023.
2980            </div>
2981            </div>
2982    <div class="flex">
2983        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
2984            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2985                <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="#F1F1F1"/>
2986            </svg>
2987        </div>
2988    </div>
2989</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/16e-edition-de-read-for-the-cure/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
2990    <div>
2991        <div class="flex items-center gap-4">
2992            <div class="date-text text-darkRed">
2993                22 Nov 2023
2994            </div>
2995                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
2996                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2997                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
2998                    </svg>
2999                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3000                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3001                    </svg>
3002                </div>
3003                
3004                <ul class="">
3005                                            <li class="date-text text-red">
3006                                                        Événement
3007                        </li>
3008                                    </ul>
3009                    </div>
3010        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3011            16e Édition de Read for the Cure
3012        </div>
3013                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3014                L’événement littéraire incontournable, Read for the Cure présenté par Penguin Random House Canada au profit de la Société de recherche sur le cancer (SRC), vient de célébrer son 16e anniversaire dans les villes de Vancouver, Toronto et Ottawa, en récoltant la somme nette de : 85 700 $ !
3015            </div>
3016            </div>
3017    <div class="flex">
3018        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3019            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3020                <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="#F1F1F1"/>
3021            </svg>
3022        </div>
3023    </div>
3024</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-10-millions-de-dollars-investis-dans-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3025    <div>
3026        <div class="flex items-center gap-4">
3027            <div class="date-text text-darkRed">
3028                24 Oct 2023
3029            </div>
3030                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3031                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3032                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3033                    </svg>
3034                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3035                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3036                    </svg>
3037                </div>
3038                
3039                <ul class="">
3040                                            <li class="date-text text-red">
3041                                                        Recherche
3042                        </li>
3043                                    </ul>
3044                    </div>
3045        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3046            Plus de 10 millions de dollars investis dans la recherche sur le cancer
3047        </div>
3048                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3049                Soutenir les chercheurs canadiens pour déjouer le cancer. 
3050            </div>
3051            </div>
3052    <div class="flex">
3053        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3054            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3055                <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="#F1F1F1"/>
3056            </svg>
3057        </div>
3058    </div>
3059</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/levenement-accords-celestes-fracasse-des-records-avec-303-000-amasses/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3060    <div>
3061        <div class="flex items-center gap-4">
3062            <div class="date-text text-darkRed">
3063                19 Oct 2023
3064            </div>
3065                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3066                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3067                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3068                    </svg>
3069                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3070                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3071                    </svg>
3072                </div>
3073                
3074                <ul class="">
3075                                            <li class="date-text text-red">
3076                                                        Événement
3077                        </li>
3078                                    </ul>
3079                    </div>
3080        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3081            L’événement Accords Célestes fracasse des records avec 303 000 $ amassés !
3082        </div>
3083                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3084                La 6e édition de l’événement Accords Célestes présentée par Groupe MTY s&#039;est déroulée le 17 octobre dernier et a, encore une fois cette année, remporté un immense succès ! Nous sommes fiers d’annoncer qu’un montant de 303 000 $ net a été amassé au profit de la Société de recherche sur le cancer (SRC). L’entièreté de cette somme aidera à financer de nombreux projets de recherche. 
3085            </div>
3086            </div>
3087    <div class="flex">
3088        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3089            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3090                <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="#F1F1F1"/>
3091            </svg>
3092        </div>
3093    </div>
3094</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/etat-des-lieux-du-cancer-au-quebec-urgence-dagir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3095    <div>
3096        <div class="flex items-center gap-4">
3097            <div class="date-text text-darkRed">
3098                12 Oct 2023
3099            </div>
3100                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3101                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3102                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3103                    </svg>
3104                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3105                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3106                    </svg>
3107                </div>
3108                
3109                <ul class="">
3110                                            <li class="date-text text-red">
3111                                                        Santé
3112                        </li>
3113                                    </ul>
3114                    </div>
3115        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3116            État des lieux du cancer au Québec : Urgence d’agir
3117        </div>
3118                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3119                Aujourd’hui, la Société de recherche sur le cancer unit ses forces à celles de la Fondation québécoise du cancer, de Leucan et de PROCURE afin de sensibiliser la population québécoise à la lutte contre le cancer. Cette lutte est loin d’être terminée et nous demandons à ce que la priorité en santé au Québec soit le cancer.
3120            </div>
3121            </div>
3122    <div class="flex">
3123        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3124            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3125                <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="#F1F1F1"/>
3126            </svg>
3127        </div>
3128    </div>
3129</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/investir-dans-lavenir-de-la-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3130    <div>
3131        <div class="flex items-center gap-4">
3132            <div class="date-text text-darkRed">
3133                19 Sep 2023
3134            </div>
3135                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3136                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3137                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3138                    </svg>
3139                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3140                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3141                    </svg>
3142                </div>
3143                
3144                <ul class="">
3145                                            <li class="date-text text-red">
3146                                                        Recherche
3147                        </li>
3148                                    </ul>
3149                    </div>
3150        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3151            Investir dans l’avenir de la recherche
3152        </div>
3153                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3154                Soutenir la relève scientifique au Canada
3155            </div>
3156            </div>
3157    <div class="flex">
3158        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3159            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3160                <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="#F1F1F1"/>
3161            </svg>
3162        </div>
3163    </div>
3164</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/183-500-amasses-pour-la-29e-edition-de-la-classique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3165    <div>
3166        <div class="flex items-center gap-4">
3167            <div class="date-text text-darkRed">
3168                19 Sep 2023
3169            </div>
3170                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3171                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3172                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3173                    </svg>
3174                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3175                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3176                    </svg>
3177                </div>
3178                
3179                <ul class="">
3180                                            <li class="date-text text-red">
3181                                                        Événement
3182                        </li>
3183                                    </ul>
3184                    </div>
3185        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3186            183 500 $ amassés pour la 29e édition de la Classique!
3187        </div>
3188                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3189                Une fois de plus cette année, le populaire événement la Classique, présentée par la Banque Scotia et BMO Assurance, a été un immense succès en permettant d’amasser un montant de 183 500$. Cette somme sera entièrement dédiée à soutenir les projets de recherche les plus prometteurs au Canada. 
3190            </div>
3191            </div>
3192    <div class="flex">
3193        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3194            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3195                <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="#F1F1F1"/>
3196            </svg>
3197        </div>
3198    </div>
3199</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/3-millions-de-dollars-pour-la-recherche-sur-les-cancers-du-sang/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3200    <div>
3201        <div class="flex items-center gap-4">
3202            <div class="date-text text-darkRed">
3203                23 Août 2023
3204            </div>
3205                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3206                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3207                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3208                    </svg>
3209                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3210                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3211                    </svg>
3212                </div>
3213                
3214                <ul class="">
3215                                            <li class="date-text text-red">
3216                                                        Recherche
3217                        </li>
3218                                    </ul>
3219                    </div>
3220        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3221            3 millions de dollars pour la recherche sur les cancers du sang
3222        </div>
3223                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3224                Un partenariat exceptionnel pour déjouer les cancers du sang.
3225Au-delà des termes techniques de leucémies, myélomes, lymphomes, syndromes myélodysplasiques ou encore néoplasmes myéloprolifératifs, une réalité bien plus saisissante émerge : plus de 155 000 Canadiens sont confrontés aux différents types de cancers du sang. Ces cancers frappent de manière imprévisible, touchant aussi bien les enfants que les jeunes adultes et les personnes âgées.
3226            </div>
3227            </div>
3228    <div class="flex">
3229        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3230            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3231                <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="#F1F1F1"/>
3232            </svg>
3233        </div>
3234    </div>
3235</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/1-million-de-dollars-pour-la-recherche-sur-le-cancer-du-cerveau/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3236    <div>
3237        <div class="flex items-center gap-4">
3238            <div class="date-text text-darkRed">
3239                27 Juil 2023
3240            </div>
3241                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3242                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3243                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3244                    </svg>
3245                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3246                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3247                    </svg>
3248                </div>
3249                
3250                <ul class="">
3251                                            <li class="date-text text-red">
3252                                                        Recherche
3253                        </li>
3254                                    </ul>
3255                    </div>
3256        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3257            1 million de dollars pour la recherche sur le cancer du cerveau
3258        </div>
3259                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3260                Environ 55 000 Canadiens vivent avec un cancer du cerveau et il existe plus de 120 types distincts de tumeurs cérébrales. Des médecins du centre de cancérologie princess margaret utilise des approches novatrices pour cibler les tumeurs cérébrales.
3261            </div>
3262            </div>
3263    <div class="flex">
3264        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3265            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3266                <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="#F1F1F1"/>
3267            </svg>
3268        </div>
3269    </div>
3270</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/comites-devaluation-les-garants-de-notre-impact/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3271    <div>
3272        <div class="flex items-center gap-4">
3273            <div class="date-text text-darkRed">
3274                22 Juin 2023
3275            </div>
3276                    </div>
3277        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3278            Comités d’évaluation : les garants de notre impact
3279        </div>
3280                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3281                Les comités d’évaluation scientifique par les pairs : la clé pour financer la recherche d’excellence!
3282            </div>
3283            </div>
3284    <div class="flex">
3285        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3286            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3287                <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="#F1F1F1"/>
3288            </svg>
3289        </div>
3290    </div>
3291</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-2023/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3292    <div>
3293        <div class="flex items-center gap-4">
3294            <div class="date-text text-darkRed">
3295                8 Juin 2023
3296            </div>
3297                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3298                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3299                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3300                    </svg>
3301                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3302                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3303                    </svg>
3304                </div>
3305                
3306                <ul class="">
3307                                            <li class="date-text text-red">
3308                                                        Événement
3309                        </li>
3310                                    </ul>
3311                    </div>
3312        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3313            BBQ Urbain 2023
3314        </div>
3315                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3316                Un nouveau record : plus de 700 000 $ qui iront à la recherche sur le cancer ! La 9e édition du BBQ Urbain présenté par RBC Banque Royale (Québec) au profit de la Société de recherche sur le cancer (SRC) s’est tenue le 7 juin 2023 au Grand Quai du Port de Montréal. Sous le thème « Autour du monde », l’événement a accueilli près de 1000 invités et a permis de recueillir la somme record de plus de 700 000 $ net.
3317            </div>
3318            </div>
3319    <div class="flex">
3320        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3321            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3322                <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="#F1F1F1"/>
3323            </svg>
3324        </div>
3325    </div>
3326</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-florissante-campagne-numerique-ce-printemps-ravivez-lespoir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3327    <div>
3328        <div class="flex items-center gap-4">
3329            <div class="date-text text-darkRed">
3330                2 Juin 2023
3331            </div>
3332                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3333                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3334                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3335                    </svg>
3336                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3337                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3338                    </svg>
3339                </div>
3340                
3341                <ul class="">
3342                                            <li class="date-text text-red">
3343                                                        Collecte de fonds
3344                        </li>
3345                                    </ul>
3346                    </div>
3347        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3348            Une florissante campagne numérique «Ce printemps, ravivez l’espoir»
3349        </div>
3350                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3351                Devenez un #porteurdespoir en donnant à la recherche : «Ce printemps, ravivez l’espoir»
3352            </div>
3353            </div>
3354    <div class="flex">
3355        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3356            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3357                <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="#F1F1F1"/>
3358            </svg>
3359        </div>
3360    </div>
3361</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/retour-des-destinations-a-letranger/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3362    <div>
3363        <div class="flex items-center gap-4">
3364            <div class="date-text text-darkRed">
3365                2 Mai 2023
3366            </div>
3367                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3368                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3369                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3370                    </svg>
3371                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3372                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3373                    </svg>
3374                </div>
3375                
3376                <ul class="">
3377                                            <li class="date-text text-red">
3378                                                        Événement
3379                        </li>
3380                                    </ul>
3381                    </div>
3382        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3383            Retour des destinations à l’étranger !
3384        </div>
3385                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3386                Le programme Challenge contre le cancer à l’étranger est enfin de retour ! Après plus de 3 ans d’attente, vous pouvez finalement vous inscrire pour relever ce défi de taille, qui est la fois une expérience exigeante et gratifiante !
3387            </div>
3388            </div>
3389    <div class="flex">
3390        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3391            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3392                <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="#F1F1F1"/>
3393            </svg>
3394        </div>
3395    </div>
3396</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nouveau-programme-historique-de-financement-de-la-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3397    <div>
3398        <div class="flex items-center gap-4">
3399            <div class="date-text text-darkRed">
3400                31 Mar 2023
3401            </div>
3402                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3403                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3404                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3405                    </svg>
3406                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3407                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3408                    </svg>
3409                </div>
3410                
3411                <ul class="">
3412                                            <li class="date-text text-red">
3413                                                        Recherche
3414                        </li>
3415                                    </ul>
3416                    </div>
3417        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3418            Nouveau programme historique de financement de la recherche
3419        </div>
3420                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3421                La Société canadienne du cancer annonce les détails d’un programme historique de financement de la recherche pour transformer l’avenir des cancers pour lesquels le taux de survie est faible.
3422            </div>
3423            </div>
3424    <div class="flex">
3425        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3426            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3427                <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="#F1F1F1"/>
3428            </svg>
3429        </div>
3430    </div>
3431</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/annie-marsolais-nouvelle-administratrice-de-notre-conseil-dadministration/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3432    <div>
3433        <div class="flex items-center gap-4">
3434            <div class="date-text text-darkRed">
3435                30 Mar 2023
3436            </div>
3437                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3438                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3439                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3440                    </svg>
3441                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3442                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3443                    </svg>
3444                </div>
3445                
3446                <ul class="">
3447                                            <li class="date-text text-red">
3448                                                        Conseil d’administration
3449                        </li>
3450                                    </ul>
3451                    </div>
3452        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3453            Annie Marsolais, nouvelle administratrice de notre conseil d’administration
3454        </div>
3455                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3456                Christian Paupe, président du conseil d&#039;administration de la Société de recherche sur le cancer (SRC) est heureux d&#039;annoncer la nomination d’Annie Marsolais à titre d’administratrice de notre conseil d’administration et à titre de membre du comité des ressources humaines et du recrutement.
3457            </div>
3458            </div>
3459    <div class="flex">
3460        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3461            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3462                <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="#F1F1F1"/>
3463            </svg>
3464        </div>
3465    </div>
3466</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/andre-robitaille-participera-a-un-challenge-contre-le-cancer-en-inde/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3467    <div>
3468        <div class="flex items-center gap-4">
3469            <div class="date-text text-darkRed">
3470                27 Mar 2023
3471            </div>
3472                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3473                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3474                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3475                    </svg>
3476                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3477                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3478                    </svg>
3479                </div>
3480                
3481                <ul class="">
3482                                            <li class="date-text text-red">
3483                                                        Événement
3484                        </li>
3485                                    </ul>
3486                    </div>
3487        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3488            André Robitaille participera à un Challenge contre le cancer en Inde
3489        </div>
3490                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3491                Avec ses 30 ans de carrière en tant que comédien et animateur au Québec, et avec sa grande sensibilité à la mission de la Société de recherche sur le cancer (SRC), André Robitaille est non seulement notre porte-parole, mais un allié précieux pour nous. Son implication nous aide à sensibiliser le grand public face à l’importance de la recherche afin de mieux prévenir, détecter et traiter toutes les formes de cancer. Accompagné de sa conjointe Julie Boisvert et d’une vingtaine de participants.es, il s’envolera vers l’Inde pour relever un Challenge contre le cancer du 2 au 14 juin prochain.
3492            </div>
3493            </div>
3494    <div class="flex">
3495        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3496            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3497                <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="#F1F1F1"/>
3498            </svg>
3499        </div>
3500    </div>
3501</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/journee-internationale-des-droits-des-femmes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3502    <div>
3503        <div class="flex items-center gap-4">
3504            <div class="date-text text-darkRed">
3505                20 Mar 2023
3506            </div>
3507                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3508                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3509                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3510                    </svg>
3511                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3512                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3513                    </svg>
3514                </div>
3515                
3516                <ul class="">
3517                                            <li class="date-text text-red">
3518                                                        Collecte de fonds
3519                        </li>
3520                                    </ul>
3521                    </div>
3522        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3523            Journée internationale des droits des femmes
3524        </div>
3525                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3526                Une célébration des femmes déterminées à déjouer le cancer. Pour une deuxième année consécutive, nous avons mis sur pied une collecte de fonds entièrement numérique dans le cadre de la Journée internationale des droits des femmes du 8 mars.
3527            </div>
3528            </div>
3529    <div class="flex">
3530        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3531            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3532                <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="#F1F1F1"/>
3533            </svg>
3534        </div>
3535    </div>
3536</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-sous-investissement-dans-la-recherche-en-sante-nous-tue/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3537    <div>
3538        <div class="flex items-center gap-4">
3539            <div class="date-text text-darkRed">
3540                7 Mar 2023
3541            </div>
3542                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3543                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3544                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3545                    </svg>
3546                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3547                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3548                    </svg>
3549                </div>
3550                
3551                <ul class="">
3552                                            <li class="date-text text-red">
3553                                                        Santé
3554                        </li>
3555                                    </ul>
3556                    </div>
3557        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3558            Le sous-investissement dans la recherche en santé nous tue.
3559        </div>
3560                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3561                La recherche en santé permet de sauver des vies et diminuer la souffrance. Elle rend aussi notre système de santé plus résilient et nous aide à nous préparer pour l’avenir. Mais notre capacité de faire une différence pour les Canadiens nous échappe. Et nous pourrions et devrions faire beaucoup plus.
3562            </div>
3563            </div>
3564    <div class="flex">
3565        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3566            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3567                <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="#F1F1F1"/>
3568            </svg>
3569        </div>
3570    </div>
3571</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/rencontre-avec-marie-elise-parent-phd/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3572    <div>
3573        <div class="flex items-center gap-4">
3574            <div class="date-text text-darkRed">
3575                28 Fév 2023
3576            </div>
3577                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3578                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3579                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3580                    </svg>
3581                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3582                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3583                    </svg>
3584                </div>
3585                
3586                <ul class="">
3587                                            <li class="date-text text-red">
3588                                                        Recherche
3589                        </li>
3590                                    </ul>
3591                    </div>
3592        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3593            Rencontre avec Marie-Élise Parent, PhD
3594        </div>
3595                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3596                « Je suis très reconnaissante envers la SRC, qui a joué un rôle important dans mon programme de recherche. Grâce au soutien financier que j’ai reçu, mon équipe et moi pouvons contribuer à l’élaboration de mesures de prévention du cancer. »
3597            </div>
3598            </div>
3599    <div class="flex">
3600        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3601            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3602                <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="#F1F1F1"/>
3603            </svg>
3604        </div>
3605    </div>
3606</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nouveau-cette-annee-bourses-de-recherche-au-doctorat/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3607    <div>
3608        <div class="flex items-center gap-4">
3609            <div class="date-text text-darkRed">
3610                27 Fév 2023
3611            </div>
3612                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3613                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3614                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3615                    </svg>
3616                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3617                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3618                    </svg>
3619                </div>
3620                
3621                <ul class="">
3622                                            <li class="date-text text-red">
3623                                                        Recherche
3624                        </li>
3625                                    </ul>
3626                    </div>
3627        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3628            Nouveau cette année : bourses de recherche au doctorat
3629        </div>
3630                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3631                La Société de recherche sur le cancer (SRC) est fière de lancer un nouveau concours annuel de bourses de recherche au doctorat visant à soutenir les étudiants de troisième cycle qui poursuivent un doctorat en recherche sur le cancer. Ce programme offrira aux étudiants diplômés l’opportunité de faire une demande pour une bourse de deux ans d’une valeur de 70 000$. Ils pourront ainsi mener leur projet de recherche dans une université canadienne ou un établissement éligible. 
3632            </div>
3633            </div>
3634    <div class="flex">
3635        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3636            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3637                <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="#F1F1F1"/>
3638            </svg>
3639        </div>
3640    </div>
3641</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-256-000-net-amasses-grace-a-notre-campagne-de-fin-dannee/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3642    <div>
3643        <div class="flex items-center gap-4">
3644            <div class="date-text text-darkRed">
3645                6 Jan 2023
3646            </div>
3647                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3648                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3649                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3650                    </svg>
3651                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3652                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3653                    </svg>
3654                </div>
3655                
3656                <ul class="">
3657                                            <li class="date-text text-red">
3658                                                        Collecte de fonds
3659                        </li>
3660                                    </ul>
3661                    </div>
3662        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3663            Plus de 256 000 $ net amassés grâce à notre campagne de fin d’année
3664        </div>
3665                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3666                Notre campagne de fin d’année sous le thème #HerosduCancer a permis d’amasser plus de 256 000$ net afin de financer davantage de projets de recherche figurant parmi les plus prometteurs pour mieux prévenir, détecter et traiter tous les types de cancer.
3667            </div>
3668            </div>
3669    <div class="flex">
3670        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3671            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3672                <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="#F1F1F1"/>
3673            </svg>
3674        </div>
3675    </div>
3676</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dejouer-le-cancer-embryonnaire-chez-lenfant-avec-decrypt/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3677    <div>
3678        <div class="flex items-center gap-4">
3679            <div class="date-text text-darkRed">
3680                4 Jan 2023
3681            </div>
3682                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3683                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3684                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3685                    </svg>
3686                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3687                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3688                    </svg>
3689                </div>
3690                
3691                <ul class="">
3692                                            <li class="date-text text-red">
3693                                                        Recherche
3694                        </li>
3695                                    </ul>
3696                    </div>
3697        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3698            Déjouer le cancer embryonnaire chez l’enfant avec DECRYPT
3699        </div>
3700                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3701                La Société de recherche sur le cancer (SRC) est fière de s’unir à plusieurs organismes canadiens afin de financer DECRYPT, une importante subvention de recherche pour de rares formes de cancer du cerveau chez les enfants.
3702            </div>
3703            </div>
3704    <div class="flex">
3705        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3706            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3707                <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="#F1F1F1"/>
3708            </svg>
3709        </div>
3710    </div>
3711</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/77-800-amasses-grace-aux-challenges-2022/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3712    <div>
3713        <div class="flex items-center gap-4">
3714            <div class="date-text text-darkRed">
3715                15 Déc 2022
3716            </div>
3717                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3718                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3719                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3720                    </svg>
3721                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3722                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3723                    </svg>
3724                </div>
3725                
3726                <ul class="">
3727                                            <li class="date-text text-red">
3728                                                        Événement
3729                        </li>
3730                                    </ul>
3731                    </div>
3732        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3733            77 800 $ amassés grâce aux Challenges 2022
3734        </div>
3735                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3736                Le programme du Challenge permet à ses participants de relever un défi tout en amassant des fonds pour la recherche sur le cancer. Ces défis se déroulent à différents endroits dans le monde et représentent une réelle aventure pour ceux qui décident d’y prendre part.
3737            </div>
3738            </div>
3739    <div class="flex">
3740        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3741            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3742                <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="#F1F1F1"/>
3743            </svg>
3744        </div>
3745    </div>
3746</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/165-000-amasses-lors-de-la-15e-edition-des-evenements-read-for-the-cure/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3747    <div>
3748        <div class="flex items-center gap-4">
3749            <div class="date-text text-darkRed">
3750                30 Nov 2022
3751            </div>
3752                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3753                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3754                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3755                    </svg>
3756                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3757                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3758                    </svg>
3759                </div>
3760                
3761                <ul class="">
3762                                            <li class="date-text text-red">
3763                                                        Événement
3764                        </li>
3765                                    </ul>
3766                    </div>
3767        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3768            165 000 $ amassés lors de la 15e édition des événements Read for the Cure
3769        </div>
3770                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3771                Depuis sa première édition en 2007, Read for the Cure a amassé plus de 1,8 million $ !
3772
3773Cette année, au grand plaisir de tous les participants, trois événements ont eu lieu.
3774            </div>
3775            </div>
3776    <div class="flex">
3777        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3778            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3779                <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="#F1F1F1"/>
3780            </svg>
3781        </div>
3782    </div>
3783</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/dejouer-le-cancer-du-sein-chez-les-femmes-noires/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3784    <div>
3785        <div class="flex items-center gap-4">
3786            <div class="date-text text-darkRed">
3787                8 Nov 2022
3788            </div>
3789                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3790                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3791                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3792                    </svg>
3793                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3794                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3795                    </svg>
3796                </div>
3797                
3798                <ul class="">
3799                                            <li class="date-text text-red">
3800                                                        Recherche
3801                        </li>
3802                                    </ul>
3803                    </div>
3804        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3805            Déjouer le cancer du sein chez les femmes noires
3806        </div>
3807                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3808                Grâce à un nouveau partenariat entre Desjardins Assurances et la Société de recherche sur le cancer (SRC), un projet de recherche sur le cancer du sein chez les femmes noires sera financé en 2023 à la suite d’un concours auprès de la communauté scientifique canadienne.
3809            </div>
3810            </div>
3811    <div class="flex">
3812        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3813            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3814                <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="#F1F1F1"/>
3815            </svg>
3816        </div>
3817    </div>
3818</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/200-000-amasses-grace-a-une-soiree-celeste-et-memorable/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3819    <div>
3820        <div class="flex items-center gap-4">
3821            <div class="date-text text-darkRed">
3822                3 Nov 2022
3823            </div>
3824                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3825                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3826                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3827                    </svg>
3828                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3829                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3830                    </svg>
3831                </div>
3832                
3833                <ul class="">
3834                                            <li class="date-text text-red">
3835                                                        Événement
3836                        </li>
3837                                    </ul>
3838                    </div>
3839        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3840            200 000 $ amassés grâce à une soirée céleste et mémorable
3841        </div>
3842                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3843                La 5e édition de la soirée Accords Célestes organisée au profit de la Société de recherche sur le cancer (SRC), en collaboration avec La Céleste, s’est tenue le mardi 1er novembre 2022 et a permis d’amasser un total net de 200 000 $ qui sera dédié à des projets de recherche pour déjouer le c
3843ancer.
3844            </div>
3845            </div>
3846    <div class="flex">
3847        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3848            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3849                <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="#F1F1F1"/>
3850            </svg>
3851        </div>
3852    </div>
3853</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/barbara-grunwald-une-chercheuse-inspirante/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3854    <div>
3855        <div class="flex items-center gap-4">
3856            <div class="date-text text-darkRed">
3857                24 Oct 2022
3858            </div>
3859                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3860                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3861                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3862                    </svg>
3863                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3864                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3865                    </svg>
3866                </div>
3867                
3868                <ul class="">
3869                                            <li class="date-text text-red">
3870                                                        Recherche
3871                        </li>
3872                                    </ul>
3873                    </div>
3874        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3875            Barbara Grünwald, une chercheuse inspirante
3876        </div>
3877                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3878                Au printemps 2021, la Société de recherche sur le cancer a lancé une campagne de collecte de fonds entièrement numérique en partenariat avec BMO sous le thème « La recherche, c’est l’avenir » afin d’attribuer une bourse pour la relève scientifique à une chercheuse débutant sa carrière dans le domaine de la recherche sur le cancer.
3879            </div>
3880            </div>
3881    <div class="flex">
3882        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3883            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3884                <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="#F1F1F1"/>
3885            </svg>
3886        </div>
3887    </div>
3888</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/repositionner-des-medicaments-existants-pour-traiter-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3889    <div>
3890        <div class="flex items-center gap-4">
3891            <div class="date-text text-darkRed">
3892                17 Oct 2022
3893            </div>
3894                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3895                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3896                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3897                    </svg>
3898                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3899                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3900                    </svg>
3901                </div>
3902                
3903                <ul class="">
3904                                            <li class="date-text text-red">
3905                                                        Recherche
3906                        </li>
3907                                    </ul>
3908                    </div>
3909        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3910            Repositionner des médicaments existants pour traiter le cancer
3911        </div>
3912                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3913                La Société de recherche sur le cancer (SRC) attribue deux nouvelles subventions dans le cadre de son programme UpCycle pour une somme totale de 750 000 $ dans le but de repositionner des médicaments existants à de nouvelles fins de thérapies contre le cancer accélérant ainsi la découverte de nouveaux traitements tout en optimisant les ressources financières.
3914            </div>
3915            </div>
3916    <div class="flex">
3917        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3918            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3919                <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="#F1F1F1"/>
3920            </svg>
3921        </div>
3922    </div>
3923</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/5-nouvelles-bourses-pour-la-releve-scientifique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3924    <div>
3925        <div class="flex items-center gap-4">
3926            <div class="date-text text-darkRed">
3927                10 Oct 2022
3928            </div>
3929                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3930                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3931                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3932                    </svg>
3933                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3934                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3935                    </svg>
3936                </div>
3937                
3938                <ul class="">
3939                                            <li class="date-text text-red">
3940                                                        Recherche
3941                        </li>
3942                                    </ul>
3943                    </div>
3944        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3945            5 nouvelles bourses pour la relève scientifique
3946        </div>
3947                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3948                La SRC reçoit, dans le cadre de son concours annuel pour son programme de bourses pour la relève scientifique, des demandes de chercheurs à travers le Canada qui terminent leur postdoctorat et qui souhaitent obtenir un soutien financier d’une durée de trois ans s&#039;élevant à un montant total de 170 000 $.
3949            </div>
3950            </div>
3951    <div class="flex">
3952        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3953            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3954                <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="#F1F1F1"/>
3955            </svg>
3956        </div>
3957    </div>
3958</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/90-nouvelles-subventions-pour-dejouer-le-cancer-totalisant-108-millions/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3959    <div>
3960        <div class="flex items-center gap-4">
3961            <div class="date-text text-darkRed">
3962                26 Sep 2022
3963            </div>
3964                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
3965                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3966                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
3967                    </svg>
3968                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
3969                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
3970                    </svg>
3971                </div>
3972                
3973                <ul class="">
3974                                            <li class="date-text text-red">
3975                                                        Recherche
3976                        </li>
3977                                    </ul>
3978                    </div>
3979        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
3980            90 nouvelles subventions pour déjouer le cancer totalisant 10,8 millions $
3981        </div>
3982                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
3983                   
3984            </div>
3985            </div>
3986    <div class="flex">
3987        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
3988            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3989                <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="#F1F1F1"/>
3990            </svg>
3991        </div>
3992    </div>
3993</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/il-faut-ouvrir-les-donnees-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
3994    <div>
3995        <div class="flex items-center gap-4">
3996            <div class="date-text text-darkRed">
3997                19 Sep 2022
3998            </div>
3999                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4000                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4001                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4002                    </svg>
4003                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4004                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4005                    </svg>
4006                </div>
4007                
4008                <ul class="">
4009                                            <li class="date-text text-red">
4010                                                        Santé
4011                        </li>
4012                                    </ul>
4013                    </div>
4014        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4015            Il faut ouvrir les données sur le cancer
4016        </div>
4017                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4018                Quatre-vingt-neuf pour cent des québécois sont favorables au partage des données sur le cancer
4019            </div>
4020            </div>
4021    <div class="flex">
4022        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4023            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4024                <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="#F1F1F1"/>
4025            </svg>
4026        </div>
4027    </div>
4028</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/rencontre-avec-la-professeure-rama-khokha/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4029    <div>
4030        <div class="flex items-center gap-4">
4031            <div class="date-text text-darkRed">
4032                19 Sep 2022
4033            </div>
4034                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4035                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4036                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4037                    </svg>
4038                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4039                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4040                    </svg>
4041                </div>
4042                
4043                <ul class="">
4044                                            <li class="date-text text-red">
4045                                                        Recherche
4046                        </li>
4047                                    </ul>
4048                    </div>
4049        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4050            Rencontre avec la professeure Rama Khokha
4051        </div>
4052                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4053                Une vie dédiée à la recherche sur le cancer
4054            </div>
4055            </div>
4056    <div class="flex">
4057        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4058            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4059                <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="#F1F1F1"/>
4060            </svg>
4061        </div>
4062    </div>
4063</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/205-000-amasses-grace-a-la-classique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4064    <div>
4065        <div class="flex items-center gap-4">
4066            <div class="date-text text-darkRed">
4067                19 Sep 2022
4068            </div>
4069                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4070                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4071                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4072                    </svg>
4073                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4074                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4075                    </svg>
4076                </div>
4077                
4078                <ul class="">
4079                                            <li class="date-text text-red">
4080                                                        Événement
4081                        </li>
4082                                    </ul>
4083                    </div>
4084        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4085            205 000 $ amassés grâce à la Classique !
4086        </div>
4087                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4088                Pour une 28e année, la Classique, présentée par la Banque Scotia et BMO Assurance s’est déroulée dans trois villes du Québec : Montréal, Sherbrooke et Québec. Les formules diffèrent d’une ville à l’autre, mais l’objectif reste le même : soutenir la recherche sur le cancer.
4089            </div>
4090            </div>
4091    <div class="flex">
4092        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4093            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4094                <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="#F1F1F1"/>
4095            </svg>
4096        </div>
4097    </div>
4098</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/cet-ete-je-donne-a-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4099    <div>
4100        <div class="flex items-center gap-4">
4101            <div class="date-text text-darkRed">
4102                14 Août 2022
4103            </div>
4104                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4105                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4106                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4107                    </svg>
4108                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4109                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4110                    </svg>
4111                </div>
4112                
4113                <ul class="">
4114                                            <li class="date-text text-red">
4115                                                        Collecte de fonds
4116                        </li>
4117                                    </ul>
4118                    </div>
4119        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4120            «Cet été, je donne à la recherche sur le cancer»
4121        </div>
4122                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4123                Grâce à la campagne « Cet été, je donne à la recherche sur le cancer », la Société a recueilli plus de 46 000 $
4124            </div>
4125            </div>
4126    <div class="flex">
4127        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4128            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4129                <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="#F1F1F1"/>
4130            </svg>
4131        </div>
4132    </div>
4133</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/prevenir-le-cancer-avant-quil-apparaisse/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4134    <div>
4135        <div class="flex items-center gap-4">
4136            <div class="date-text text-darkRed">
4137                11 Août 2022
4138            </div>
4139                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4140                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4141                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4142                    </svg>
4143                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4144                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4145                    </svg>
4146                </div>
4147                
4148                <ul class="">
4149                                            <li class="date-text text-red">
4150                                                        Recherche
4151                        </li>
4152                                    </ul>
4153                    </div>
4154        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4155            Prévenir le cancer avant qu&#039;il apparaisse
4156        </div>
4157                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4158                Initiative SCC/IC-IRSC en prévention primaire du cancer : 28 subventions accordées pour 5,4 millions $
4159            </div>
4160            </div>
4161    <div class="flex">
4162        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4163            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4164                <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="#F1F1F1"/>
4165            </svg>
4166        </div>
4167    </div>
4168</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nouveau-record-pour-la-journee-de-la-marche-du-reve/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4169    <div>
4170        <div class="flex items-center gap-4">
4171            <div class="date-text text-darkRed">
4172                21 Juil 2022
4173            </div>
4174                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4175                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4176                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4177                    </svg>
4178                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4179                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4180                    </svg>
4181                </div>
4182                
4183                <ul class="">
4184                                            <li class="date-text text-red">
4185                                                        Événement
4186                        </li>
4187                                    </ul>
4188                    </div>
4189        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4190            Nouveau record pour la Journée de la Marche du rêve
4191        </div>
4192                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4193                C’est avec beaucoup d’émotions que le comité organisateur, composé de bénévoles dont Liane et Viateur Beauregard, Sylvie Benca, Lise Bernier, Robert Dubé, Julie et Reine Duguay, Brégitte Foisy et Daniel Rousseau, annonce avoir encore une fois dépassé son objectif cette année en amassant plus de 31 000 $ pour la recherche sur le cancer.
4194            </div>
4195            </div>
4196    <div class="flex">
4197        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4198            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4199                <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="#F1F1F1"/>
4200            </svg>
4201        </div>
4202    </div>
4203</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/21e-edition-des-jeux-de-saint-lambert/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4204    <div>
4205        <div class="flex items-center gap-4">
4206            <div class="date-text text-darkRed">
4207                13 Juil 2022
4208            </div>
4209                            <div class="date-text !text-veryDarkRed uppercase px-[1rem]">
4210                    <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4211                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#600000"/>
4212                    </svg>
4213                    <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
4214                        <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#600000"/>
4215                    </svg>
4216                </div>
4217                
4218                <ul class="">
4219                                            <li class="date-text text-red">
4220                                                        Événement
4221                        </li>
4222                                    </ul>
4223                    </div>
4224        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4225            21e édition des Jeux de Saint-Lambert
4226        </div>
4227                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4228                11 000 $ pour la recherche sur le cancer
4229            </div>
4230            </div>
4231    <div class="flex">
4232        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4233            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4234                <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="#F1F1F1"/>
4235            </svg>
4236        </div>
4237    </div>
4238</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/13-000-amasses-grace-a-la-traversee-de-denis-dionne/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4239    <div>
4240        <div class="flex items-center gap-4">
4241            <div class="date-text text-darkRed">
4242                13 Juil 2022
4243            </div>
4244                    </div>
4245        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4246            13 000 $ amassés grâce à la Traversée de Denis Dionne
4247        </div>
4248                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4249                   
4250            </div>
4251            </div>
4252    <div class="flex">
4253        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4254            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4255                <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="#F1F1F1"/>
4256            </svg>
4257        </div>
4258    </div>
4259</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/campagne-on-a-besoin-de-vous/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4260    <div>
4261        <div class="flex items-center gap-4">
4262            <div class="date-text text-darkRed">
4263                22 Juin 2022
4264            </div>
4265                    </div>
4266        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4267            Campagne « On a besoin de vous ! »
4268        </div>
4269                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4270                Plus de 115 000 $ amassés au profit de la recherche sur le cancer
4271            </div>
4272            </div>
4273    <div class="flex">
4274        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4275            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4276                <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="#F1F1F1"/>
4277            </svg>
4278        </div>
4279    </div>
4280</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/15e-edition-de-read-for-the-cure/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4281    <div>
4282        <div class="flex items-center gap-4">
4283            <div class="date-text text-darkRed">
4284                21 Juin 2022
4285            </div>
4286                    </div>
4287        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4288            15e édition de Read for the Cure
4289        </div>
4290                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4291                   
4292            </div>
4293            </div>
4294    <div class="flex">
4295        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4296            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4297                <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="#F1F1F1"/>
4298            </svg>
4299        </div>
4300    </div>
4301</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-300-projets-analyses/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4302    <div>
4303        <div class="flex items-center gap-4">
4304            <div class="date-text text-darkRed">
4305                16 Juin 2022
4306            </div>
4307                    </div>
4308        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4309            Plus de 300 projets analysés
4310        </div>
4311                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4312                Plus de 500 heures d’analyse par 85 experts pour sélectionner les meilleurs projets de recherche qui seront financés 
4313            </div>
4314            </div>
4315    <div class="flex">
4316        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4317            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4318                <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="#F1F1F1"/>
4319            </svg>
4320        </div>
4321    </div>
4322</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-2022/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4323    <div>
4324        <div class="flex items-center gap-4">
4325            <div class="date-text text-darkRed">
4326                15 Juin 2022
4327            </div>
4328                    </div>
4329        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4330            BBQ Urbain 2022
4331        </div>
4332                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4333                625 000 $ recueillis pour la recherche sur le cancer, un record !
4334            </div>
4335            </div>
4336    <div class="flex">
4337        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4338            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4339                <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="#F1F1F1"/>
4340            </svg>
4341        </div>
4342    </div>
4343</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/classique-cyclo-golf-un-evenement-rassembleur-pour-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4344    <div>
4345        <div class="flex items-center gap-4">
4346            <div class="date-text text-darkRed">
4347                17 Mai 2022
4348            </div>
4349                    </div>
4350        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4351            Classique Cyclo-Golf : un événement rassembleur pour la recherche sur le cancer
4352        </div>
4353                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4354                La Société de recherche sur le cancer est très heureuse d’annoncer le retour de la Classique Cyclo-Golf avec le soutien de ses partenaires et collaborateurs.
4355            </div>
4356            </div>
4357    <div class="flex">
4358        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4359            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4360                <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="#F1F1F1"/>
4361            </svg>
4362        </div>
4363    </div>
4364</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/2e-edition-de-la-traversee-de-denis-dionne/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4365    <div>
4366        <div class="flex items-center gap-4">
4367            <div class="date-text text-darkRed">
4368                28 Avr 2022
4369            </div>
4370                    </div>
4371        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4372            2e édition de la Traversée de Denis Dionne
4373        </div>
4374                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4375                Marcher au profit de la recherche sur le cancer
4376            </div>
4377            </div>
4378    <div class="flex">
4379        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4380            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4381                <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="#F1F1F1"/>
4382            </svg>
4383        </div>
4384    </div>
4385</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nouvelle-campagne-de-collecte-de-fonds-numerique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4386    <div>
4387        <div class="flex items-center gap-4">
4388            <div class="date-text text-darkRed">
4389                6 Avr 2022
4390            </div>
4391                    </div>
4392        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4393            Nouvelle campagne de collecte de fonds numérique
4394        </div>
4395                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4396                On a besoin de vous !
4397            </div>
4398            </div>
4399    <div class="flex">
4400        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4401            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4402                <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="#F1F1F1"/>
4403            </svg>
4404        </div>
4405    </div>
4406</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/journee-internationale-des-droits-des-femmes-2/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4407    <div>
4408        <div class="flex items-center gap-4">
4409            <div class="date-text text-darkRed">
4410                6 Avr 2022
4411            </div>
4412                    </div>
4413        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4414            Journée internationale des droits des femmes
4415        </div>
4416                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4417                Près de 19 000 $ amassés
4418            </div>
4419            </div>
4420    <div class="flex">
4421        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4422            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4423                <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="#F1F1F1"/>
4424            </svg>
4425        </div>
4426    </div>
4427</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/2-000-000-pour-le-cancer-du-cerveau-en-partenariat-avec-brain-canada/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4428    <div>
4429        <div class="flex items-center gap-4">
4430            <div class="date-text text-darkRed">
4431                15 Fév 2022
4432            </div>
4433                    </div>
4434        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4435            2 000 000 $ pour le cancer du cerveau en partenariat avec Brain Canada
4436        </div>
4437                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4438                   
4439            </div>
4440            </div>
4441    <div class="flex">
4442        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4443            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4444                <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="#F1F1F1"/>
4445            </svg>
4446        </div>
4447    </div>
4448</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-280-000-amasses-grace-a-la-campagne-heros-du-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4449    <div>
4450        <div class="flex items-center gap-4">
4451            <div class="date-text text-darkRed">
4452                8 Fév 2022
4453            </div>
4454                    </div>
4455        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4456            Plus de 280 000 $ amassés grâce à la campagne Héros du cancer
4457        </div>
4458                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4459                Pour une deuxième année consécutive, la Société de recherche sur le cancer a initié une campagne numérique de collecte de dons mettant en vedette les héros du cancer, campagne qui s’est déroulée en novembre et décembre 2021.
4460            </div>
4461            </div>
4462    <div class="flex">
4463        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4464            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4465                <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="#F1F1F1"/>
4466            </svg>
4467        </div>
4468    </div>
4469</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/cancer-colorectal-il-est-temps-dagir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4470    <div>
4471        <div class="flex items-center gap-4">
4472            <div class="date-text text-darkRed">
4473                5 Jan 2022
4474            </div>
4475                    </div>
4476        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4477            Cancer colorectal : il est temps d’agir !
4478        </div>
4479                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4480                L’arrivée du variant Omicron en novembre 2021 a de nouveau mis sur pause les efforts en matière de dépistage du cancer colorectal. Les chiffres parlent d’eux-mêmes. Plus de 110 000 patients sont en attente d’une coloscopie au Québec, dont 63% en excès des normes d’attente du MSSS. Il y a également une augmentation de 238% du nombre de requêtes primaires pour coloscopies hors délais entre août 2021 et 2020. L’impératif d’agir est au rendez-vous !
4481            </div>
4482            </div>
4483    <div class="flex">
4484        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4485            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4486                <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="#F1F1F1"/>
4487            </svg>
4488        </div>
4489    </div>
4490</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/14e-edition-de-read-for-the-cure-120-000-amasses-pour-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4491    <div>
4492        <div class="flex items-center gap-4">
4493            <div class="date-text text-darkRed">
4494                16 Déc 2021
4495            </div>
4496                    </div>
4497        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4498            14e édition de Read for the Cure : 120 000 $ amassés pour la recherche sur le cancer
4499        </div>
4500                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4501                   
4502            </div>
4503            </div>
4504    <div class="flex">
4505        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4506            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4507                <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="#F1F1F1"/>
4508            </svg>
4509        </div>
4510    </div>
4511</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/m-christian-m-paupe-nouveau-president-du-conseil-dadministration/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4512    <div>
4513        <div class="flex items-center gap-4">
4514            <div class="date-text text-darkRed">
4515                15 Déc 2021
4516            </div>
4517                    </div>
4518        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4519            M. Christian M. Paupe, nouveau président du conseil d’administration
4520        </div>
4521                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4522                Le 10 décembre 2021 – La Société de recherche sur le cancer est heureuse d’annoncer la nomination de M. Christian M. Paupe à titre de Président de son conseil d’administration. Administrateur depuis un peu plus d’un an, il a su se démarquer en cours d’année par une collaboration des plus fructueuse au sein des différents comités du conseil d’administration et en support de l’équipe de direction.
4523            </div>
4524            </div>
4525    <div class="flex">
4526        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4527            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4528                <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="#F1F1F1"/>
4529            </svg>
4530        </div>
4531    </div>
4532</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/225-millions-pour-la-recherche-sur-le-cancer-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4533    <div>
4534        <div class="flex items-center gap-4">
4535            <div class="date-text text-darkRed">
4536                7 Déc 2021
4537            </div>
4538                    </div>
4539        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4540            2,25 millions $ pour la recherche sur le cancer de l&#039;ovaire
4541        </div>
4542                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4543                Cancer de l&#039;ovaire Canada et la Société de recherche sur le cancer investissent 2,25 millions $ pour la recherche sur le cancer de l&#039;ovaire : 10 nouveaux projets financés
4544            </div>
4545            </div>
4546    <div class="flex">
4547        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4548            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4549                <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="#F1F1F1"/>
4550            </svg>
4551        </div>
4552    </div>
4553</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/200-000-amasses-grace-a-la-classique-cyclo-golf/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4554    <div>
4555        <div class="flex items-center gap-4">
4556            <div class="date-text text-darkRed">
4557                6 Déc 2021
4558            </div>
4559                    </div>
4560        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4561            200 000 $ amassés grâce à la Classique cyclo-golf
4562        </div>
4563                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4564                Pour une 27e année, la Classique cyclo-golf (cyclo, golf et marche) présentée par la Banque Scotia et BMO Assurance s’est déroulée cette année au profit de la recherche sur le cancer. Les événements, qui ont tour à tour attiré de nombreux sportifs, se sont tenus dans 3 villes, soit Montréal, Sherbrooke et pour une toute première fois à Québec. Tous les participants ont ainsi amassé des fonds, seuls ou en équipe, et ce, dans la discipline de leur choix.
4565            </div>
4566            </div>
4567    <div class="flex">
4568        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4569            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4570                <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="#F1F1F1"/>
4571            </svg>
4572        </div>
4573    </div>
4574</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-moyen-supplementaire-pour-la-prevention-du-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4575    <div>
4576        <div class="flex items-center gap-4">
4577            <div class="date-text text-darkRed">
4578                6 Déc 2021
4579            </div>
4580                    </div>
4581        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4582            Un moyen supplémentaire pour la prévention du cancer
4583        </div>
4584                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4585                Les organismes oeuvrant dans le domaine du cancer accueillent favorablement le dépôt du projet de loi 19 Loi sur les renseignements de santé et de services sociaux et modifiant diverses dispositions législatives.
4586            </div>
4587            </div>
4588    <div class="flex">
4589        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4590            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4591                <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="#F1F1F1"/>
4592            </svg>
4593        </div>
4594    </div>
4595</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/peter-clair-et-carson-loh-nommes-au-conseil-dadministration/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4596    <div>
4597        <div class="flex items-center gap-4">
4598            <div class="date-text text-darkRed">
4599                24 Nov 2021
4600            </div>
4601                    </div>
4602        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4603            Peter Clair et Carson Loh nommés au conseil d&#039;administration
4604        </div>
4605                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4606                François Painchaud, président du conseil d&#039;administration de la Société de recherche sur le cancer, est heureux d&#039;annoncer la nomination de Peter Clair et de Carson Loh à titre d&#039;administrateurs.
4607            </div>
4608            </div>
4609    <div class="flex">
4610        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4611            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4612                <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="#F1F1F1"/>
4613            </svg>
4614        </div>
4615    </div>
4616</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/190-000-amasses-grace-a-une-soiree-celeste-memorable/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4617    <div>
4618        <div class="flex items-center gap-4">
4619            <div class="date-text text-darkRed">
4620                17 Nov 2021
4621            </div>
4622                    </div>
4623        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4624            190 000 $ amassés grâce à une soirée céleste mémorable
4625        </div>
4626                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4627                La 4e édition de la soirée Accords Célestes organisée au profit de la Société de recherche sur le cancer (la Société) tenue le mardi 2 novembre a permis d’amasser la somme record de 190 000 $ qui seront dédiés à des projets de recherche pour déjouer le cancer. Animée, par André Robitaille, porte-parole de la Société, cette soirée fut céleste et mémorable.
4628            </div>
4629            </div>
4630    <div class="flex">
4631        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4632            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4633                <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="#F1F1F1"/>
4634            </svg>
4635        </div>
4636    </div>
4637</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/tip-tap-pay-la-nouvelle-technologie-pour-recueillir-des-dons/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4638    <div>
4639        <div class="flex items-center gap-4">
4640            <div class="date-text text-darkRed">
4641                2 Nov 2021
4642            </div>
4643                    </div>
4644        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4645            Tip Tap Pay : la nouvelle technologie pour recueillir des dons
4646        </div>
4647                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4648                   
4649            </div>
4650            </div>
4651    <div class="flex">
4652        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4653            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4654                <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="#F1F1F1"/>
4655            </svg>
4656        </div>
4657    </div>
4658</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/pres-de-270-000-amasses-pour-notre-fonds-environnement-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4659    <div>
4660        <div class="flex items-center gap-4">
4661            <div class="date-text text-darkRed">
4662                27 Oct 2021
4663            </div>
4664                    </div>
4665        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4666            Près de 270 000 $ amassés pour notre Fonds environnement-cancer
4667        </div>
4668                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4669                Jarislowsky Fraser, un très généreux partenaire, a joint ses efforts à ceux de la Société de recherche sur le cancer en nous offrant une chance extraordinaire de mettre de l’avant une campagne de dons jumelés jusqu’à concurrence de 65 000 $ au profit de notre Fonds environnement-cancer. 
4670            </div>
4671            </div>
4672    <div class="flex">
4673        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4674            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4675                <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="#F1F1F1"/>
4676            </svg>
4677        </div>
4678    </div>
4679</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/concours-100-ans-de-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4680    <div>
4681        <div class="flex items-center gap-4">
4682            <div class="date-text text-darkRed">
4683                13 Oct 2021
4684            </div>
4685                    </div>
4686        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4687            Concours 100 ans de recherche
4688        </div>
4689                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4690                2 chercheurs reçoivent 500 000$ et s’attaquent au cancer du sein métastatique
4691            </div>
4692            </div>
4693    <div class="flex">
4694        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4695            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4696                <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="#F1F1F1"/>
4697            </svg>
4698        </div>
4699    </div>
4700</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/challenge-src-aux-iles-de-la-madeleine/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4701    <div>
4702        <div class="flex items-center gap-4">
4703            <div class="date-text text-darkRed">
4704                7 Oct 2021
4705            </div>
4706                    </div>
4707        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4708            Challenge SRC aux îles de la Madeleine
4709        </div>
4710                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4711                Plus de 122 000 $ amassés pour la recherche sur le cancer
4712            </div>
4713            </div>
4714    <div class="flex">
4715        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4716            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4717                <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="#F1F1F1"/>
4718            </svg>
4719        </div>
4720    </div>
4721</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/record-historique-80-subventions-pour-dejouer-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4722    <div>
4723        <div class="flex items-center gap-4">
4724            <div class="date-text text-darkRed">
4725                24 Sep 2021
4726            </div>
4727                    </div>
4728        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4729            Record historique : 80 subventions pour déjouer le cancer
4730        </div>
4731                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4732                La Société de recherche sur le cancer (la Société) attribue cette année 80 subventions de recherche d’une valeur de 9,6 millions $ ; un record historique pour l’organisation ! Ces subventions sont octroyées à des projets de recherche sur le cancer parmi les plus prometteurs au Canada.
4733            </div>
4734            </div>
4735    <div class="flex">
4736        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4737            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4738                <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="#F1F1F1"/>
4739            </svg>
4740        </div>
4741    </div>
4742</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/6406/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4743    <div>
4744        <div class="flex items-center gap-4">
4745            <div class="date-text text-darkRed">
4746                22 Sep 2021
4747            </div>
4748                    </div>
4749        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4750            Projection spéciale du film ALINE
4751        </div>
4752                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4753                20 000 $ au profit de la recherche sur le cancer
4754            </div>
4755            </div>
4756    <div class="flex">
4757        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4758            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4759                <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="#F1F1F1"/>
4760            </svg>
4761        </div>
4762    </div>
4763</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/10-000-amasses-grace-aux-concerts/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4764    <div>
4765        <div class="flex items-center gap-4">
4766            <div class="date-text text-darkRed">
4767                16 Sep 2021
4768            </div>
4769                    </div>
4770        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4771            10 000$ amassés grâce aux concerts
4772        </div>
4773                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4774                10 000$ amassés grâce aux concerts organisés par le Carrefour Multisports de Laval
4775            </div>
4776            </div>
4777    <div class="flex">
4778        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4779            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4780                <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="#F1F1F1"/>
4781            </svg>
4782        </div>
4783    </div>
4784</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-16-000-amasses-en-traversant-le-quebec-a-la-marche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4785    <div>
4786        <div class="flex items-center gap-4">
4787            <div class="date-text text-darkRed">
4788                2 Sep 2021
4789            </div>
4790                    </div>
4791        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4792            Plus de 16 000 $ amassés en traversant le Québec à la marche
4793        </div>
4794                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4795                La Société de recherche sur le cancer est très fière d’annoncer que le dévouement et la persévérance de Denis Dionne lui ont permis d’amasser plus de 16 000 $ lors de sa traversée du Québec à la marche qui s’est déroulée du 29 juin au 7 août 2021 au profit de la recherche sur le cancer.  Il continuera d’amasser des fonds dans les prochains mois afin d’atteindre son objectif de 25 000 $.
4796            </div>
4797            </div>
4798    <div class="flex">
4799        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4800            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4801                <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="#F1F1F1"/>
4802            </svg>
4803        </div>
4804    </div>
4805</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/jouer-au-golf-marcher-ou-pedaler-pour-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4806    <div>
4807        <div class="flex items-center gap-4">
4808            <div class="date-text text-darkRed">
4809                30 Août 2021
4810            </div>
4811                    </div>
4812        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4813            Jouer au golf, marcher ou pédaler pour la recherche sur le cancer
4814        </div>
4815                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4816                L’évènement Classique cyclo-golf aura lieu cet été pour une 27e édition au profit de la recherche sur le cancer. 
4817            </div>
4818            </div>
4819    <div class="flex">
4820        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4821            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4822                <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="#F1F1F1"/>
4823            </svg>
4824        </div>
4825    </div>
4826</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/20-ans-pour-les-jeux-de-saint-lambert/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4827    <div>
4828        <div class="flex items-center gap-4">
4829            <div class="date-text text-darkRed">
4830                30 Août 2021
4831            </div>
4832                    </div>
4833        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4834            20 ans pour les Jeux de Saint-Lambert
4835        </div>
4836                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4837                Plus de 19 000 $ amassés lors des Jeux de Saint-Lambert; un record !
4838            </div>
4839            </div>
4840    <div class="flex">
4841        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4842            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4843                <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="#F1F1F1"/>
4844            </svg>
4845        </div>
4846    </div>
4847</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-record-pour-la-marche-du-reve/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4848    <div>
4849        <div class="flex items-center gap-4">
4850            <div class="date-text text-darkRed">
4851                30 Août 2021
4852            </div>
4853                    </div>
4854        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4855            Un record pour la Marche du rêve
4856        </div>
4857                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4858                Plus de 20 000 $ amassés pour la recherche sur le cancer 
4859            </div>
4860            </div>
4861    <div class="flex">
4862        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4863            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4864                <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="#F1F1F1"/>
4865            </svg>
4866        </div>
4867    </div>
4868</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/pres-de-25-000-en-dons-grace-au-groupe-kain/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4869    <div>
4870        <div class="flex items-center gap-4">
4871            <div class="date-text text-darkRed">
4872                14 Juil 2021
4873            </div>
4874                    </div>
4875        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4876            Près de 25 000 $ en dons grâce au groupe Kaïn
4877        </div>
4878                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4879                   
4880            </div>
4881            </div>
4882    <div class="flex">
4883        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4884            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4885                <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="#F1F1F1"/>
4886            </svg>
4887        </div>
4888    </div>
4889</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/tenue-des-comites-devaluation/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4890    <div>
4891        <div class="flex items-center gap-4">
4892            <div class="date-text text-darkRed">
4893                14 Juil 2021
4894            </div>
4895                    </div>
4896        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4897            Tenue des comités d’évaluation
4898        </div>
4899                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4900                Plus de 300 demandes de subventions analysées
4901            </div>
4902            </div>
4903    <div class="flex">
4904        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4905            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4906                <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="#F1F1F1"/>
4907            </svg>
4908        </div>
4909    </div>
4910</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/serie-de-concerts-au-profit-de-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4911    <div>
4912        <div class="flex items-center gap-4">
4913            <div class="date-text text-darkRed">
4914                8 Juil 2021
4915            </div>
4916                    </div>
4917        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4918            Série de concerts au profit de la recherche sur le cancer
4919        </div>
4920                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4921                Le Carrefour Multisports de Laval présentera une série de trois concerts sous chapiteau cet été !
4922            </div>
4923            </div>
4924    <div class="flex">
4925        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4926            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4927                <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="#F1F1F1"/>
4928            </svg>
4929        </div>
4930    </div>
4931</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/8e-edition-de-la-journee-de-la-marche-du-reve/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4932    <div>
4933        <div class="flex items-center gap-4">
4934            <div class="date-text text-darkRed">
4935                29 Juin 2021
4936            </div>
4937                    </div>
4938        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4939            8e édition de la Journée de la Marche du Rêve
4940        </div>
4941                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4942                Marcher pour la recherche sur le cancer et pour l’espoir
4943            </div>
4944            </div>
4945    <div class="flex">
4946        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4947            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4948                <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="#F1F1F1"/>
4949            </svg>
4950        </div>
4951    </div>
4952</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/andre-robitaille-nouveau-porte-parole-pour-le-quebec-de-la-societe-de-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4953    <div>
4954        <div class="flex items-center gap-4">
4955            <div class="date-text text-darkRed">
4956                22 Juin 2021
4957            </div>
4958                    </div>
4959        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4960            André Robitaille : nouveau porte-parole pour le Québec de la Société de recherche sur le cancer
4961        </div>
4962                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4963                C’est à l’occasion de la 7e édition du BBQ Urbain, ce grand rendez-vous estival qui rassemble chaque année des centaines de personnes issues de la communauté d’affaires de Montréal autour de la recherche sur le cancer qu’une grande surprise attendait les participants.
4964            </div>
4965            </div>
4966    <div class="flex">
4967        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4968            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4969                <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="#F1F1F1"/>
4970            </svg>
4971        </div>
4972    </div>
4973</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-202
49731-455-136-recueillis-pour-la-recherche-sur-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4974    <div>
4975        <div class="flex items-center gap-4">
4976            <div class="date-text text-darkRed">
4977                22 Juin 2021
4978            </div>
4979                    </div>
4980        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
4981            BBQ Urbain 2021 : 455 136 $ recueillis pour la recherche sur le cancer
4982        </div>
4983                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
4984                La 7e édition du BBQ Urbain de la Société de recherche sur le cancer (la Société) qui a eu lieu le jeudi 17 juin dernier a permis de recueillir 455 136 $ qui seront dédiés à la recherche sur le cancer. Présenté virtuellement, le BBQ Urbain s’est avéré, un grand succès. 
4985            </div>
4986            </div>
4987    <div class="flex">
4988        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
4989            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4990                <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="#F1F1F1"/>
4991            </svg>
4992        </div>
4993    </div>
4994</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/kristell-baune-nommee-au-c-a/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
4995    <div>
4996        <div class="flex items-center gap-4">
4997            <div class="date-text text-darkRed">
4998                18 Juin 2021
4999            </div>
5000                    </div>
5001        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5002            Kristell Baune nommée au C.A.
5003        </div>
5004                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5005                C’est avec grand plaisir que François Painchaud, président du conseil d’administration de la Société de recherche sur le cancer annonce la nomination de Kristell Baune à titre d’administratrice.
5006            </div>
5007            </div>
5008    <div class="flex">
5009        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5010            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5011                <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="#F1F1F1"/>
5012            </svg>
5013        </div>
5014    </div>
5015</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/lettre-ouverte-unis-pour-les-personnes-atteintes-du-cancer-et-leurs-proches/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5016    <div>
5017        <div class="flex items-center gap-4">
5018            <div class="date-text text-darkRed">
5019                17 Juin 2021
5020            </div>
5021                    </div>
5022        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5023            Lettre ouverte &#8211; Unis pour les personnes atteintes du cancer et leurs proches
5024        </div>
5025                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5026                   
5027            </div>
5028            </div>
5029    <div class="flex">
5030        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5031            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5032                <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="#F1F1F1"/>
5033            </svg>
5034        </div>
5035    </div>
5036</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/read-for-the-cure-devoile-sa-programmation-202/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5037    <div>
5038        <div class="flex items-center gap-4">
5039            <div class="date-text text-darkRed">
5040                11 Juin 2021
5041            </div>
5042                    </div>
5043        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5044            Read for the Cure dévoile sa programmation 2021
5045        </div>
5046                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5047                Read for the Cure dévoile sa programmation 2021 avec notamment les auteurs Eden Robinson, Linden MacIntyre et Perdita Felicien
5048            </div>
5049            </div>
5050    <div class="flex">
5051        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5052            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5053                <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="#F1F1F1"/>
5054            </svg>
5055        </div>
5056    </div>
5057</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/nomination-dr-don-morris-au-sein-du-comite-des-affaires-scientifiques/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5058    <div>
5059        <div class="flex items-center gap-4">
5060            <div class="date-text text-darkRed">
5061                11 Juin 2021
5062            </div>
5063                    </div>
5064        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5065            Nomination Dr Don Morris au sein du comité des affaires scientifiques
5066        </div>
5067                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5068                La Société de recherche sur le cancer est heureuse d’annoncer la nomination Dr Don Morris au sein du comité des affaires scientifiques (CAS).
5069            </div>
5070            </div>
5071    <div class="flex">
5072        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5073            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5074                <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="#F1F1F1"/>
5075            </svg>
5076        </div>
5077    </div>
5078</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/20e-edition-des-jeux-de-saint-lambert/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5079    <div>
5080        <div class="flex items-center gap-4">
5081            <div class="date-text text-darkRed">
5082                19 Mai 2021
5083            </div>
5084                    </div>
5085        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5086            20e édition des Jeux de Saint-Lambert
5087        </div>
5088                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5089                La Société de recherche sur le cancer et les membres du comité organisateur annoncent avec fierté la tenue de la 20e édition des Jeux de Saint-Lambert. Les participants sont invités à s’inscrire gratuitement afin d’accompl
5089ir le défi de leur choix au profit de la recherche sur le cancer entre le 1er et le 30 juin 2021 en faisant un don ou en recueillant des fonds pour la cause.
5090            </div>
5091            </div>
5092    <div class="flex">
5093        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5094            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5095                <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="#F1F1F1"/>
5096            </svg>
5097        </div>
5098    </div>
5099</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/creation-du-fonds-de-recherche-michel-louvain/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5100    <div>
5101        <div class="flex items-center gap-4">
5102            <div class="date-text text-darkRed">
5103                17 Mai 2021
5104            </div>
5105                    </div>
5106        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5107            Création du Fonds de recherche Michel Louvain
5108        </div>
5109                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5110                La Société de recherche sur le cancer (la Société) est fière d’annoncer la création du Fonds de recherche Michel Louvain en l’honneur de l’icône de la chanson qui a marqué l’univers de la musique au Québec pendant plus de 60 ans.
5111            </div>
5112            </div>
5113    <div class="flex">
5114        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5115            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5116                <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="#F1F1F1"/>
5117            </svg>
5118        </div>
5119    </div>
5120</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-recherche-cest-lavenir/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5121    <div>
5122        <div class="flex items-center gap-4">
5123            <div class="date-text text-darkRed">
5124                3 Mai 2021
5125            </div>
5126                    </div>
5127        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5128            La recherche, c’est l’avenir
5129        </div>
5130                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5131                Bourses de la Société de recherche sur le cancer et BMO pour la relève scientifique au féminin
5132            </div>
5133            </div>
5134    <div class="flex">
5135        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5136            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5137                <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="#F1F1F1"/>
5138            </svg>
5139        </div>
5140    </div>
5141</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/135-million-pour-la-recherche-sur-le-cancer-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5142    <div>
5143        <div class="flex items-center gap-4">
5144            <div class="date-text text-darkRed">
5145                30 Mar 2021
5146            </div>
5147                    </div>
5148        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5149            1,35 million $ pour la recherche sur le cancer de l’ovaire
5150        </div>
5151                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5152                Nouveau partenariat entre Cancer de l’ovaire Canada et la Société de recherche sur le cancer
5153            </div>
5154            </div>
5155    <div class="flex">
5156        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5157            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5158                <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="#F1F1F1"/>
5159            </svg>
5160        </div>
5161    </div>
5162</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/coeur-dhomme-une-initiative-du-groupe-kain/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5163    <div>
5164        <div class="flex items-center gap-4">
5165            <div class="date-text text-darkRed">
5166                18 Fév 2021
5167            </div>
5168                    </div>
5169        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5170            Coeur d’homme : une initiative du groupe Kaïn
5171        </div>
5172                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5173                Montréal, le 18 février 2021 — Une collaboration spéciale entre le groupe de musique Kaïn et la Société de recherche sur le cancer (la Société) est née de l’initiative du groupe qui lance aujourd’hui le vidéoclip de la chanson « Coeur d’homme » qui rend hommage au frère d’Éric Maheu, membre du groupe, décédé du cancer du côlon l’an dernier. Les fonds collectés grâce à la sortie du vidéoclip seront directement versés à la Société afin de contribuer à financer la recherche sur le cancer.
5174            </div>
5175            </div>
5176    <div class="flex">
5177        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5178            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5179                <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="#F1F1F1"/>
5180            </svg>
5181        </div>
5182    </div>
5183</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/christian-m-paupe-nomme-au-c-a/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5184    <div>
5185        <div class="flex items-center gap-4">
5186            <div class="date-text text-darkRed">
5187                12 Jan 2021
5188            </div>
5189                    </div>
5190        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5191            Christian M. Paupe nommé au C.A.
5192        </div>
5193                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5194                   
5195            </div>
5196            </div>
5197    <div class="flex">
5198        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5199            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5200                <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="#F1F1F1"/>
5201            </svg>
5202        </div>
5203    </div>
5204</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-exploit-digne-de-mention/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5205    <div>
5206        <div class="flex items-center gap-4">
5207            <div class="date-text text-darkRed">
5208                16 Déc 2020
5209            </div>
5210                    </div>
5211        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5212            Un exploit digne de mention
5213        </div>
5214                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5215                Les Jeux de Saint-Lambert qui se sont déroulés virtuellement entre le 1er juin et le 30 juin dernier ont connu des résultats exceptionnels en recueillant 13 340$ en dons pour la Société de recherche sur le cancer. Il s’agit d’un montant record pour les Jeux qui, cette année rappelons-le, se sont tenus en marge de la pandémie de COVID-19 et de la distanciation sociale.
5216            </div>
5217            </div>
5218    <div class="flex">
5219        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5220            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5221                <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="#F1F1F1"/>
5222            </svg>
5223        </div>
5224    </div>
5225</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/1-million-pour-la-recherche-sur-le-cancer-du-sein-metastatique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5226    <div>
5227        <div class="flex items-center gap-4">
5228            <div class="date-text text-darkRed">
5229                15 Déc 2020
5230            </div>
5231                    </div>
5232        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5233            1 million $ pour la recherche sur le cancer du sein métastatique
5234        </div>
5235                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5236                   
5237            </div>
5238            </div>
5239    <div class="flex">
5240        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5241            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5242                <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="#F1F1F1"/>
5243            </svg>
5244        </div>
5245    </div>
5246</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-serie-devenements-virtuels-read-for-the-cure-a-permis-damasser-plus-de-105-000/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5247    <div>
5248        <div class="flex items-center gap-4">
5249            <div class="date-text text-darkRed">
5250                27 Nov 2020
5251            </div>
5252                    </div>
5253        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5254            La série d&#039;événements virtuels « Read for the Cure » a permis d’amasser plus de 105 000 $
5255        </div>
5256                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5257                   
5258            </div>
5259            </div>
5260    <div class="flex">
5261        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5262            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5263                <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="#F1F1F1"/>
5264            </svg>
5265        </div>
5266    </div>
5267</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/record-historique-80-subventions-pour-dejouer-le-cancer-2/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5268    <div>
5269        <div class="flex items-center gap-4">
5270            <div class="date-text text-darkRed">
5271                23 Nov 2020
5272            </div>
5273                    </div>
5274        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5275            70 nouvelles bourses attribuées d’une valeur de 8.8 millions $
5276        </div>
5277                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5278                Chaque année, la Société de recherche sur le cancer remet des bourses d’une durée de deux ans afin de soutenir des projets de recherche sur le cancer qui figurent parmi les plus prometteurs.
5279            </div>
5280            </div>
5281    <div class="flex">
5282        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5283            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5284                <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="#F1F1F1"/>
5285            </svg>
5286        </div>
5287    </div>
5288</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/100-000-amasses-lors-de-la-3e-edition-de-la-soiree-accords-celestes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5289    <div>
5290        <div class="flex items-center gap-4">
5291            <div class="date-text text-darkRed">
5292                28 Oct 2020
5293            </div>
5294                    </div>
5295        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5296            100 000 $ amassés lors de la 3e édition de la soirée Accords Célestes
5297        </div>
5298                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5299                   
5300            </div>
5301            </div>
5302    <div class="flex">
5303        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5304            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5305                <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="#F1F1F1"/>
5306            </svg>
5307        </div>
5308    </div>
5309</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-146-000-amasses-pour-la-recherche-malgre-lannulation-de-levenement/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5310    <div>
5311        <div class="flex items-center gap-4">
5312            <div class="date-text text-darkRed">
5313                27 Oct 2020
5314            </div>
5315                    </div>
5316        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5317            BBQ Urbain : 146 000 $ amassés pour la recherche malgré l’annulation de l’évènement!
5318        </div>
5319                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5320                BBQ urbain de la Société de recherche sur le cancer
5321            </div>
5322            </div>
5323    <div class="flex">
5324        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5325            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5326                <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="#F1F1F1"/>
5327            </svg>
5328        </div>
5329    </div>
5330</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/notre-presidente-et-chef-de-la-direction-sadresse-a-vous/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5331    <div>
5332        <div class="flex items-center gap-4">
5333            <div class="date-text text-darkRed">
5334                27 Oct 2020
5335            </div>
5336                    </div>
5337        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5338            Notre présidente et chef de la direction s’adresse à vous
5339        </div>
5340                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5341                Depuis quelques mois, la COVID-19 occupe l’espace public et médiatique, ce qui a comme effet de reléguer la cause du cancer au second plan. Pourtant, cette maladie demeure la principale cause de décès au Canada.
5342            </div>
5343            </div>
5344    <div class="flex">
5345        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5346            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5347                <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="#F1F1F1"/>
5348            </svg>
5349        </div>
5350    </div>
5351</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/classique-cyclo-sherbrooke-2020-defi-releve/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5352    <div>
5353        <div class="flex items-center gap-4">
5354            <div class="date-text text-darkRed">
5355                26 Oct 2020
5356            </div>
5357                    </div>
5358        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5359            Classique cyclo Sherbrooke 2020 : défi relevé!
5360        </div>
5361                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5362                Près de 85 000 $ amassés pour la recherche sur le cancer
5363            </div>
5364            </div>
5365    <div class="flex">
5366        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5367            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5368                <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="#F1F1F1"/>
5369            </svg>
5370        </div>
5371    </div>
5372</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/mark-basik-la-societe-nomme-un-nouveau-president-a-son-comite-des-affaires-scientifiques/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5373    <div>
5374        <div class="flex items-center gap-4">
5375            <div class="date-text text-darkRed">
5376                30 Juin 2020
5377            </div>
5378                    </div>
5379        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5380            Mark Basik : La Société nomme un nouveau président à son comité des affaires scientifiques
5381        </div>
5382                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5383                La Société de recherche sur le cancer est heureuse d’annoncer la nomination de Mark Basik, MD, comme Président de son comité des affaires scientifiques (CAS).
5384            </div>
5385            </div>
5386    <div class="flex">
5387        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5388            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5389                <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="#F1F1F1"/>
5390            </svg>
5391        </div>
5392    </div>
5393</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/sean-obrien-nomme-au-c-a/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5394    <div>
5395        <div class="flex items-center gap-4">
5396            <div class="date-text text-darkRed">
5397                26 Mar 2020
5398            </div>
5399                    </div>
5400        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5401            Sean O&#039;Brien nommé au C.A.
5402        </div>
5403                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5404                François Painchaud, président du conseil d’administration de la Société de recherche sur le cancer, est heureux d’annoncer la nomination de Sean O’Brien à titre d’administrateur.
5405            </div>
5406            </div>
5407    <div class="flex">
5408        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5409            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5410                <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="#F1F1F1"/>
5411            </svg>
5412        </div>
5413    </div>
5414</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/information-importante-concernant-le-coronavirus-covid-19/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5415    <div>
5416        <div class="flex items-center gap-4">
5417            <div class="date-text text-darkRed">
5418                17 Mar 2020
5419            </div>
5420                    </div>
5421        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5422            Information importante concernant le coronavirus (COVID-19)
5423        </div>
5424                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5425                Pandémie de COVID-19 
5426            </div>
5427            </div>
5428    <div class="flex">
5429        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5430            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5431                <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="#F1F1F1"/>
5432            </svg>
5433        </div>
5434    </div>
5435</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-challenge-src-et-le-coronavirus-covid-19/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5436    <div>
5437        <div class="flex items-center gap-4">
5438            <div class="date-text text-darkRed">
5439                17 Mar 2020
5440            </div>
5441                    </div>
5442        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5443            Le Challenge SRC et le coronavirus (COVID-19)
5444        </div>
5445                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5446                Message important :
5447            </div>
5448            </div>
5449    <div class="flex">
5450        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5451            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5452                <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="#F1F1F1"/>
5453            </svg>
5454        </div>
5455    </div>
5456</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-mexique-2020/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5457    <div>
5458        <div class="flex items-center gap-4">
5459            <div class="date-text text-darkRed">
5460                4 Mar 2020
5461            </div>
5462                    </div>
5463        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5464            Carnet de bord &#8211; Mexique &#8211; 2020
5465        </div>
5466                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5467                   
5468            </div>
5469            </div>
5470    <div class="flex">
5471        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5472            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5473                <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="#F1F1F1"/>
5474            </svg>
5475        </div>
5476    </div>
5477</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/merci-pour-une-superbe-saison-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5478    <div>
5479        <div class="flex items-center gap-4">
5480            <div class="date-text text-darkRed">
5481                20 Déc 2019
5482            </div>
5483                    </div>
5484        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5485            Merci pour une superbe saison 2019!
5486        </div>
5487                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5488                Le 25 novembre dernier, nous avons clôturé la 12e édition de notre événement pancanadien “Read for the Cure”.
5489            </div>
5490            </div>
5491    <div class="flex">
5492        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5493            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5494                <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="#F1F1F1"/>
5495            </svg>
5496        </div>
5497    </div>
5498</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/26-m-octroyes-a-des-projets-de-recherche-innovateurs/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5499    <div>
5500        <div class="flex items-center gap-4">
5501            <div class="date-text text-darkRed">
5502                19 Déc 2019
5503            </div>
5504                    </div>
5505        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5506            2,6 M$ octroyés à des projets de recherche innovateurs.
5507        </div>
5508                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5509                Le concours Onco-Tech investit dans des projets innovateurs mettant de l’avant l’usage des nouvelles technologies en oncologie.
5510            </div>
5511            </div>
5512    <div class="flex">
5513        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5514            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5515                <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="#F1F1F1"/>
5516            </svg>
5517        </div>
5518    </div>
5519</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/fin-de-mandat-de-martin-thibodeau-et-nomination-de-francois-painchaud-nouveau-president-du-ca/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5520    <div>
5521        <div class="flex items-center gap-4">
5522            <div class="date-text text-darkRed">
5523                18 Déc 2019
5524            </div>
5525                    </div>
5526        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5527            Fin de mandat de Martin Thibodeau et nomination de François Painchaud, nouveau président du CA
5528        </div>
5529                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5530                   
5531            </div>
5532            </div>
5533    <div class="flex">
5534        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5535            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5536                <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="#F1F1F1"/>
5537            </svg>
5538        </div>
5539    </div>
5540</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/des-tumeurs-cerebrales-mortelles-pourraient-etre-liees-a-la-pollution-atmospherique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5541    <div>
5542        <div class="flex items-center gap-4">
5543            <div class="date-text text-darkRed">
5544                3 Déc 2019
5545            </div>
5546                    </div>
5547        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5548            Des tumeurs cérébrales mortelles pourraient être liées à la pollution atmosphérique
5549        </div>
5550                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5551                Un projet de recherche novateur financé par la Société de recherche sur le cancer
5552            </div>
5553            </div>
5554    <div class="flex">
5555        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5556            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5557                <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="#F1F1F1"/>
5558            </svg>
5559        </div>
5560    </div>
5561</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/ghassan-deko-et-marie-valcourt-nommes-au-c-a/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5562    <div>
5563        <div class="flex items-center gap-4">
5564            <div class="date-text text-darkRed">
5565                19 Nov 2019
5566            </div>
5567                    </div>
5568        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5569            Ghassan Deko et Marie Valcourt nommés au C.A.
5570        </div>
5571                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5572                Martin Thibodeau, président du conseil d’administration de la Société de recherche sur le cancer, est heureux d’annoncer la nomination de Ghassan Deko et de Marie Valcourt à titre d’administrateurs.
5573            </div>
5574            </div>
5575    <div class="flex">
5576        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5577            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5578                <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="#F1F1F1"/>
5579            </svg>
5580        </div>
5581    </div>
5582</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-115-000-pour-soutenir-la-recherche-grace-a-accords-celeste/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5583    <div>
5584        <div class="flex items-center gap-4">
5585            <div class="date-text text-darkRed">
5586                31 Oct 2019
5587            </div>
5588                    </div>
5589        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5590            Plus de 115 000 $ pour soutenir la recherche grâce à Accords Céleste
5591        </div>
5592                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5593                La seconde édition d’Accords célestes a eu lieu ce mardi 29 octobre à Montréal, en présence de plus de 350 convives. La soirée, réalisée en partenariat avec Céleste vin, a permis d’amasser un montant net de plus de 115 000 $ qui sera entièrement consacré à la recherche de pointe sur le cancer.
5594            </div>
5595            </div>
5596    <div class="flex">
5597        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5598            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5599                <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="#F1F1F1"/>
5600            </svg>
5601        </div>
5602    </div>
5603</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/78-nouveaux-projets-de-recherche-prometteurs-subventionnes/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5604    <div>
5605        <div class="flex items-center gap-4">
5606            <div class="date-text text-darkRed">
5607                10 Oct 2019
5608            </div>
5609                    </div>
5610        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5611            78 nouveaux projets de recherche prometteurs subventionnés
5612        </div>
5613                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5614                   
5615            </div>
5616            </div>
5617    <div class="flex">
5618        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5619            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5620                <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="#F1F1F1"/>
5621            </svg>
5622        </div>
5623    </div>
5624</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-ausangate-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5625    <div>
5626        <div class="flex items-center gap-4">
5627            <div class="date-text text-darkRed">
5628                9 Oct 2019
5629            </div>
5630                    </div>
5631        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5632            Carnet de bord &#8211; Ausangate &#8211; 2019
5633        </div>
5634                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5635                   
5636            </div>
5637            </div>
5638    <div class="flex">
5639        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5640            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5641                <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="#F1F1F1"/>
5642            </svg>
5643        </div>
5644    </div>
5645</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/stephane-rousseau-vous-met-au-defi-de-relever-le-challenge-src/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5646    <div>
5647        <div class="flex items-center gap-4">
5648            <div class="date-text text-darkRed">
5649                17 Sep 2019
5650            </div>
5651                    </div>
5652        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5653            Stéphane Rousseau vous met au défi de relever le Challenge SRC
5654        </div>
5655                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5656                   
5657            </div>
5658            </div>
5659    <div class="flex">
5660        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5661            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5662                <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="#F1F1F1"/>
5663            </svg>
5664        </div>
5665    </div>
5666</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/manon-pepin-nouvelle-presidente-et-chef-de-la-direction-de-la-societe/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5667    <div>
5668        <div class="flex items-center gap-4">
5669            <div class="date-text text-darkRed">
5670                20 Août 2019
5671            </div>
5672                    </div>
5673        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5674            Manon Pepin, nouvelle présidente et chef de la direction de la Société
5675        </div>
5676                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5677                   
5678            </div>
5679            </div>
5680    <div class="flex">
5681        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5682            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5683                <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="#F1F1F1"/>
5684            </svg>
5685        </div>
5686    </div>
5687</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/201-000-amasses-lors-de-la-26e-edition-de-la-classique-cyclo-golf/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5688    <div>
5689        <div class="flex items-center gap-4">
5690            <div class="date-text text-darkRed">
5691                19 Août 2019
5692            </div>
5693                    </div>
5694        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5695            201 000$ amassés lors de la 26e édition de la Classique Cyclo-golf
5696        </div>
5697                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5698                   
5699            </div>
5700            </div>
5701    <div class="flex">
5702        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5703            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5704                <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="#F1F1F1"/>
5705            </svg>
5706        </div>
5707    </div>
5708</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/read-for-the-cure-de-retour-pour-une-13e-edition-remplie-demotions/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5709    <div>
5710        <div class="flex items-center gap-4">
5711            <div class="date-text text-darkRed">
5712                15 Juil 2019
5713            </div>
5714                    </div>
5715        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5716            Read for the Cure de retour pour une 13e édition remplie d’émotions
5717        </div>
5718                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5719                   
5720            </div>
5721            </div>
5722    <div class="flex">
5723        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5724            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5725                <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="#F1F1F1"/>
5726            </svg>
5727        </div>
5728    </div>
5729</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/le-crochet-uppercut-une-combinaison-therapeutique-gagnante-qui-met-k-o-les-cellules-cancereuses-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5730    <div>
5731        <div class="flex items-center gap-4">
5732            <div class="date-text text-darkRed">
5733                8 Juil 2019
5734            </div>
5735                    </div>
5736        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5737            Le « crochet-uppercut »: une combinaison thérapeutique gagnante qui met K.O. les cellules cancéreuses de l’ovaire
5738        </div>
5739                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5740                Le cancer de l’ovaire est la 5e cause de décès en Amérique du Nord. Selon Statistiques Canada, en 2017, 2 800 Canadiennes auraient obtenu un diagnostic de cancer et 1 800 en seraient décédées.
5741            </div>
5742            </div>
5743    <div class="flex">
5744        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5745            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5746                <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="#F1F1F1"/>
5747            </svg>
5748        </div>
5749    </div>
5750</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-medicament-contre-linsuffisance-cardiaque-pour-dejouer-la-leucemie/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5751    <div>
5752        <div class="flex items-center gap-4">
5753            <div class="date-text text-darkRed">
5754                19 Juin 2019
5755            </div>
5756                    </div>
5757        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5758            Un médicament contre l’insuffisance cardiaque pour déjouer la leucémie
5759        </div>
5760                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5761                Nouvel espoir à l’horizon pour des milliers d’enfants
5762            </div>
5763            </div>
5764    <div class="flex">
5765        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5766            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5767                <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="#F1F1F1"/>
5768            </svg>
5769        </div>
5770    </div>
5771</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/double-record-pour-le-bbq-urbain-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5772    <div>
5773        <div class="flex items-center gap-4">
5774            <div class="date-text text-darkRed">
5775                14 Mai 2019
5776            </div>
5777                    </div>
5778        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5779            Double record pour le BBQ Urbain 2019!
5780        </div>
5781                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5782                UN 6E ANNIVERSAIRE HAUT EN RECORD ET EN SAVEUR PO
5782UR LE BBQ URBAIN !
5783            </div>
5784            </div>
5785    <div class="flex">
5786        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5787            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5788                <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="#F1F1F1"/>
5789            </svg>
5790        </div>
5791    </div>
5792</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-cyclades-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5793    <div>
5794        <div class="flex items-center gap-4">
5795            <div class="date-text text-darkRed">
5796                10 Mai 2019
5797            </div>
5798                    </div>
5799        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5800            Carnet de bord &#8211; Cyclades &#8211; 2019
5801        </div>
5802                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5803                   
5804            </div>
5805            </div>
5806    <div class="flex">
5807        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5808            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5809                <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="#F1F1F1"/>
5810            </svg>
5811        </div>
5812    </div>
5813</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/defi-caritatif-scotia-banque-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5814    <div>
5815        <div class="flex items-center gap-4">
5816            <div class="date-text text-darkRed">
5817                2 Mai 2019
5818            </div>
5819                    </div>
5820        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5821            Défi caritatif Scotia Banque 2019
5822        </div>
5823                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5824                Les couleurs de la recherche sur le cancer fièrement représentées
5825            </div>
5826            </div>
5827    <div class="flex">
5828        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5829            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5830                <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="#F1F1F1"/>
5831            </svg>
5832        </div>
5833    </div>
5834</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-everest-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5835    <div>
5836        <div class="flex items-center gap-4">
5837            <div class="date-text text-darkRed">
5838                25 Mar 2019
5839            </div>
5840                    </div>
5841        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5842            Carnet de bord &#8211; Everest &#8211; 2019
5843        </div>
5844                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5845                   
5846            </div>
5847            </div>
5848    <div class="flex">
5849        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5850            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5851                <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="#F1F1F1"/>
5852            </svg>
5853        </div>
5854    </div>
5855</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-de-2-000-billets-vendus/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5856    <div>
5857        <div class="flex items-center gap-4">
5858            <div class="date-text text-darkRed">
5859                13 Mar 2019
5860            </div>
5861                    </div>
5862        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5863            Plus de 2 000 billets vendus
5864        </div>
5865                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5866                Un concours a été organisé par Francine Nadon dans le but de récolter des fonds pour la Société de recherche sur le cancer. Le 28 février 2019, 20h, à l’espace Réunion D Sens, au Pavillon des Sciences biologiques à l’UQÀM a eu lieu le tirage.
5867            </div>
5868            </div>
5869    <div class="flex">
5870        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5871            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5872                <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="#F1F1F1"/>
5873            </svg>
5874        </div>
5875    </div>
5876</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-sahara-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5877    <div>
5878        <div class="flex items-center gap-4">
5879            <div class="date-text text-darkRed">
5880                5 Mar 2019
5881            </div>
5882                    </div>
5883        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5884            Carnet de bord &#8211; Sahara &#8211; 2019
5885        </div>
5886                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5887                   
5888            </div>
5889            </div>
5890    <div class="flex">
5891        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5892            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5893                <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="#F1F1F1"/>
5894            </svg>
5895        </div>
5896    </div>
5897</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/grand-succes-de-la-20e-edition-de-skions-pour-la-vie/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5898    <div>
5899        <div class="flex items-center gap-4">
5900            <div class="date-text text-darkRed">
5901                20 Fév 2019
5902            </div>
5903                    </div>
5904        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5905            Grand succès de la 20e édition de Skions pour la vie
5906        </div>
5907                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5908                   
5909            </div>
5910            </div>
5911    <div class="flex">
5912        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5913            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5914                <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="#F1F1F1"/>
5915            </svg>
5916        </div>
5917    </div>
5918</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/upcycle-et-si-la-solution-au-cancer-etait-dans-vos-pharmacies/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5919    <div>
5920        <div class="flex items-center gap-4">
5921            <div class="date-text text-darkRed">
5922                20 Fév 2019
5923            </div>
5924                    </div>
5925        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5926            UpCycle : Et si la solution au cancer était dans vos pharmacies?
5927        </div>
5928                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5929                La Société de recherche sur le cancer accorde ½ milion en subventions pour des projets de recherche visant à repositionner des médicaments existants pour le traitement du cancer.
5930            </div>
5931            </div>
5932    <div class="flex">
5933        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5934            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5935                <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="#F1F1F1"/>
5936            </svg>
5937        </div>
5938    </div>
5939</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/venez-skiez-pour-la-vie/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5940    <div>
5941        <div class="flex items-center gap-4">
5942            <div class="date-text text-darkRed">
5943                4 Fév 2019
5944            </div>
5945                    </div>
5946        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5947            Venez skiez pour la vie!
5948        </div>
5949                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5950                LE FONDS COMMÉMORATIF ROB LUTTERMAN CÉLÈBRE SON 20E ANNIVERSAIRE AVEC UNE AUTRE ÉDITION DE SKIONS POUR LA VIE
5951            </div>
5952            </div>
5953    <div class="flex">
5954        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5955            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5956                <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="#F1F1F1"/>
5957            </svg>
5958        </div>
5959    </div>
5960</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/carnet-de-bord-patagonie-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5961    <div>
5962        <div class="flex items-center gap-4">
5963            <div class="date-text text-darkRed">
5964                15 Jan 2019
5965            </div>
5966                    </div>
5967        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5968            Carnet de bord &#8211; Patagonie &#8211; 2019
5969        </div>
5970                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5971                   
5972            </div>
5973            </div>
5974    <div class="flex">
5975        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5976            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5977                <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="#F1F1F1"/>
5978            </svg>
5979        </div>
5980    </div>
5981</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-autre-belle-saison-de-read-for-the-cure/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
5982    <div>
5983        <div class="flex items-center gap-4">
5984            <div class="date-text text-darkRed">
5985                13 Déc 2018
5986            </div>
5987                    </div>
5988        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
5989            Une autre belle saison de Read for the Cure
5990        </div>
5991                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
5992                Plus de 150 000$ amassés en 2018
5993            </div>
5994            </div>
5995    <div class="flex">
5996        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
5997            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5998                <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="#F1F1F1"/>
5999            </svg>
6000        </div>
6001    </div>
6002</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bouffee-despoir-pour-les-femmes-souffrant-du-cancer-de-lovaire/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6003    <div>
6004        <div class="flex items-center gap-4">
6005            <div class="date-text text-darkRed">
6006                3 Déc 2018
6007            </div>
6008                    </div>
6009        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6010            Bouffée d’espoir pour les femmes souffrant du cancer de l’ovaire
6011        </div>
6012                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6013                Une nouvelle combinaison thérapeutique prometteuse contre le cancer de l’ovaire
6014            </div>
6015            </div>
6016    <div class="flex">
6017        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6018            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6019                <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="#F1F1F1"/>
6020            </svg>
6021        </div>
6022    </div>
6023</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-meilleure-facon-de-faire-un-don-durant-la-greve-des-services-postiers/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6024    <div>
6025        <div class="flex items-center gap-4">
6026            <div class="date-text text-darkRed">
6027                15 Nov 2018
6028            </div>
6029                    </div>
6030        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6031            La meilleure façon de faire un don durant la grève des services postiers
6032        </div>
6033                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6034                Au début du mois, les employés de Postes Canada ont entamé une série de grèves rotatoires, une situation qui risque de perdurer. Cette grève a inévitablement des conséquences sur vos dons de bienfaisance. Comment vous assurez que votre don à la S
6034ociété de recherche sur le cancer arrive à bon port et vous assurez de recevoir votre reçu d’impôt dans les temps ?
6035            </div>
6036            </div>
6037    <div class="flex">
6038        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6039            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6040                <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="#F1F1F1"/>
6041            </svg>
6042        </div>
6043    </div>
6044</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/74-subventions-de-recherche-octroyees-pour-2018-2019/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6045    <div>
6046        <div class="flex items-center gap-4">
6047            <div class="date-text text-darkRed">
6048                12 Nov 2018
6049            </div>
6050                    </div>
6051        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6052            74 subventions de recherche octroyées pour 2018-2019
6053        </div>
6054                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6055                70 chercheurs issus des institutions de recherche canadiennes ont été sélectionnés pour recevoir des subventions de fonctionnement et 4 jeunes chercheurs ont obtenu des fonds de soutien à la relève scientifique.
6056            </div>
6057            </div>
6058    <div class="flex">
6059        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6060            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6061                <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="#F1F1F1"/>
6062            </svg>
6063        </div>
6064    </div>
6065</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/accords-celestes-une-premiere-edition-a-guichets-fermes-pour-mieux-dej
6065ouer-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6066    <div>
6067        <div class="flex items-center gap-4">
6068            <div class="date-text text-darkRed">
6069                6 Nov 2018
6070            </div>
6071                    </div>
6072        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6073            Accords célestes : Une première édition à guichets fermés pour mieux déjouer le cancer
6074        </div>
6075                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6076                   
6077            </div>
6078            </div>
6079    <div class="flex">
6080        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6081            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6082                <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="#F1F1F1"/>
6083            </svg>
6084        </div>
6085    </div>
6086</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/20-ans-pres-de-2-millions-pour-la-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6087    <div>
6088        <div class="flex items-center gap-4">
6089            <div class="date-text text-darkRed">
6090                5 Nov 2018
6091            </div>
6092                    </div>
6093        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6094            20 ans, près de 2 millions pour la recherche
6095        </div>
6096                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6097                Choisir Mastercard BMO™ pour soutenir la recherche sur le cancer à chaque achat!
6098            </div>
6099            </div>
6100    <div class="flex">
6101        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6102            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6103                <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="#F1F1F1"/>
6104            </svg>
6105        </div>
6106    </div>
6107</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/des-recherches-encourageantes-pour-le-traitement-de-la-leucemie-aigue-myeloblastique/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6108    <div>
6109        <div class="flex items-center gap-4">
6110            <div class="date-text text-darkRed">
6111                30 Oct 2018
6112            </div>
6113                    </div>
6114        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6115            Des recherches encourageantes pour le traitement de la leucémie aiguë myéloblastique
6116        </div>
6117                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6118                Un nouveau protocole expérimental permet d&#039;éliminer des cellules leucémiques résistantes à la chimiothérapie
6119            </div>
6120            </div>
6121    <div class="flex">
6122        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6123            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6124                <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="#F1F1F1"/>
6125            </svg>
6126        </div>
6127    </div>
6128</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-25e-anniversaire-reussi-pour-la-classique-cyclo-golf/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6129    <div>
6130        <div class="flex items-center gap-4">
6131            <div class="date-text text-darkRed">
6132                21 Août 2018
6133            </div>
6134                    </div>
6135        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6136            Un 25e anniversaire réussi pour la Classique cyclo-golf
6137        </div>
6138                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6139                UN MONTANT RECORD DE 250 000 $ POUR SOUTENIR LA RECHERCHE SUR LE CANCER
6140            </div>
6141            </div>
6142    <div class="flex">
6143        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6144            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6145                <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="#F1F1F1"/>
6146            </svg>
6147        </div>
6148    </div>
6149</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/max-fehlmann-sentretient-avec-le-magazine-montreal-centre_ville/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6150    <div>
6151        <div class="flex items-center gap-4">
6152            <div class="date-text text-darkRed">
6153                24 Juil 2018
6154            </div>
6155                    </div>
6156        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6157            Max Fehlmann s&#039;entretient avec le magazine MONTRÉAL CENTRE_VILLE
6158        </div>
6159                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6160                   
6161            </div>
6162            </div>
6163    <div class="flex">
6164        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6165            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6166                <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="#F1F1F1"/>
6167            </svg>
6168        </div>
6169    </div>
6170</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/upcycle-suscite-lengouement-des-chercheurs-canadiens/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6171    <div>
6172        <div class="flex items-center gap-4">
6173            <div class="date-text text-darkRed">
6174                6 Juil 2018
6175            </div>
6176                    </div>
6177        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6178            UpCycle suscite l&#039;engouement des chercheurs canadiens
6179        </div>
6180                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6181                PLUS DE SOIXANTE LETTRES D’INTENTION REÇUES
6182            </div>
6183            </div>
6184    <div class="flex">
6185        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6186            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6187                <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="#F1F1F1"/>
6188            </svg>
6189        </div>
6190    </div>
6191</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-17e-edition-sous-le-soleil-pour-les-jeux-de-saint-lambert/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6192    <div>
6193        <div class="flex items-center gap-4">
6194            <div class="date-text text-darkRed">
6195                19 Juin 2018
6196            </div>
6197                    </div>
6198        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6199            Une 17e édition sous le soleil pour les Jeux de Saint-Lambert
6200        </div>
6201                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6202                FAMILLES ET AMIS SE SONT RÉUNIS LE 10 JUIN DERNIER POUR UNE JOURNÉE D&#039;ACTIVITÉS : PLUS DE 6 000 $ AMASSÉS
6203            </div>
6204            </div>
6205    <div class="flex">
6206        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6207            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6208                <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="#F1F1F1"/>
6209            </svg>
6210        </div>
6211    </div>
6212</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/accords-celestes-une-soiree-avec-charlotte-cardin-et-antonin-mousseau-rivard-les-billets-sont-disponibles-maintenant/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6213    <div>
6214        <div class="flex items-center gap-4">
6215            <div class="date-text text-darkRed">
6216                15 Juin 2018
6217            </div>
6218                    </div>
6219        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6220            Accords Célestes : une soirée avec Charlotte Cardin et Antonin Mousseau-Rivard. Les billets sont disponibles maintenant!
6221        </div>
6222                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6223                ÉPICURIENS, MÉLOMANES ET AMATEURS DE GRANDS VINS SONT INVITÉS LE 30 OCTOBRE PROCHAIN À VIVRE UNE EXPÉRIENCE EXCEPTIONNELLE!
6224            </div>
6225            </div>
6226    <div class="flex">
6227        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6228            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6229                <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="#F1F1F1"/>
6230            </svg>
6231        </div>
6232    </div>
6233</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-autre-belle-initiative-collective-pour-lutter-contre-le-cancer/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6234    <div>
6235        <div class="flex items-center gap-4">
6236            <div class="date-text text-darkRed">
6237                14 Juin 2018
6238            </div>
6239                    </div>
6240        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6241            Une autre belle initiative collective pour lutter contre le cancer!
6242        </div>
6243                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6244                UN NOUVEAU PROJET POUR DÉVELOPPER DES TRAITEMENTS CIBLÉS POUR DES CANCERS DIFFICILES À SOIGNER
6245            </div>
6246            </div>
6247    <div class="flex">
6248        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6249            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6250                <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="#F1F1F1"/>
6251            </svg>
6252        </div>
6253    </div>
6254</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/les-resultats-du-concours-emc2-annonces/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6255    <div>
6256        <div class="flex items-center gap-4">
6257            <div class="date-text text-darkRed">
6258                5 Juin 2018
6259            </div>
6260                    </div>
6261        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6262            Les résultats du concours EMC2 annoncés
6263        </div>
6264                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6265                7 PROJETS NOVATEURS ET FÉDÉRATEURS IRONT DE L’AVANT!
6266            </div>
6267            </div>
6268    <div class="flex">
6269        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6270            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6271                <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="#F1F1F1"/>
6272            </svg>
6273        </div>
6274    </div>
6275</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/une-collaboration-pour-perfectionner-des-vaccins/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6276    <div>
6277        <div class="flex items-center gap-4">
6278            <div class="date-text text-darkRed">
6279                29 Mai 2018
6280            </div>
6281                    </div>
6282        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6283            Une collaboration pour perfectionner des vaccins
6284        </div>
6285                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6286                DANS SES EFFORTS CONTINUS POUR AIDER À DÉJOUER LE CANCER, LA SOCIÉTÉ DE RECHERCHE SUR LE CANCER FINANCE DEUX PROJETS NOVATEURS DANS LE DOMAINE DE L&#039;IMMUNOTHÉRAPIE
6287            </div>
6288            </div>
6289    <div class="flex">
6290        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6291            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6292                <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="#F1F1F1"/>
6293            </svg>
6294        </div>
6295    </div>
6296</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/repositionnement-de-medicaments/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6297    <div>
6298        <div class="flex items-center gap-4">
6299            <div class="date-text text-darkRed">
6300                17 Mai 2018
6301            </div>
6302                    </div>
6303        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6304            Repositionnement de médicaments
6305        </div>
6306                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6307                DES MÉDICAMENTS CONTRE LA DYSFONCTION ÉRECTILE ET LA GRIPPE S’ALLIENT POUR COMBATTRE LE CANCER
6308            </div>
6309            </div>
6310    <div class="flex">
6311        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6312            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6313                <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="#F1F1F1"/>
6314            </svg>
6315        </div>
6316    </div>
6317</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-societe-de-recherche-sur-le-cancer-soutient-la-releve-en-recherche/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6318    <div>
6319        <div class="flex items-center gap-4">
6320            <div class="date-text text-darkRed">
6321                10 Mai 2018
6322            </div>
6323                    </div>
6324        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6325            La Société de recherche sur le cancer soutient la relève en recherche
6326        </div>
6327                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6328                1ERE BOURSE D&#039;ÉTUDES POUR LE FONDS ANDY – LÉNA CHABOT / SOCIÉTÉ DE RECHERCHE SUR LE CANCER
6329            </div>
6330            </div>
6331    <div class="flex">
6332        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6333            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6334                <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="#F1F1F1"/>
6335            </svg>
6336        </div>
6337    </div>
6338</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/procurez-vous-vos-billets-pour-read-for-the-cure/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6339    <div>
6340        <div class="flex items-center gap-4">
6341            <div class="date-text text-darkRed">
6342                26 Avr 2018
6343            </div>
6344                    </div>
6345        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6346            Procurez-vous vos billets pour Read for the Cure!
6347        </div>
6348                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6349                L&#039;HÉRITAGE DE READ FOR THE CURE CONTINUE
6350            </div>
6351            </div>
6352    <div class="flex">
6353        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6354            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6355                <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="#F1F1F1"/>
6356            </svg>
6357        </div>
6358    </div>
6359</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/plus-dun-demi-million-de-dollars-amasses-lors-du-bbq-urbain/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6360    <div>
6361        <div class="flex items-center gap-4">
6362            <div class="date-text text-darkRed">
6363                31 Mar 2018
6364            </div>
6365                    </div>
6366        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6367            Plus d’un demi-million de dollars amassés lors du BBQ Urbain
6368        </div>
6369                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6370                UN 5E ANNIVERSAIRE HAUT EN COULEUR ET EN SAVEUR PO
6370UR LE BBQ URBAIN !
6371            </div>
6372            </div>
6373    <div class="flex">
6374        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6375            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6376                <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="#F1F1F1"/>
6377            </svg>
6378        </div>
6379    </div>
6380</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/upcycle-recherche-sur-le-repositionnement-de-medicaments/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6381    <div>
6382        <div class="flex items-center gap-4">
6383            <div class="date-text text-darkRed">
6384                1 Mar 2018
6385            </div>
6386                    </div>
6387        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6388            UpCycle : recherche sur le repositionnement de médicaments
6389        </div>
6390                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6391                LA SOLUTION AU CANCER SERAIT-ELLE DÉJÀ DANS NOS PHARMACIES?
6392            </div>
6393            </div>
6394    <div class="flex">
6395        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6396            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6397                <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="#F1F1F1"/>
6398            </svg>
6399        </div>
6400    </div>
6401</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-appui-financier-de-15-million-de-dollars-a-loncopole/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6402    <div>
6403        <div class="flex items-center gap-4">
6404            <div class="date-text text-darkRed">
6405                6 Fév 2018
6406            </div>
6407                    </div>
6408        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6409            Un appui financier de 1,5 million de dollars à l&#039;Oncopole
6410        </div>
6411                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6412                FÉDÉRER LES MEILLEURS SCIENTIFIQUES DU QUÉBEC POUR TROUVER DES SOLUTIONS AU CANCER
6413            </div>
6414            </div>
6415    <div class="flex">
6416        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6417            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6418                <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="#F1F1F1"/>
6419            </svg>
6420        </div>
6421    </div>
6422</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/notre-porte-parole-stephane-rousseau-a-lemission-tout-le-monde-en-parle/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6423    <div>
6424        <div class="flex items-center gap-4">
6425            <div class="date-text text-darkRed">
6426                26 Jan 2018
6427            </div>
6428                    </div>
6429        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6430            Notre porte-parole Stéphane Rousseau à l&#039;émission Tout le monde en parle
6431        </div>
6432                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6433                   
6434            </div>
6435            </div>
6436    <div class="flex">
6437        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6438            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6439                <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="#F1F1F1"/>
6440            </svg>
6441        </div>
6442    </div>
6443</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/mardi-je-donne/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6444    <div>
6445        <div class="flex items-center gap-4">
6446            <div class="date-text text-darkRed">
6447                23 Nov 2017
6448            </div>
6449                    </div>
6450        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6451            Mardi je donne
6452        </div>
6453                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6454                   
6455            </div>
6456            </div>
6457    <div class="flex">
6458        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6459            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6460                <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="#F1F1F1"/>
6461            </svg>
6462        </div>
6463    </div>
6464</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/la-societe-de-recherche-sur-le-cancer-sassocie-a-la-fondation-canadienne-du-cancer-du-pancreas/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6465    <div>
6466        <div class="flex items-center gap-4">
6467            <div class="date-text text-darkRed">
6468                16 Nov 2017
6469            </div>
6470                    </div>
6471        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6472            La Société de recherche sur le cancer s&#039;associe à la Fondation canadienne du cancer du pancréas
6473        </div>
6474                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6475                S’unir pour combattre un des cancers les plus mortels au Canada
6476            </div>
6477            </div>
6478    <div class="flex">
6479        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6480            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6481                <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="#F1F1F1"/>
6482            </svg>
6483        </div>
6484    </div>
6485</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bourses-pour-la-releve-scientifique-2017/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6486    <div>
6487        <div class="flex items-center gap-4">
6488            <div class="date-text text-darkRed">
6489                8 Nov 2017
6490            </div>
6491                    </div>
6492        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6493            Bourses pour la relève scientifique 2017
6494        </div>
6495                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6496                LA SOCIÉTÉ DE RECHERCHE SUR LE CANCER ACCORDE SES BOURSES POUR LA RELÈVE SCIENTIFIQUE À QUATRE JEUNES CHERCHEURS CANADIENS
6497            </div>
6498            </div>
6499    <div class="flex">
6500        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6501            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6502                <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="#F1F1F1"/>
6503            </svg>
6504        </div>
6505    </div>
6506</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/un-calendrier-au-profit-de-la-recherche-sur-le-cancer-de-la-prostate/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6507    <div>
6508        <div class="flex items-center gap-4">
6509            <div class="date-text text-darkRed">
6510                1 Nov 2017
6511            </div>
6512                    </div>
6513        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6514            Un calendrier au profit de la recherche sur le cancer de la prostate !
6515        </div>
6516                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6517                   
6518            </div>
6519            </div>
6520    <div class="flex">
6521        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6522            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6523                <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="#F1F1F1"/>
6524            </svg>
6525        </div>
6526    </div>
6527</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/felicitations-a-nos-recipiendaires-de-subventions-2017/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6528    <div>
6529        <div class="flex items-center gap-4">
6530            <div class="date-text text-darkRed">
6531                15 Oct 2017
6532            </div>
6533                    </div>
6534        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6535            Félicitations à nos récipiendaires de subventions 2017 !
6536        </div>
6537                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6538                   
6539            </div>
6540            </div>
6541    <div class="flex">
6542        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6543            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6544                <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="#F1F1F1"/>
6545            </svg>
6546        </div>
6547    </div>
6548</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/michel-tremblay-honore-par-la-societe-royale-du-canada/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6549    <div>
6550        <div class="flex items-center gap-4">
6551            <div class="date-text text-darkRed">
6552                20 Sep 2017
6553            </div>
6554                    </div>
6555        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6556            Michel Tremblay honoré par la Société royale du Canada
6557        </div>
6558                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6559                   
6560            </div>
6561            </div>
6562    <div class="flex">
6563        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6564            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6565                <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="#F1F1F1"/>
6566            </svg>
6567        </div>
6568    </div>
6569</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/classique-cyclo-golf-edition-2017/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6570    <div>
6571        <div class="flex items-center gap-4">
6572            <div class="date-text text-darkRed">
6573                18 Août 2017
6574            </div>
6575                    </div>
6576        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6577            Classique cyclo-golf, édition 2017
6578        </div>
6579                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6580                UN GRAND SUCCÈS À LA 24E ÉDITION DE LA CLASSIQUE CYCLO-GOLF DE LA SOCIÉTÉ DE RECHERCHE SUR LE CANCER!
6581            </div>
6582            </div>
6583    <div class="flex">
6584        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6585            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6586                <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="#F1F1F1"/>
6587            </svg>
6588        </div>
6589    </div>
6590</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/4e-edition-de-la-journee-de-la-marche-du-reve/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6591    <div>
6592        <div class="flex items-center gap-4">
6593            <div class="date-text text-darkRed">
6594                1 Août 2017
6595            </div>
6596                    </div>
6597        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6598            4e édition de La Journée de la Marche du Rêve
6599        </div>
6600                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6601                UN MONTANT RECORD DE 12 500 $ AMASSÉ POUR LA 4E ÉDITION DE LA JOURNÉE DE LA MARCHE DU RÊVE
6602            </div>
6603            </div>
6604    <div class="flex">
6605        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6606            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6607                <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="#F1F1F1"/>
6608            </svg>
6609        </div>
6610    </div>
6611</a>                            <a href="https://societederecherchesurlecancer.ca/nouvelles/bbq-urbain-edition-2017/" class="news-item hidden my-single-news grid grid-cols-1 gap-y-[2.8rem] md:grid-cols-[75%,25%] group border-solid border-b-[1px] border-gray2 py-[3.4rem] md:pt-[3.9rem] md:pb-[3.9rem] last:border-b-0">
6612    <div>
6613        <div class="flex items-center gap-4">
6614            <div class="date-text text-darkRed">
6615                26 Mai 2017
6616            </div>
6617                    </div>
6618        <div class="underline md:no-underline group-hover:text-red relative pt-[0.6rem] news-title w-[max-content] max-w-[100%] text-black my-transition before:absolute before:w-[100%] before:h-[1px] before:bg-red before:left-0 before:bottom-[0.2em] before:opacity-0 before:my-transition md:group-hover:before:opacity-100">
6619            BBQ Urbain, édition 2017
6620        </div>
6621                    <div class="wysiwyg pt-[1.7rem] paragraph2 text-gray1">
6622                UN MONTANT RECORD DE 505 000 $ AMASSÉ POUR LA RECHERCHE SUR LE CANCER
6623            </div>
6624            </div>
6625    <div class="flex">
6626        <div class="btn2-arrow md:opacity-0 md:group-hover:opacity-100 my-transition md:mx-auto w-[4.2rem]">
6627            <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6628                <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="#F1F1F1"/>
6629            </svg>
6630        </div>
6631    </div>
6632</a>                        </div>
6633
6634    
6635</section>
6636
6637
6638<section  class="block-featured layout-normal background-steel has-godown-element my-container-large relative pt-[7.5rem] pb-[8.6rem]">
6639    
6640    <svg class="my-shape block md:hidden absolute top-[50%] translate-y-[-25%] left-0 w-[100%]" xmlns="http://www.w3.org/2000/svg" width="414" height="640" viewBox="0 0 414 640" fill="none">
6641        <path fill-rule="evenodd" clip-rule="evenodd" d="M602.724 639.621C393.767 116.278 -140.492 19.5655 -382.313 37.1319L-384.824 2.56975C-135.885 -15.5137 417.874 83.2027 634.906 626.771L602.724 639.621Z" fill="#B40000"/>
6642    </svg>
6643
6644    <svg class="my-shape hidden md:block absolute top-[50%] translate-y-[-25%] left-0 w-[100%]" viewBox="0 0 1512 558" fill="none" xmlns="http://www.w3.org/2000/svg">
6645        <path d="M-272 178.762C123.583 2.48726 1082.67 -161.117 1754.37 594.663" stroke="#B40000" stroke-width="61"/>
6646    </svg>
6647
6648    <div>
6649                                    <h2 class="my-title title3 text-black mb-[2.3rem] md:mb-[2.1rem]">À venir</h2>       
6650                            <div class="grid grid-cols-1 gap-[1.9rem] md:grid-cols-2 md:gap-[3.8rem]">
6651            
6652                                    <a class="my-featured-article relative group overflow-hidden" href="https://societederecherchesurlecancer.ca/evenements/bbq-urbain-2026/">
6653                                                    <img decoding="async" src="/glide?path=/content/uploads/2025/02/bbq-2025-thumbnail.jpg&amp;w=1026&amp;h=1200&amp;fit=crop&amp;fm=webp&amp;q=75" alt="" class="my-transition group-hover:scale-[1.04] bg-black w-[100%] aspect-[364/426] md:aspect-[513/600]">
6654                                                <div class="absolute bottom-[1.4rem] left-[1rem] w-[calc(100%-2rem)] rounded-[1.2rem] bg-white shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] px-[1.8rem] pt-[1.5rem] pb-[2.2rem] md:bottom-[1.5rem] md:left-[1.3rem] md:w-[calc(100%-2.6rem)] md:pt-[1.8rem] md:px-[2.6rem]">
6655                                                        
6656                                                            <div class="flex items-center flex-wrap mb-[0.9rem]">
6657    <div class="date-text text-red uppercase">
6658                                    27 Mai 2026
6659                                        
6660    </div>
6661            <div class="date-text !text-black uppercase px-[1rem]">
6662            <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6663                <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#353D45"/>
6664            </svg>
6665            <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
6666                <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#353D45"/>
6667            </svg>
6668        </div>
6669        <div class="date-text !text-black uppercase">
6670            Montréal
6671        </div>
6672    </div>                                                        <div class="grid grid-cols-[1fr,4.2rem] gap-[4rem] pt-[0.9rem]">
6673                                                                    <h4 class="my-featured-title title4 text-black"><strong>BBQ Urbain</strong> 2026
6674<span style="font-size: 2rem; font-family: Roboto; text-transform: initial; display: block;">
6675présenté par
6676<img decoding="async" src="https://societederecherchesurlecancer.ca/content/uploads/2024/06/rbc.png" alt="RBC" width="90px" /></span></h4>
6677                                                                <div class="flex self-end">
6678                                    <div class="btn2-arrow my-transition mx-auto w-[4.2rem]">
6679                                        <svg class="relative w-[1.8rem]" viewB
6679ox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6680                                            <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="#F1F1F1"/>
6681                                        </svg>
6682                                    </div>
6683                                </div>
6684                            </div>
6685                        </div>
6686                    </a>
6687                            
6688                                    <a class="my-featured-article relative group overflow-hidden" href="https://societederecherchesurlecancer.ca/evenements/courir-marcher-pour-la-recherche-sur-le-cancer/">
6689                                                    <img decoding="async" src="/glide?path=/content/uploads/2024/12/courir-marcher-feature.jpg&amp;w=1026&amp;h=1200&amp;fit=crop&amp;fm=webp&amp;q=75" alt="" class="my-transition group-hover:scale-[1.04] bg-black w-[100%] aspect-[364/426] md:aspect-[513/600]">
6690                                                <div class="absolute bottom-[1.4rem] left-[1rem] w-[calc(100%-2rem)] rounded-[1.2rem] bg-white shadow-[0px_4px_9px_0px_rgba(0,0,0,0.25)] px-[1.8rem] pt-[1.5rem] pb-[2.2rem] md:bottom-[1.5rem] md:left-[1.3rem] md:w-[calc(100%-2.6rem)] md:pt-[1.8rem] md:px-[2.6rem]">
6691                                                        
6692                                                            <div class="flex items-center flex-wrap mb-[0.9rem]">
6693    <div class="date-text text-red uppercase">
6694                                    18 Avr 2026 &#8211; 21 Sep 2026
6695                                        
6696    </div>
6697            <div class="date-text !text-black uppercase px-[1rem]">
6698            <svg class="block md:hidden" width="1" height="13" viewBox="0 0 1 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6699                <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="12.0624" stroke="#353D45"/>
6700            </svg>
6701            <svg class="hidden md:block" width="1" height="17" viewBox="0 0 1 17" fill="none" xmlns="http://www.w3.org/2000/svg">
6702                <line x1="0.5" y1="2.18556e-08" x2="0.499999" y2="17" stroke="#353D45"/>
6703            </svg>
6704        </div>
6705        <div class="date-text !text-black uppercase">
6706            Canada
6707        </div>
6708    </div>                                                        <div class="grid grid-cols-[1fr,4.2rem] gap-[4rem] pt-[0.9rem]">
6709                                                                    <h4 class="my-featured-title title4 text-black">Courir <strong>pour la recherche sur le cancer</strong></h4>
6710                                                                <div class="flex self-end">
6711                                    <div class="btn2-arrow my-transition mx-auto w-[4.2rem]">
6712                                        <svg class="relative w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6713                                            <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="#F1F1F1"/>
6714                                        </svg>
6715                                    </div>
6716                                </div>
6717                            </div>
6718                        </div>
6719                    </a>
6720                                    </div>
6721    </div>
6722
6723    
6724</section>
6725
6726
6727                </main>
6728
6729            <footer class="">
6730    <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]">
6731        
6732        <a href="https://societederecherchesurlecancer.ca/" class="mx-auto block w-[26.5rem] h-[7.6rem] max-w-[100%] self-center">
6733                                        <img src="/content/uploads/2023/11/src_logo_fr_white.png" alt="" class="w-[100%] h-[100%] object-contain">
6734                    </a>
6735        
6736        
6737        <nav class="flex flex-col gap-[2.5rem] items-center md:flex-row md:gap-[3rem] md:flex-wrap md:justify-end">
6738                            <a href="https://societederecherchesurlecancer.ca/comment-donner/" target="" class="btn1  white mx-auto md:mx-0">
6739
6740            <span class="">Comment donner</span>
6741        <div class="btn1-arrow">
6742            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6743                <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"/>
6744            </svg>
6745        </div>
6746    
6747</a>                        
6748        </nav>
6749    </section>
6750    <section class="bottom-section relative bg-black my-container pt-[5.1rem] pb-[6.2rem] md:pt-[7.2rem] md:pb-[3.7rem]">
6751        <div class="grid grid-cols-1 gap-[5.1rem] pb-[5.1rem] md:grid-cols-[max-content,1fr] md:pb-[4.3rem]">
6752            <div class="">
6753                
6754                <div class="footer-title text-lightGray mb-[2.4rem]">
6755                    Infolettre
6756                </div>
6757                <div class="">
6758                    <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">
6759
6760            <span class="">M&#039;inscrire à l&#039;infolettre</span>
6761        <div class="btn1-arrow">
6762            <svg class="w-[1.8rem]" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6763                <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"/>
6764            </svg>
6765        </div>
6766    
6767</a>                </div>
6768                
6769                                                    <div class="pt-[2.7rem] text-lightGray flex flex-wrap items-center gap-[1.4rem]">
6770                        
6771                                                                                    <a href="https://www.facebook.com/recherchecancer" target="_blank" rel="nofollow noopener" class="group">
6772                                    <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]">
6773                                </a>
6774                                                                                                                <a href="https://www.instagram.com/recherchecancer/" target="_blank" rel="nofollow noopener" class="group">
6775                                    <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]">
6776                                </a>
6777                                                                                                                <a href="https://twitter.com/SRC_CRS" target="_blank" rel="nofollow noopener" class="group">
6778                                    <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]">
6779                                </a>
6780                                                                                                                <a href="http://linkedin.com/company/cancer-research-society-soci-t-de-recherche-sur-le-cancer" target="_blank" rel="nofollow noopener" class="group">
6781                                    <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]">
6782                                </a>
6783                                                                                                                <a href="https://www.youtube.com/user/CRScommunications/featured" target="_blank" rel="nofollow noopener" class="group">
6784                                    <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]">
6785                                </a>
6786                                                                                                                <a href="https://bsky.app/profile/src-crs.bsky.social" target="_blank" rel="nofollow noopener" class="group">
6787                                    <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]">
6788                                </a>
6789                                                                                                                <a href="https://www.tiktok.com/@recherchecancer" target="" rel="nofollow noopener" class="group">
6790                                    <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]">
6791                                </a>
6792                                                                        </div>
6793                                
6794            </div>
6795            
6796            <nav class="grid grid-cols-2 gap-[4.8rem] md:flex md:justify-evenly">
6797                <div class="">
6798                    <div class="footer-title text-lightGray mb-[1.5rem]">À propos</div>
6799                    <ul>
6800                                                    <li>
6801                                <a href="https://societederecherchesurlecancer.ca/notre-mission/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6802                                    Mission                              
6803                                </a>
6804                            </li>
6805                                                    <li>
6806                                <a href="https://societederecherchesurlecancer.ca/histoire/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6807                                    Histoire                              
6808                                </a>
6809                            </li>
6810                                                    <li>
6811                                <a href="https://societederecherchesurlecancer.ca/notre-equipe/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6812                                    Équipe                              
6813                                </a>
6814                            </li>
6815                                                    <li>
6816                                <a href="https://societederecherchesurlecancer.ca/carrieres/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6817                                    Carrières                              
6818                                </a>
6819                            </li>
6820                                            </ul>
6821                    
6822                </div>
6823                <div class="">
6824                    <div class="footer-title text-lightGray mb-[1.5rem]">Recherche</div>
6825                    <ul>
6826                                                    <li>
6827                                <a href="https://societederecherchesurlecancer.ca/notre-impact/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6828                                    Notre impact                              
6829                                </a>
6830                            </li>
6831                                                    <li>
6832                                <a href="https://societederecherchesurlecancer.ca/programmes-de-subventions/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6833                                    Programmes de subventions                              
6834                                </a>
6835                            </li>
6836                                            </ul>
6837                    
6838                </div>
6839                <div class="">
6840                    <div class="footer-title text-lightGray mb-[1.5rem]">Événements</div>
6841                    <ul>
6842                                                    <li>
6843                                <a href="https://societederecherchesurlecancer.ca/challenge-contre-le-cancer/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6844                                    Challenge contre le cancer                              
6845                                </a>
6846                            </li>
6847                                                    <li>
6848                                <a href="https://societederecherchesurlecancer.ca/fr/evenements/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6849                                    Tous nos événements                              
6850                                </a>
6851                            </li>
6852                                                    <li>
6853                                <a href="https://societederecherchesurlecancer.ca/organiser-son-activite/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6854                                    Organiser son activité                              
6855                                </a>
6856                            </li>
6857                                            </ul>
6858                    
6859                </div>
6860                <div class="">
6861                    <div class="footer-title text-lightGray mb-[1.5rem]">Publications</div>
6862                    <ul>
6863                                                    <li>
6864                                <a href="https://societederecherchesurlecancer.ca/notre-actualite/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6865                                    Actualité                              
6866                                </a>
6867                            </li>
6868                                                    <li>
6869                                <a href="https://societederecherchesurlecancer.ca/publications-et-politique/" class="block py-[0.4rem] footer-text text-lightGray hover:text-red my-transition">
6870                                    Rapport d&#039;impact                              
6871                                </a>
6872                            </li>
6873                                            </ul>
6874                    
6875                </div>
6876            </nav>
6877        </div>
6878        <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">
6879            <div class="flex flex-col items-center gap-[1.4rem] md:flex-row md:gap-[1.8rem]">
6880                <div class="footer-text text-lightGray text-center md:text-left">
6881                    © 2026 Société de recherche sur le cancer.
6882                </div>
6883                <div class="footer-text text-lightGray text-center md:text-left">
6884                    Organisme de bienfaisance No. 11915 3229 RR0001   |  T3010
6885                </div>                
6886            </div>
6887            <div class="mx-auto md:mx-0">
6888                
6889                <ul>
6890                                            <li>
6891                            <a href="https://societederecherchesurlecancer.ca/confidentialite/" class="footer-text text-lightGray text-center font-bold underline md:text-right hover:text-red my-transition">
6892                                Confidentialité                              
6893                            </a>
6894                        </li>
6895                                            <li>
6896                            <a href="https://www.livechat.com/" class="footer-text text-lightGray text-center font-bold underline md:text-right hover:text-red my-transition">
6897                                Clavardage: LiveChat                              
6898                            </a>
6899                        </li>
6900                                    </ul>
6901                
6902            </div>
6903        </div>
6904    </section>
6905    </footer>
6906        </div>
6907
6908                
6908<script type="speculationrules">
6909{"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"}]}
6910</script>
vendor: 1 bytes, line 6910
6910
6911<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>
6911        
6911<script type="application/javascript">
6912            const ajaxURL = "https://societederecherchesurlecancer.ca/wp/wp-admin/admin-ajax.php";
6913
6914            function sumo_add_woocommerce_coupon(code) {
6915                jQuery.post(ajaxURL, {
6916                    action: 'sumo_add_woocommerce_coupon',
6917                    code: code,
6918                });
6919            }
6920
6921            function sumo_remove_woocommerce_coupon(code) {
6922                jQuery.post(ajaxURL, {
6923                    action: 'sumo_remove_woocommerce_coupon',
6924                    code: code,
6925                });
6926            }
6927
6928            function sumo_get_woocommerce_cart_subtotal(callback) {
6929                jQuery.ajax({
6930                    method: 'POST',
6931                    url: ajaxURL,
6932                    dataType: 'html',
6933                    data: {
6934                        action: 'sumo_get_woocommerce_cart_subtotal',
6935                    },
6936                    success: function (subtotal) {
6937                        return callback(null, subtotal);
6938                    },
6939                    error: function (err) {
6940                        return callback(err, 0);
6941                    }
6942                });
6943            }
6944        </script>
6944
6945        
6945<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>
6945<script id="text-connect-js-extra">
6946var textConnect = {"addons":[],"ajax_url":"https://societederecherchesurlecancer.ca/wp/wp-admin/admin-ajax.php","visitor":null};
6947//# sourceURL=text-connect-js-extra
6948</script>
vendor: 1 bytes, line 6948
6948
6949<script src="/content/plugins/wp-live-chat-software-for-wordpress/includes/js/textConnect.js?ver=5.0.12"></script>
6949<script>
6950(()=>{"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))})()})();
6951//# sourceURL=app%2F0-js-before
6952</script>
6952<script src="/dist/js/407.3729f8.js"></script>
6952<script src="/dist/js/414.ba6b48.js"></script>
6952<script src="/dist/js/app.56bf2f.js"></script>
6952
6953<!-- BEGIN SEARCHWP DEBUG
6954
6955[NO QUERIES]
6956
6957END SEARCHWP DEBUG -->
6958
6959    </body>
6960</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.