PageSourceSearch

https://centraide-bsl.com/tissu-social/

html centraide-bsl.com collected 2026-10-09 22:27:10 UTC 132,393 bytes, 1,670 lines download raw bytes

1<!doctype html>
2<html lang="fr">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes">
6    <meta http-equiv="x-ua-compatible" content="ie=edge">
7    <meta name="format-detection" content="telephone=no">
8    
9
10
11    
12
13
14    <!-- Cookie Consent by CookieScript -->
15    
15<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/f92dcfed8d5d2db39a466bce4717fe0f.js"></script>
15
16    <!-- End Cookie Consent by CookieScript-->
17
18    
19
20
21    <link href="/dist/drawer.css?v=639266828800000000" rel="stylesheet">
22
23    <link href="/dist/utilities.css?v=639266828800000000" rel="stylesheet">
24
25    
26
27    
28
29<title>Tissu social</title>
30
31
32    <meta name="description" content="Tissu social offre une nouvelle fa&#xE7;on concr&#xE8;te de soutenir les organismes communautaires. Derri&#xE8;re chaque v&#xEA;tement Tissu social, il y a une communaut&#xE9; qui en b&#xE9;n&#xE9;ficie. Offert pour une temps limit&#xE9;." />
33
34<meta property="og:site_name" content="Centraide Bas-Saint-Laurent" />
35<meta property="og:url" content="https://centraide-bsl.com/tissu-social/" />
36<meta property="og:type" content="website" />
37
38    <meta property="og:title" content="Tissu social" />
39    <meta property="og:description" content="Tissu social offre une nouvelle fa&#xE7;on concr&#xE8;te de soutenir les organismes communautaires. Derri&#xE8;re chaque v&#xEA;tement Tissu social, il y a une communaut&#xE9; qui en b&#xE9;n&#xE9;ficie. Offert pour une temps limit&#xE9;." />
40    <meta property="og:image" content="https://centraide-bsl.com/og-image/media/yptlomp2/logo-et-dessin-tissu-social.png" />
41
42    
43
44<link rel="icon" href="https://centraide-bsl.com/public/bsl/favicon/favicon.svg?v=2" type="image/svg+xml">
45<link rel="apple-touch-icon" sizes="180x180" href="https://centraide-bsl.com/public/bsl/favicon/apple-touch-icon.png?v=2">
46<link rel="icon" type="image/png" sizes="32x32" href="https://centraide-bsl.com/public/bsl/favicon/favicon-32x32.png?v=2">
47<link rel="icon" type="image/png" sizes="16x16" href="https://centraide-bsl.com/public/bsl/favicon/favicon-16x16.png?v=2">
48<link rel="manifest" href="https://centraide-bsl.com/public/bsl/favicon/site.webmanifest?v=2">
49<meta name="application-name" content="Centraide Bas-Saint-Laurent" />
50
51
52
53    
54
55    <!-- Google tag (gtag.js) -->
vendor: 91 bytes, lines 55-56
55
56    <script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=
56G-BJJE9VD3LV
vendor: 54 bytes, lines 56-57
56" nonce="1ZV/yG&#x2B;wXnoUuDsji0NRAQ=="></script>
57    
57<script type="text/javascript" nonce="1ZV/yG&#x2B;wXnoUuDsji0NRAQ==">
vendor: 130 bytes, line 57
57window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '
57G-BJJE9VD3LV
vendor: 3 bytes, line 57
57');
57</script>
57
58
59
60
61    
62
63        <link rel="canonical" href="https://centraide-bsl.com/tissu-social/">
64        <link rel="alternate" href="https://centraide-bsl.com/tissu-social/" hreflang="fr" />
65
66    
67    
68
69</head>
70<body class="overflow-x-hidden" data-environment="Production" data-doc-type="StaticPage">
71    
72
73    
74
75    <!-- Google Tag Manager -->
76    
76<script type="text/javascript" nonce="1ZV/yG&#x2B;wXnoUuDsji0NRAQ==">
77        (function (w, d, s, l, i) {
78            w[l] = w[l] || [];
79            w[l].push({
80                'gtm.start':
81                    new Date().getTime(),
82                event: 'gtm.js'
83            });
84            var f = d.getElementsByTagName(s)[0],
85                j = d.createElement(s),
86                dl = l != 'dataLayer' ? '&l=' + l : '';
87            j.async = true;
88            j.nonce = "1ZV/yG&#x2B;wXnoUuDsji0NRAQ=="
89            j.src =
90                '//www.googletagmanager.com/gtm.js?id=' + i + dl;
91            f.parentNode.insertBefore(j, f);
92        })(window, document, 'script', 'dataLayer', 'GTM-PDSK9JV');
93    </script>
93
94    <!-- End Google Tag Manager -->
95
96
97    
98
99
100
101
102
103
104
105    <div>
106
107        
108
109        
110        
111
112<a class="bg-white text-black inline-block opacity-0 left-1/2 py-2 px-4 absolute -translate-x-1/2 motion-safe:-translate-y-full motion-reduce:translate-y-1 z-50 transition duration-200 ease-in-out pointer-events-none focus:translate-y-1 focus:opacity-100 h-focus-state h-active-state print:hidden" href="#main">
113    Aller au contenu
114</a>
115
116    <header class="@container relative xs:sticky bg-white top-0 z-20 h-include-margin h-[calc(theme('spacing.[header-height]')+theme('spacing.[donate-height]'))] xs:h-header-height" data-site-header>
117        <div class="px-layout-x py-4 flex flex-wrap items-center gap-x-4 sm:gap-x-6 xs:flex-nowrap h-full print:px-0">
118                <a href="/"
119                    class="w-[169px] @md:w-[209px] h-auto flex-initial max-w-full inline-block h-focus-state h-active-state print:hidden">
120                    <img width="209" height="77" class="inline h-auto max-w-full" src="/dist/assets/logos/logo-bsl.svg" alt="Accueil" />
121                </a>
122                <img width="209" height="77" class="hidden w-[209px] h-auto max-w-full print:inline" src="/dist/assets/logos/logo-bsl.svg" alt="Accueil" />
123
124                <div class="ml-auto mr-0 xs:order-2 xs:ml-0 lg:hidden">
125                    
126<button class="relative w-32 py-3 leading-loose font-bold text-p2 pf-button--outline pf-transition-btn flex items-center justify-center gap-x-2 h-focus-state lg:hidden print:hidden"
127        data-menu-toggle
128        data-menu-open-label="Menu"
129        data-menu-close-label="Fermer"
130        data-trap-focus-first>
131    <span class="pf-animation-burger">
132        <span class="pf-animation-burger__btn pf-animation-burger__btn--not-active" data-menu-toggle-icon>
133            <span class="pf-animation-burger__line"></span>
134            <span class="pf-animation-burger__line"></span>
135            <span class="pf-animation-burger__line"></span>
136        </span>
137    </span>
138    <span data-menu-toggle-label></span>
139</button>
140                </div>
141                <div class="flex items-center sm:gap-x-6 lg:gap-x-8 w-full xs:w-auto xs:ml-auto">
142                    
143
144    <nav class="hidden sm:block print:hidden" aria-label="Primaire">
145        <ul class="mb-0 flex items-center lg:ml-6 sm:gap-x-6 lg:gap-x-8">
146                <li class="hidden py-4 lg:block relative" >
147                        <div class="relative flex items-center gap-x-2.5">
148                            <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="https://centraide-bsl.com/tissu-social/">
149                                <span class="group-hover:bg-visible-line pf-button-label">Tissu social</span>
150                            </a>
151
152                        </div>
153                </li>
154                <li class="hidden py-4 lg:block" data-submenu>
155                        <div class="relative flex items-center gap-x-2.5">
156                            <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/sengager/">
157                                <span class="group-hover:bg-visible-line pf-button-label">S&#x27;engager</span>
158                            </a>
159
160                                <button class="relative h-extend-cursor-area h-extend-cursor-area--square inline-flex justify-center items-center border-0 border-transparent shadow-none h-focus-state h-focus-state--offset h-active-state" aria-expanded="false" data-submenu-toggle>
161                                    <span class="sr-only" data-submenu-label-open>Ouvrir le sous-menu S&#x27;engager</span>
162                                    <span class="sr-only" data-submenu-label-close>Fermer le sous-menu S&#x27;engager</span>
163                                    <svg class="fill-current motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-in-out" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" data-submenu-icon aria-hidden="true">
164                                        <path d="M4.78691 4.50893L7.48191 1.31C7.8248 0.90394 7.53797 0.273926 6.99903 0.273926H1.60903C1.07692 0.273926 0.782957 0.896814 1.12614 1.31L3.82114 4.50893C4.07298 4.80287 4.53507 4.80287 4.78693 4.50893H4.78691Z" />
165                                    </svg>
166                                </button>
167                        </div>
168                        <div class="hidden opacity-0 motion-safe:-translate-y-8 overflow-hidden absolute z-20 transition duration-300 ease-in-out inset-x-0 top-header-height" data-submenu-body>
169                            <div class="bg-white shadow-2xl mb-24 dark:bg-primary-shade rounded-2xl py-14 px-10 mx-layout-x">
170                                    <a class="mb-4 text-h4 flex gap-x-2 items-center pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/sengager/">
171                                        <span class="group-hover:bg-visible-line pf-button-label">S&#x27;engager</span>
172                                        <svg class="group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 25 26" fill="none">
173                                            <path d="M3.90625 13H21.0938" stroke="#DA2916" stroke-width="1.17188" />
174                                            <path d="M14.0625 5.96875L21.0938 13L14.0625 20.0312" stroke="#DA2916" stroke-width="1.17188" />
175                                        </svg>
176                                    </a>
177                                <div class="flex gap-x-16">
178                                    <ul class="shrink-0 mb-0 w-1/5">
179                                            <li class="border-b border-grey-300">
180                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sengager/participer-a-la-campagne/" data-submenu-link>
181                                                    <span class="group-hover:bg-visible-line pf-button-label">Participer &#xE0; la campagne</span>
182                                                </a>
183                                            </li>
184                                            <li class="border-b border-grey-300">
185                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sengager/faire-du-benevolat/" data-submenu-link>
186                                                    <span class="group-hover:bg-visible-line pf-button-label">Faire du b&#xE9;n&#xE9;volat</span>
187                                                </a>
188                                            </li>
189                                            <li class="border-b border-grey-300">
190                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sengager/honneurs-et-gratitude/" data-submenu-link>
191                                                    <span class="group-hover:bg-visible-line pf-button-label">Honneurs et gratitude</span>
192                                                </a>
193                                            </li>
194                                    </ul>
195                                        <ul class="mb-0 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
196                                                <li class="h-full">
197                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-6 py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/campagnes-en-milieu-de-travail/" data-submenu-link>
198                                                        <h2 class="text-p2">
199                                                            <span class="pf-button-label group-hover:bg-visible-line">Campagnes en milieu de travail</span>
200                                                        </h2>
201                                                           <p class="text-p3">Les entreprises et les organisations d&#x27;ici organisent des campagnes en milieu de travail qui favorise la coh&#xE9;sion d&#x27;&#xE9;quipe tout en favorisant le mieux-&#xEA;tre de la communaut&#xE9;.</p> 
202                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
203                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
204                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
205                                                        </svg>
206                                                    </a>
207                                                </li>
208                                                <li class="h-full">
209                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-6 py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/dons-personnels/" data-submenu-link>
210                                                        <h2 class="text-p2">
211                                                            <span class="pf-button-label group-hover:bg-visible-line">Dons personnels</span>
212                                                        </h2>
213                                                           <p class="text-p3">Posez un geste concret de solidarit&#xE9; en faisant un don personnel &#xE0; Centraide.</p> 
214                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
215                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
216                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
217                                                        </svg>
218                                                    </a>
219                                                </li>
220                                                <li class="h-full">
221                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-6 py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/dons-planifies/" data-submenu-link>
222                                                        <h2 class="text-p2">
223                                                            <span class="pf-button-label group-hover:bg-visible-line">Dons planifi&#xE9;s</span>
224                                                        </h2>
225                                                           <p class="text-p3">En planifiant un don &#xE0; Centraide, vous nous permettez de poursuivre notre travail pendant plusieurs g&#xE9;n&#xE9;rations.</p> 
226                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
227                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
228                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
229                                                        </svg>
230                                                    </a>
231                                                </li>
232                                        </ul>
233                                </div>
234                                
235                            </div>
236                            
237                        </div>
238                </li>
239                <li class="hidden py-4 lg:block relative" data-submenu>
240                        <div class="relative flex items-center gap-x-2.5">
241                            <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/sinformer/">
242                                <span class="group-hover:bg-visible-line pf-button-label">S&#x27;informer</span>
243                            </a>
244
245                                <button class="relative h-extend-cursor-area h-extend-cursor-area--square inline-flex justify-center items-center border-0 border-transparent shadow-none h-focus-state h-focus-state--offset h-active-state" aria-expanded="false" data-submenu-toggle>
246                                    <span class="sr-only" data-submenu-label-open>Ouvrir le sous-menu S&#x27;informer</span>
247                                    <span class="sr-only" data-submenu-label-close>Fermer le sous-menu S&#x27;informer</span>
248                                    <svg class="fill-current motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-in-out" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" data-submenu-icon aria-hidden="true">
249                                        <path d="M4.78691 4.50893L7.48191 1.31C7.8248 0.90394 7.53797 0.273926 6.99903 0.273926H1.60903C1.07692 0.273926 0.782957 0.896814 1.12614 1.31L3.82114 4.50893C4.07298 4.80287 4.53507 4.80287 4.78693 4.50893H4.78691Z" />
250                                    </svg>
251                                </button>
252                        </div>
253                        <div class="hidden opacity-0 motion-safe:-translate-y-8 overflow-hidden absolute z-20 transition duration-300 ease-in-out -left-16 top-full" data-submenu-body>
254                            <div class="bg-white shadow-2xl mb-24 dark:bg-primary-shade rounded-2xl min-w-72 px-6 py-8 mx-10">
255                                    <a class="mb-4 text-h4 flex gap-x-2 items-center pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/sinformer/">
256                                        <span class="group-hover:bg-visible-line pf-button-label">S&#x27;informer</span>
257                                        <svg class="group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 25 26" fill="none">
258                                            <path d="M3.90625 13H21.0938" stroke="#DA2916" stroke-width="1.17188" />
259                                            <path d="M14.0625 5.96875L21.0938 13L14.0625 20.0312" stroke="#DA2916" stroke-width="1.17188" />
260                                        </svg>
261                                    </a>
262                                <div>
263                                    <ul class="shrink-0 mb-0">
264                                            <li class="border-b border-grey-300">
265                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sinformer/infolettre/" data-submenu-link>
266                                                    <span class="group-hover:bg-visible-line pf-button-label">Infolettre</span>
267                                                </a>
268                                            </li>
269                                            <li class="border-b border-grey-300">
270                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/blogue/" data-submenu-link>
271                                                    <span class="group-hover:bg-visible-line pf-button-label">Blogue</span>
272                                                </a>
273                                            </li>
274                                            <li class="border-b border-grey-300">
275                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sinformer/livre/" data-submenu-link>
276                                                    <span class="group-hover:bg-visible-line pf-button-label">Livre</span>
277                                                </a>
278                                            </li>
279                                            <li class="border-b border-grey-300">
280                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/sinformer/publications/" data-submenu-link>
281                                                    <span class="group-hover:bg-visible-line pf-button-label">Publications</span>
282                                                </a>
283                                            </li>
284                                    </ul>
285                                </div>
286                                
287                            </div>
288                            
289                        </div>
290                </li>
291                <li class="hidden py-4 lg:block relative" data-submenu>
292                        <div class="relative flex items-center gap-x-2.5">
293                            <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/notre-impact/">
294                                <span class="group-hover:bg-visible-line pf-button-label">Notre impact</span>
295                            </a>
296
297                                <button class="relative h-extend-cursor-area h-extend-cursor-area--square inline-flex justify-center items-center border-0 border-transparent shadow-none h-focus-state h-focus-state--offset h-active-state" aria-expanded="false" data-submenu-toggle>
298                                    <span class="sr-only" data-submenu-label-open>Ouvrir le sous-menu Notre impact</span>
299                                    <span class="sr-only" data-submenu-label-close>Fermer le sous-menu Notre impact</span>
300                                    <svg class="fill-current motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-in-out" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" data-submenu-icon aria-hidden="true">
301                                        <path d="M4.78691 4.50893L7.48191 1.31C7.8248 0.90394 7.53797 0.273926 6.99903 0.273926H1.60903C1.07692 0.273926 0.782957 0.896814 1.12614 1.31L3.82114 4.50893C4.07298 4.80287 4.53507 4.80287 4.78693 4.50893H4.78691Z" />
302                                    </svg>
303                                </button>
304                        </div>
305                        <div class="hidden opacity-0 motion-safe:-translate-y-8 overflow-hidden absolute z-20 transition duration-300 ease-in-out -left-16 top-full" data-submenu-body>
306                            <div class="bg-white shadow-2xl mb-24 dark:bg-primary-shade rounded-2xl min-w-72 px-6 py-8 mx-10">
307                                    <a class="mb-4 text-h4 flex gap-x-2 items-center pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/notre-impact/">
308                                        <span class="group-hover:bg-visible-line pf-button-label">Notre impact</span>
309                                        <svg class="group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 25 26" fill="none">
310                                            <path d="M3.90625 13H21.0938" stroke="#DA2916" stroke-width="1.17188" />
311                                            <path d="M14.0625 5.96875L21.0938 13L14.0625 20.0312" stroke="#DA2916" stroke-width="1.17188" />
312                                        </svg>
313                                    </a>
314                                <div>
315                                    <ul class="shrink-0 mb-0">
316                                            <li class="border-b border-grey-300">
317                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/notre-impact/investissements-sociaux/" data-submenu-link>
318                                                    <span class="group-hover:bg-visible-line pf-button-label">Investissements sociaux</span>
319                                                </a>
320                                            </li>
321                                            <li class="border-b border-grey-300">
322                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/organismes-associes/" data-submenu-link>
323                                                    <span class="group-hover:bg-visible-line pf-button-label">Organismes associ&#xE9;s</span>
324                                                </a>
325                                            </li>
326                                            <li class="border-b border-grey-300">
327                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/notre-impact/devenir-un-organisme-associe-a-centraide/" data-submenu-link>
328                                                    <span class="group-hover:bg-visible-line pf-button-label">Devenir un organisme associ&#xE9;</span>
329                                                </a>
330                                            </li>
331                                    </ul>
332                                </div>
333                                
334                            </div>
335                            
336                        </div>
337                </li>
338                <li class="hidden py-4 lg:block relative" data-submenu>
339                        <div class="relative flex items-center gap-x-2.5">
340                            <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/a-propos/">
341                                <span class="group-hover:bg-visible-line pf-button-label">&#xC0; propos</span>
342                            </a>
343
344                                <button class="relative h-extend-cursor-area h-extend-cursor-area--square inline-flex justify-center items-center border-0 border-transparent shadow-none h-focus-state h-focus-state--offset h-active-state" aria-expanded="false" data-submenu-toggle>
345                                    <span class="sr-only" data-submenu-label-open>Ouvrir le sous-menu &#xC0; propos</span>
346                                    <span class="sr-only" data-submenu-label-close>Fermer le sous-menu &#xC0; propos</span>
347                                    <svg class="fill-current motion-safe:transition-transform motion-safe:duration-300 motion-safe:ease-in-out" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" data-submenu-icon aria-hidden="true">
348                                        <path d="M4.78691 4.50893L7.48191 1.31C7.8248 0.90394 7.53797 0.273926 6.99903 0.273926H1.60903C1.07692 0.273926 0.782957 0.896814 1.12614 1.31L3.82114 4.50893C4.07298 4.80287 4.53507 4.80287 4.78693 4.50893H4.78691Z" />
349                                    </svg>
350                                </button>
351                        </div>
352                        <div class="hidden opacity-0 motion-safe:-translate-y-8 overflow-hidden absolute z-20 transition duration-300 ease-in-out -left-16 top-full" data-submenu-body>
353                            <div class="bg-white shadow-2xl mb-24 dark:bg-primary-shade rounded-2xl min-w-72 px-6 py-8 mx-10">
354                                    <a class="mb-4 text-h4 flex gap-x-2 items-center pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state" href="/a-propos/">
355                                        <span class="group-hover:bg-visible-line pf-button-label">&#xC0; propos</span>
356                                        <svg class="group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="25" height="26" viewBox="0 0 25 26" fill="none">
357                                            <path d="M3.90625 13H21.0938" stroke="#DA2916" stroke-width="1.17188" />
358                                            <path d="M14.0625 5.96875L21.0938 13L14.0625 20.0312" stroke="#DA2916" stroke-width="1.17188" />
359                                        </svg>
360                                    </a>
361                                <div>
362                                    <ul class="shrink-0 mb-0">
363                                            <li class="border-b border-grey-300">
364                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/a-propos/rapports-a-la-communaute-et-etats-financiers/" data-submenu-link>
365                                                    <span class="group-hover:bg-visible-line pf-button-label">Rapports &#xE0; la communaut&#xE9; et &#xE9;tats financiers</span>
366                                                </a>
367                                            </li>
368                                            <li class="border-b border-grey-300">
369                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/a-propos/equipe-benevole-permanente/" data-submenu-link>
370                                                    <span class="group-hover:bg-visible-line pf-button-label">&#xC9;quipe b&#xE9;n&#xE9;vole et permanente</span>
371                                                </a>
372                                            </li>
373                                            <li class="border-b border-grey-300">
374                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/a-propos/carrieres/" data-submenu-link>
375                                                    <span class="group-hover:bg-visible-line pf-button-label">Carri&#xE8;res</span>
376                                                </a>
377                                            </li>
378                                            <li class="border-b border-grey-300">
379                                                <a class="pf-transition-link group font-bold relative h-focus-state h-focus-state--offset h-active-state font-bold block py-4" href="/nous-joindre/" data-submenu-link>
380                                                    <span class="group-hover:bg-visible-line pf-button-label">Contact</span>
381                                                </a>
382                                            </li>
383                                    </ul>
384                                </div>
385                                
386                            </div>
387                            
388                        </div>
389                </li>
390
391               <li class="hidden py-4 sm:block">
392                    <a class="flex px-2 h-14 items-center text-h6 no-underline bg-gradient-to-l bg-left-bottom bg-invisible-line-lg from-primary-main to-primary-main bg-no-repeat hover:bg-visible-line-lg motion-safe:transition-bg-size motion-safe:duration-300 motion-safe:ease-out group font-bold relative h-focus-state h-focus-state--offset h-active-state group h-focus-state h-focus-state--offset h-active-state" href="/recherche/">
393                        <span class="sr-only">Rechercher sur le site</span>
394                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
395                            <path d="M14.5 25.5C20.299 25.5 25 20.799 25 15C25 9.20101 20.299 4.5 14.5 4.5C8.70101 4.5 4 9.20101 4 15C4 20.799 8.70101 25.5 14.5 25.5Z" stroke="black" stroke-width="1.5" />
396                            <path d="M21.925 22.425L28 28.5" stroke="black" stroke-width="1.5" />
397                        </svg>
398                   </a>
399                </li> 
400        </ul>
401    </nav>
402
403                        <div class="py-6 xs:py-4 w-full xs:w-auto">
404                            
405
406        <a class="pf-button group relative pf-button--primary pf-transition-btn pf-button--lg w-full block xs:inline-block xs:w-auto  print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://clicdoncentraide.com/d/grand-public-bsl/?utm_campaign=bouton-donner-menu&amp;utm_medium=organic&amp;utm_source=web&amp;utm_content=bouton" target="_blank">
407        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
408            <span class=" print:not-sr-only print:mr-2">
409                Donner
410            </span>
411
412                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
413                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
414                     aria-hidden="true"
415                     width="14"
416                     height="14"
417                     viewBox="0 0 14 14"
418                     fill="none"
419                     xmlns="http://www.w3.org/2000/svg">
420                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
421                </svg>
422
423        </span>
424        </a>
425
426
427                        </div>
428                </div>
429        </div>
430
431
432<nav class="hidden opacity-0 motion-safe:-translate-y-8 absolute top-[calc(100%-theme('spacing.[donate-height]')-theme('spacing.2'))] xs:top-full inset-x-[calc(theme('spacing.[layout-x]')/2)] z-20 flex flex-col-reverse justify-end h-[calc(100dvh-theme('spacing.[header-height]'))] transition duration-500 ease-in-out lg:hidden" aria-label="Primaire" data-menu>
433
434        <div class="mt-2 xs:hidden">
435           
436
437        <a class="pf-button group relative pf-button--primary pf-transition-btn pf-button--lg w-full block xs:inline-block xs:w-auto  print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://clicdoncentraide.com/d/grand-public-bsl/?utm_campaign=bouton-donner-menu&amp;utm_medium=organic&amp;utm_source=web&amp;utm_content=bouton" target="_blank">
438        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
439            <span class=" print:not-sr-only print:mr-2">
440                Donner
441            </span>
442
443                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
444                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
445                     aria-hidden="true"
446                     width="14"
447                     height="14"
448                     viewBox="0 0 14 14"
449                     fill="none"
450                     xmlns="http://www.w3.org/2000/svg">
451                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
452                </svg>
453
454        </span>
455        </a>
456
457
458        </div>
459    <div class="bg-white shadow-2xl rounded-2xl overflow-auto max-h-[calc(100%-theme('spacing.[donate-height]'))] xs:max-h-[calc(100%-theme('spacing.4'))]">
460        <ul class="px-8 py-6 mb-0">
461                <li class="py-4 sm:hidden">
462                    <a class="relative font-bold text-p2 h-extend-cursor-area pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state flex items-center gap-x-2 group h-focus-state h-focus-state--offset h-active-state" href="/recherche/">
463                        <svg class="h-4 w-4 stroke-primary-main" xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none">
464                            <path d="M14.5 25.5C20.299 25.5 25 20.799 25 15C25 9.20101 20.299 4.5 14.5 4.5C8.70101 4.5 4 9.20101 4 15C4 20.799 8.70101 25.5 14.5 25.5Z" stroke-width="1.5" />
465                            <path d="M21.925 22.425L28 28.5" stroke-width="1.5" />
466                        </svg>
467                        <span class="pf-button-label group-hover:bg-visible-line">Rechercher sur le site</span>
468                    </a>
469                </li>
470                    <li class="py-4" >
471                        <div class="flex items-center justify-between relative">
472                                <a class="font-bold text-h3 pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state" href="https://centraide-bsl.com/tissu-social/">
473                                    <span class="group-hover:bg-visible-line pf-button-label">Tissu social</span>
474                                </a>
475                        </div>
476
477                        
478                    </li>
479                    <li class="py-4" data-drawer>
480                        <div class="flex items-center justify-between relative">
481                                <a class="font-bold text-h3 pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state" href="/sengager/">
482                                    <span class="group-hover:bg-visible-line pf-button-label">S&#x27;engager</span>
483                                </a>
484                                <button class="relative shrink-0 hover:motion-safe:animate-bounce-bottom h-extend-cursor-area h-extend-cursor-area--square h-focus-state h-focus-state--offset before:absolute before:-translate-x-1/2 before:-translate-y-1/2 before:top-1/2 before:left-1/2 before:rounded-md before:transition-colors before:ease-in-out before:duration-300 before:w-10 before:h-10 before:border before:border-transparent hover:before:border-primary-main dark:hover:before:border-white active:before:bg-primary-main/5 dark:active:before:bg-white/5 print:hidden"
485                                    data-drawer-head
486                                    data-drawer-button
487                                    data-drawer-icon-container
488                                    aria-haspopup="true"
489                                    aria-expanded="false">
490                                    <span class="sr-only block" data-drawer-label-open data-toggle-btn-label>Ouvrir le tiroir S&#x27;engager</span>
491                                    <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir S&#x27;engager</span>
492                                    <svg class="relative stroke-primary-main dark:stroke-white h-8 w-8 rotate-0 motion-safe:transition-transform motion-safe:ease-in-out motion-safe:duration-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" data-drawer-icon>
493                                        <path d="M26 12L16 22L6 12" stroke-width="1.5" />
494                                    </svg>
495                                </button>
496                        </div>
497
498                            <div class="hidden max-h-0 overflow-hidden -mx-8 px-8 motion-safe:transition-max-height motion-safe:duration-300 motion-safe:ease-in-out h-print" data-drawer-body>
499                                <div class="py-2 sm:flex sm:gap-x-8 md:gap-x-12">
500                                    <ul class="mb-0">
501                                            <li class="border-b border-grey-200">
502                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sengager/participer-a-la-campagne/">
503                                                    <span class="group-hover:bg-visible-line pf-button-label">Participer &#xE0; la campagne</span>
504                                                </a>
505                                            </li>
506                                            <li class="border-b border-grey-200">
507                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sengager/faire-du-benevolat/">
508                                                    <span class="group-hover:bg-visible-line pf-button-label">Faire du b&#xE9;n&#xE9;volat</span>
509                                                </a>
510                                            </li>
511                                            <li class="border-b border-grey-200">
512                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sengager/honneurs-et-gratitude/">
513                                                    <span class="group-hover:bg-visible-line pf-button-label">Honneurs et gratitude</span>
514                                                </a>
515                                            </li>
516                                    </ul>
517                                        <ul class="hidden mb-0 sm:grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
518                                                <li class="h-full">
519                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-4 md:px-6 py-5 md:py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/campagnes-en-milieu-de-travail/" data-submenu-link>
520                                                        <h2 class="text-p2">
521                                                            <span class="pf-button-label group-hover:bg-visible-line">Campagnes en milieu de travail</span>
522                                                        </h2>
523                                                            <p class="text-p3">Les entreprises et les organisations d&#x27;ici organisent des campagnes en milieu de travail qui favorise la coh&#xE9;sion d&#x27;&#xE9;quipe tout en favorisant le mieux-&#xEA;tre de la communaut&#xE9;.</p>
524                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
525                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
526                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
527                                                        </svg>
528                                                    </a>
529                                                </li>
530                                                <li class="h-full">
531                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-4 md:px-6 py-5 md:py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/dons-personnels/" data-submenu-link>
532                                                        <h2 class="text-p2">
533                                                            <span class="pf-button-label group-hover:bg-visible-line">Dons personnels</span>
534                                                        </h2>
535                                                            <p class="text-p3">Posez un geste concret de solidarit&#xE9; en faisant un don personnel &#xE0; Centraide.</p>
536                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
537                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
538                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
539                                                        </svg>
540                                                    </a>
541                                                </li>
542                                                <li class="h-full">
543                                                    <a class="group pf-transition-link h-full flex flex-col rounded-2xl bg-secondary-tint px-4 md:px-6 py-5 md:py-8 h-remove-margin h-focus-state h-focus-state--offset h-active-state" href="/sengager/participer-a-la-campagne/dons-planifies/" data-submenu-link>
544                                                        <h2 class="text-p2">
545                                                            <span class="pf-button-label group-hover:bg-visible-line">Dons planifi&#xE9;s</span>
546                                                        </h2>
547                                                            <p class="text-p3">En planifiant un don &#xE0; Centraide, vous nous permettez de poursuivre notre travail pendant plusieurs g&#xE9;n&#xE9;rations.</p>
548                                                        <svg class="mt-auto mb-0 group-hover:motion-safe:animate-bounce-right" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
549                                                            <path d="M3.75 12H20.25" stroke="black" stroke-width="1.5" />
550                                                            <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="black" stroke-width="1.5" />
551                                                        </svg>
552                                                    </a>
553                                                </li>
554                                        </ul>
555
556                                </div>
557                            </div>
558                        
559                    </li>
560                    <li class="py-4" data-drawer>
561                        <div class="flex items-center justify-between relative">
562                                <a class="font-bold text-h3 pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state" href="/sinformer/">
563                                    <span class="group-hover:bg-visible-line pf-button-label">S&#x27;informer</span>
564                                </a>
565                                <button class="relative shrink-0 hover:motion-safe:animate-bounce-bottom h-extend-cursor-area h-extend-cursor-area--square h-focus-state h-focus-state--offset before:absolute before:-translate-x-1/2 before:-translate-y-1/2 before:top-1/2 before:left-1/2 before:rounded-md before:transition-colors before:ease-in-out before:duration-300 before:w-10 before:h-10 before:border before:border-transparent hover:before:border-primary-main dark:hover:before:border-white active:before:bg-primary-main/5 dark:active:before:bg-white/5 print:hidden"
566                                    data-drawer-head
567                                    data-drawer-button
568                                    data-drawer-icon-container
569                                    aria-haspopup="true"
570                                    aria-expanded="false">
571                                    <span class="sr-only block" data-drawer-label-open data-toggle-btn-label>Ouvrir le tiroir S&#x27;informer</span>
572                                    <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir S&#x27;informer</span>
573                                    <svg class="relative stroke-primary-main dark:stroke-white h-8 w-8 rotate-0 motion-safe:transition-transform motion-safe:ease-in-out motion-safe:duration-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" data-drawer-icon>
574                                        <path d="M26 12L16 22L6 12" stroke-width="1.5" />
575                                    </svg>
576                                </button>
577                        </div>
578
579                            <div class="hidden max-h-0 overflow-hidden -mx-8 px-8 motion-safe:transition-max-height motion-safe:duration-300 motion-safe:ease-in-out h-print" data-drawer-body>
580                                <div class="py-2 sm:flex sm:gap-x-8 md:gap-x-12">
581                                    <ul class="mb-0">
582                                            <li class="border-b border-grey-200">
583                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sinformer/infolettre/">
584                                                    <span class="group-hover:bg-visible-line pf-button-label">Infolettre</span>
585                                                </a>
586                                            </li>
587                                            <li class="border-b border-grey-200">
588                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/blogue/">
589                                                    <span class="group-hover:bg-visible-line pf-button-label">Blogue</span>
590                                                </a>
591                                            </li>
592                                            <li class="border-b border-grey-200">
593                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sinformer/livre/">
594                                                    <span class="group-hover:bg-visible-line pf-button-label">Livre</span>
595                                                </a>
596                                            </li>
597                                            <li class="border-b border-grey-200">
598                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/sinformer/publications/">
599                                                    <span class="group-hover:bg-visible-line pf-button-label">Publications</span>
600                                                </a>
601                                            </li>
602                                    </ul>
603
604                                </div>
605                            </div>
606                        
607                    </li>
608                    <li class="py-4" data-drawer>
609                        <div class="flex items-center justify-between relative">
610                                <a class="font-bold text-h3 pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state" href="/notre-impact/">
611                                    <span class="group-hover:bg-visible-line pf-button-label">Notre impact</span>
612                                </a>
613                                <button class="relative shrink-0 hover:motion-safe:animate-bounce-bottom h-extend-cursor-area h-extend-cursor-area--square h-focus-state h-focus-state--offset before:absolute before:-translate-x-1/2 before:-translate-y-1/2 before:top-1/2 before:left-1/2 before:rounded-md before:transition-colors before:ease-in-out before:duration-300 before:w-10 before:h-10 before:border before:border-transparent hover:before:border-primary-main dark:hover:before:border-white active:before:bg-primary-main/5 dark:active:before:bg-white/5 print:hidden"
614                                    data-drawer-head
615                                    data-drawer-button
616                                    data-drawer-icon-container
617                                    aria-haspopup="true"
618                                    aria-expanded="false">
619                                    <span class="sr-only block" data-drawer-label-open data-toggle-btn-label>Ouvrir le tiroir Notre impact</span>
620                                    <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir Notre impact</span>
621                                    <svg class="relative stroke-primary-main dark:stroke-white h-8 w-8 rotate-0 motion-safe:transition-transform motion-safe:ease-in-out motion-safe:duration-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" data-drawer-icon>
622                                        <path d="M26 12L16 22L6 12" stroke-width="1.5" />
623                                    </svg>
624                                </button>
625                        </div>
626
627                            <div class="hidden max-h-0 overflow-hidden -mx-8 px-8 motion-safe:transition-max-height motion-safe:duration-300 motion-safe:ease-in-out h-print" data-drawer-body>
628                                <div class="py-2 sm:flex sm:gap-x-8 md:gap-x-12">
629                                    <ul class="mb-0">
630                                            <li class="border-b border-grey-200">
631                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/notre-impact/investissements-sociaux/">
632                                                    <span class="group-hover:bg-visible-line pf-button-label">Investissements sociaux</span>
633                                                </a>
634                                            </li>
635                                            <li class="border-b border-grey-200">
636                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/organismes-associes/">
637                                                    <span class="group-hover:bg-visible-line pf-button-label">Organismes associ&#xE9;s</span>
638                                                </a>
639                                            </li>
640                                            <li class="border-b border-grey-200">
641                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/notre-impact/devenir-un-organisme-associe-a-centraide/">
642                                                    <span class="group-hover:bg-visible-line pf-button-label">Devenir un organisme associ&#xE9;</span>
643                                                </a>
644                                            </li>
645                                    </ul>
646
647                                </div>
648                            </div>
649                        
650                    </li>
651                    <li class="py-4" data-drawer>
652                        <div class="flex items-center justify-between relative">
653                                <a class="font-bold text-h3 pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state" href="/a-propos/">
654                                    <span class="group-hover:bg-visible-line pf-button-label">&#xC0; propos</span>
655                                </a>
656                                <button class="relative shrink-0 hover:motion-safe:animate-bounce-bottom h-extend-cursor-area h-extend-cursor-area--square h-focus-state h-focus-state--offset before:absolute before:-translate-x-1/2 before:-translate-y-1/2 before:top-1/2 before:left-1/2 before:rounded-md before:transition-colors before:ease-in-out before:duration-300 before:w-10 before:h-10 before:border before:border-transparent hover:before:border-primary-main dark:hover:before:border-white active:before:bg-primary-main/5 dark:active:before:bg-white/5 print:hidden"
657                                    data-drawer-head
658                                    data-drawer-button
659                                    data-drawer-icon-container
660                                    aria-haspopup="true"
661                                    aria-expanded="false">
662                                    <span class="sr-only block" data-drawer-label-open data-toggle-btn-label>Ouvrir le tiroir &#xC0; propos</span>
663                                    <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir &#xC0; propos</span>
664                                    <svg class="relative stroke-primary-main dark:stroke-white h-8 w-8 rotate-0 motion-safe:transition-transform motion-safe:ease-in-out motion-safe:duration-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" data-drawer-icon>
665                                        <path d="M26 12L16 22L6 12" stroke-width="1.5" />
666                                    </svg>
667                                </button>
668                        </div>
669
670                            <div class="hidden max-h-0 overflow-hidden -mx-8 px-8 motion-safe:transition-max-height motion-safe:duration-300 motion-safe:ease-in-out h-print" data-drawer-body>
671                                <div class="py-2 sm:flex sm:gap-x-8 md:gap-x-12">
672                                    <ul class="mb-0">
673                                            <li class="border-b border-grey-200">
674                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/a-propos/rapports-a-la-communaute-et-etats-financiers/">
675                                                    <span class="group-hover:bg-visible-line pf-button-label">Rapports &#xE0; la communaut&#xE9; et &#xE9;tats financiers</span>
676                                                </a>
677                                            </li>
678                                            <li class="border-b border-grey-200">
679                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/a-propos/equipe-benevole-permanente/">
680                                                    <span class="group-hover:bg-visible-line pf-button-label">&#xC9;quipe b&#xE9;n&#xE9;vole et permanente</span>
681                                                </a>
682                                            </li>
683                                            <li class="border-b border-grey-200">
684                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/a-propos/carrieres/">
685                                                    <span class="group-hover:bg-visible-line pf-button-label">Carri&#xE8;res</span>
686                                                </a>
687                                            </li>
688                                            <li class="border-b border-grey-200">
689                                                <a class="pf-transition-link group relative h-focus-state h-focus-state--offset h-active-state block py-4 text-p1 font-bold" href="/nous-joindre/">
690                                                    <span class="group-hover:bg-visible-line pf-button-label">Contact</span>
691                                                </a>
692                                            </li>
693                                    </ul>
694
695                                </div>
696                            </div>
697                        
698                    </li>
699        </ul>
700    </div>
701</nav>    </header>
702
703
704        <main id="main" data-search="include-content">
705            
706
707
708<div class="heading h-include-margin">
709    <div class="@container px-layout-x pt-4 xs:pt-12 pb-6 h-remove-margin print:p-0">
710        <div class="mb-6">
711            
712
713    <ol class=" pf-breadcrumb mb-0 flex flex-wrap gap-y-1 gap-x-2 items-center text-p4 print:hidden" itemscope itemtype="http://schema.org/BreadcrumbList" data-search="exclude-content">
714            <li class="inline-flex items-center" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
715                    <a href="/" class="relative h-extend-cursor-area-before h-extend-cursor-area-before--vertical group pf-transition-link dark:text-white text-primary-main h-focus-state h-focus-state--offset h-active-state" itemtype="https://schema.org/Thing" itemprop="item">
716                        <span class="pf-button-label group-hover:bg-visible-line" itemprop="name">Accueil</span>
717                    </a>
718                    <span class="text-primary-main dark:text-white inline-block ml-2">
719                        <svg class="h-3 w-3 stroke-current" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none" aria-label="/">
720                            <path d="M3.75 1.875L6.875 5L3.75 8.125" />
721                        </svg>
722                    </span>
723                <meta itemprop="position" content="1" />
724            </li>
725            <li class="inline-flex items-center" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
726                    <a href="/tissu-social/" class="sr-only focus-visible:not-sr-only focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-primary-main dark:focus-visible:ring-white dark:focus-visible:ring-offset-black h-active-state" aria-current="page" itemtype="https://schema.org/Thing" itemprop="item">
727                        <span itemprop="name">Tissu social</span>
728                    </a>
729                <meta itemprop="position" content="2" />
730            </li>
731    </ol>
732
733        </div>
734
735            <h1 class="text-h1.5 @md:text-h1 @4xl:text-d3 @6xl:text-d2 @sm:w-3/4 @4xl:w-1/2 max-w-lg h-print print:text-h1 h-highlight mt-0 mb-6">
736                Tissu social
737            </h1>
738
739
740           <div class="relative h-0 pb-9/21 my-10 xs:my-12 print:hidden">
741                
742    <div class="pf-image relative overflow-hidden h-0 pb-9/21 w-full rounded-2xl">
743        
744<picture>
745        <source media="(min-width: 1920px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1920&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=3840&amp;height=0&amp;format=webp&amp;quality=90 2x" />
746        <source media="(min-width: 1440px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1663&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=3326&amp;height=0&amp;format=webp&amp;quality=90 2x" />
747        <source media="(min-width: 1200px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1259&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=2518&amp;height=0&amp;format=webp&amp;quality=90 2x" />
748        <source media="(min-width: 992px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1049&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=2098&amp;height=0&amp;format=webp&amp;quality=90 2x" />
749        <source media="(min-width: 768px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=871&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1742&amp;height=0&amp;format=webp&amp;quality=90 2x" />
750        <source media="(min-width: 568px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=683&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1366&amp;height=0&amp;format=webp&amp;quality=90 2x" />
751        <source srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=535&amp;height=0&amp;format=webp&amp;quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1070&amp;height=0&amp;format=webp&amp;quality=90 2x" />
752
753        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/camkmzg0/_dsf8295.jpg?rmode=min&amp;width=1920&amp;height=0&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
754</picture>
755
756    </div>
757
758            </div> 
759
760    </div>
761</div>
762
763
764<div class="umb-block-grid"
765     data-grid-columns="12;"
766     style="--umb-block-grid--grid-columns: 12;">
767    
768<div class="umb-block-grid__layout-container">
769        <div
770            class="umb-block-grid__layout-item"
771            data-content-element-type-alias="GridLayoutOneColWide"
772            data-content-element-type-key="23a2a874-6323-42ee-9d4e-404272dd0c8e"
773            data-element-key="1cd0ffe0-44e8-4365-9924-b14cb652451c"
774            data-col-span="12"
775            data-row-span="1"
776            style=" --umb-block-grid--item-column-span: 12;
776 --umb-block-grid--item-row-span: 1; ">
777
778
779<div class="pf-grid-layout relative h-include-margin white bg-layout-background">
780    <div class="pf-grid-layout__content px-layout-x my-14 sm:my-16 lg:my-20 h-print">
781        
782<div class="umb-block-grid__area-container"
783     style="--umb-block-grid--area-grid-columns: 1;">
784
785<div class="umb-block-grid__area"
786     data-area-col-span="1"
787     data-area-row-span="1"
788     data-area-alias="main"
789     style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;">
790    
791<div class="umb-block-grid__layout-container">
792        <div
793            class="umb-block-grid__layout-item"
794            data-content-element-type-alias="BlockPingPongDefault"
795            data-content-element-type-key="183a4707-f0d7-455c-8892-5d4401131e01"
796            data-element-key="5063f231-f52a-40ba-aa1e-de0c64693234"
797            data-col-span="1"
798            data-row-span="1"
799            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
800
801<div class="pf-block @container my-block-y-sm sm:my-block-y print:my-8">
802    
803    <div class="pf-ping-pong @2xl:grid @2xl:grid-flow-col @2xl:auto-cols-fr @2xl:gap-x-8 h-print">
804            <div class="relative mb-3 before:block before:pb-1/1 rounded-2xl overflow-hidden @md:before:pb-1/2 @2xl:before:pb-1/1 @2xl:mb-0 @2xl:order-2 print:hidden">
805                
806    <div class="pf-image absolute inset-0 overflow-hidden h-full w-full">
807        
808<picture>
809        <source media="(min-width: 1920px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1104&amp;height=1104&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=2208&amp;height=2208&amp;quality=90 2x" />
810        <source media="(min-width: 1440px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=816&amp;height=816&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1632&amp;height=1632&amp;quality=90 2x" />
811        <source media="(min-width: 1200px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=615&amp;height=615&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1230&amp;height=1230&amp;quality=90 2x" />
812        <source media="(min-width: 992px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=510&amp;height=510&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1020&amp;height=1020&amp;quality=90 2x" />
813        <source media="(min-width: 768px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=421&amp;height=421&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=842&amp;height=842&amp;quality=90 2x" />
814        <source media="(min-width: 568px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=587&amp;height=328&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1174&amp;height=656&amp;quality=90 2x" />
815        <source srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=535&amp;height=363&amp;quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1070&amp;height=726&amp;quality=90 2x" />
816
817        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&amp;width=1104&amp;height=1104&amp;quality=90" alt="" loading="lazy" />
818</picture>
819
820    </div>
821
822            </div>
823        <div class="relative rounded-2xl secondary-tint bg-layout-background @container @2xl:flex @2xl:flex-col @2xl:justify-center px-8 py-8 @2xl:px-10 @4xl:px-14 @6xl:px-20 h-print">
824            <div class="h-remove-margin">
825
826                <h2 class='h-highlight text-h3 @md:text-h2 mt-0 font-bold'>Portez la cause. Soutenez Centraide.</h2>
827            </div>
828                <div class="h-remove-margin mt-6 text-h6">
829                    <p>Tissu social offre une nouvelle façon concrète de soutenir les organismes communautaires. Derrière chaque vêtement Tissu social, il y a une communauté qui en bénéficie. C'est notre façon de transformer un achat ordinaire en geste solidaire! </p><h3>Derrière la collection, un partenaire qui partage nos valeurs.</h3><p>Ce projet est rendu possible grâce à la collaboration de notre partenaire québécois<strong> Arseno</strong>, qui a souhaité mettre son expertise au service d'une cause sociale.</p>
830                </div>
831                <div class="shrink-0 mt-6 flex flex-wrap gap-y-3 gap-x-8 items-center">
832
833
834        <a class="pf-button group relative pf-button--outline pf-transition-btn    print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://centraide.arseno.qc.ca/" target="_blank">
835        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
836            <span class=" print:not-sr-only print:mr-2">
837                Commandez maintenant
838            </span>
839
840                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
841                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
842                     aria-hidden="true"
843                     width="14"
844                     height="14"
845                     viewBox="0 0 14 14"
846                     fill="none"
847                     xmlns="http://www.w3.org/2000/svg">
848                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
849                </svg>
850
851        </span>
852        </a>
853
854                </div>
855        </div>
856    </div>
857
858</div>        </div>
859</div>
860
861</div>
862</div>
863
864    </div>
865</div>        </div>
866        <div
867            class="umb-block-grid__layout-item"
868            data-content-element-type-alias="BlockSeparator"
869            data-content-element-type-key="cf695575-29f1-4f9c-aad9-64d82c16d670"
870            data-element-key="ca9706fe-8677-4f01-b7d2-06a542a45915"
871            data-col-span="12"
872            data-row-span="1"
873            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
874
875<div class="pf-block my-block-y-sm">
876    <hr class="pf-separator bg-grey-100 dark:bg-grey-700 border-0 h-0 pt-[2px] print:border-b print:p-0 print:my-8" />
877</div>        </div>
878        <div
879            class="umb-block-grid__layout-item"
880            data-content-element-type-alias="GridLayoutTwoColsMainLeft"
881            data-content-element-type-key="8d77c8f9-3e78-4382-bee9-b07de3e388eb"
882            data-element-key="8051b46c-8f5b-474e-a73f-47f872a061af"
883            data-col-span="12"
884            data-row-span="1"
885            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
886
887
888<div class="pf-grid-layout relative h-include-margin white bg-layout-background">
889    <div class="pf-grid-layout__content px-layout-x my-14 sm:my-16 lg:my-20 h-print">
890        
891<div class="umb-block-grid__area-container"
892     style="--umb-block-grid--area-grid-columns: 3;">
893
894<div class="umb-block-grid__area"
895     data-area-col-span="2"
896     data-area-row-span="1"
897     data-area-alias="left"
898     style="--umb-block-grid--grid-columns: 2;--umb-block-grid--area-column-span: 2; --umb-block-grid--area-row-span: 1;">
899    
900<div class="umb-block-grid__layout-container">
901        <div
902            class="umb-block-grid__layout-item"
903            data-content-element-type-alias="BlockTileList2"
904            data-content-element-type-key="7e9c6f42-1f55-4e98-96c5-8a36c6c73e55"
905            data-element-key="96035551-33d7-464e-b951-838dbe80f463"
906            data-col-span="2"
907            data-row-span="1"
908            style=" --umb-block-grid--item-column-span: 2; --umb-block-grid--item-row-span: 1; ">
909
910
911<div class="pf-block @container my-block-y">
912    
913
914        <div class="mb-8 sm:mb-12">
915            
916    <div class="pf-title mx-auto h-print">
917        <div class="max-w-2xl h-remove-margin h-print">
918<h2 class='h-highlight text-h2 @2xl:text-h1 mb-1 mt-0'><span>Tissu social c&#39;est aussi:</span></h2>        </div>
919    </div>
920
921        </div>
922    <ul class="pf-grid flex items-stretch grow flex-wrap -mx-grid-gap-x -my-grid-gap-y pf-grid--small-gap-x pf-grid--small-gap-y h-print print:m-0">
923            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
924                        <div class="@container h-full">
925        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
926                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
927                    
928    <div class="pf-image relative overflow-hidden h-12 w-12">
929        
930<picture>
931        <source media="(min-width: 1920px)" srcset="/media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
932        <source media="(min-width: 1440px)" srcset="/media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
933        <source media="(min-width: 568px)" srcset="/media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
934        <source srcset="/media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
935
936        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/tddpdgaj/icone-qu&#xE9;bec-1.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
937</picture>
938
939    </div>
940
941                </div>
942                <div class="h-remove-margin mb-6">
943<h3 class='mb-2 text-h5 font-bold'>Une confection 100% québécoise</h3>                        <div class="h-remove-margin text-p3"><p>Grâce à notre partenaire local Arseno.</p></div>
944                </div>
945        </div>
946        </div>
947
948
949            </li>
950            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
951                        <div class="@container h-full">
952        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
953                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
954                    
955    <div class="pf-image relative overflow-hidden h-12 w-12">
956        
957<picture>
958        <source media="(min-width: 1920px)" srcset="/media/jfvlinmc/pencilline.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/jfvlinmc/pencilline.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
959        <source media="(min-width: 1440px)" srcset="/media/jfvlinmc/pencilline.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/jfvlinmc/pencilline.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
960        <source media="(min-width: 568px)" srcset="/media/jfvlinmc/pencilline.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/jfvlinmc/pencilline.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
961        <source srcset="/media/jfvlinmc/pencilline.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/jfvlinmc/pencilline.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
962
963        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/jfvlinmc/pencilline.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
964</picture>
965
966    </div>
967
968                </div>
969                <div class="h-remove-margin mb-6">
970<h3 class='mb-2 text-h5 font-bold'>Designé et illustré au Québec</h3>                </div>
971        </div>
972        </div>
973
974
975            </li>
976            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
977                        <div class="@container h-full">
978        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
979                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
980                    
981    <div class="pf-image relative overflow-hidden h-12 w-12">
982        
983<picture>
984        <source media="(min-width: 1920px)" srcset="/media/23eko2px/currencycircledollar.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
985        <source media="(min-width: 1440px)" srcset="/media/23eko2px/currencycircledollar.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
986        <source media="(min-width: 568px)" srcset="/media/23eko2px/currencycircledollar.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
987        <source srcset="/media/23eko2px/currencycircledollar.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
988
989        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/23eko2px/currencycircledollar.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
990</picture>
991
992    </div>
993
994                </div>
995                <div class="h-remove-margin mb-6">
996<h3 class='mb-2 text-h5 font-bold'>100% des profits remis au réseau d'organismes communautaires</h3>                        <div class="h-remove-margin text-p3"><p>Sélectionnez le Centraide de votre choix.&nbsp;</p></div>
997                </div>
998        </div>
999        </div>
1000
1001
1002            </li>
1003            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
1004                        <div class="@container h-full">
1005        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
1006                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
1007                    
1008    <div class="pf-image relative overflow-hidden h-12 w-12">
1009        
1010<picture>
1011        <source media="(min-width: 1920px)" srcset="/media/md5ixfa5/tree.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/md5ixfa5/tree.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
1012        <source media="(min-width: 1440px)" srcset="/media/md5ixfa5/tree.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/md5ixfa5/tree.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
1013        <source media="(min-width: 568px)" srcset="/media/md5ixfa5/tree.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/md5ixfa5/tree.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
1014        <source srcset="/media/md5ixfa5/tree.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/md5ixfa5/tree.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
1015
1016        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/md5ixfa5/tree.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1017</picture>
1018
1019    </div>
1020
1021                </div>
1022                <div class="h-remove-margin mb-6">
1023<h3 class='mb-2 text-h5 font-bold'>Article fabriqué sur commande =</h3>                        <div class="h-remove-margin text-p3"><p><span data-teams="true">moins d'impact environnemental.</span></p></div>
1024                </div>
1025        </div>
1026        </div>
1027
1028
1029            </li>
1030            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
1031                        <div class="@container h-full">
1032        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
1033                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
1034                    
1035    <div class="pf-image relative overflow-hidden h-12 w-12">
1036        
1037<picture>
1038        <source media="(min-width: 1920px)" srcset="/media/n1qmisa0/coathanger.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/n1qmisa0/coathanger.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
1039        <source media="(min-width: 1440px)" srcset="/media/n1qmisa0/coathanger.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/n1qmisa0/coathanger.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
1040        <source media="(min-width: 568px)" srcset="/media/n1qmisa0/coathanger.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/n1qmisa0/coathanger.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
1041        <source srcset="/media/n1qmisa0/coathanger.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/n1qmisa0/coathanger.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
1042
1043        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/n1qmisa0/coathanger.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1044</picture>
1045
1046    </div>
1047
1048                </div>
1049                <div class="h-remove-margin mb-6">
1050<h3 class='mb-2 text-h5 font-bold'>Collection unisexe </h3>                        <div class="h-remove-margin text-p3"><p>Items disponibles en plusieurs tailles et couleurs.</p></div>
1051                </div>
1052        </div>
1053        </div>
1054
1055
1056            </li>
1057            <li class="group-list pf-grid__col mx-grid-gap-x my-grid-gap-y print:mx-0 print:my-4 print:w-full pf-grid__col--col-5">
1058                        <div class="@container h-full">
1059        <div class="pf-tile h-full flex flex-col h-remove-margin bg-layout-opposite rounded-2xl p-8 h-print print:my-4">
1060                <div class="shrink-0 overflow-hidden mb-6 print:hidden">
1061                    
1062    <div class="pf-image relative overflow-hidden h-12 w-12">
1063        
1064<picture>
1065        <source media="(min-width: 1920px)" srcset="/media/uj1lixiv/drop.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90, /media/uj1lixiv/drop.png?rmode=max&amp;width=120&amp;height=120&amp;format=webp&amp;quality=90 2x" />
1066        <source media="(min-width: 1440px)" srcset="/media/uj1lixiv/drop.png?rmode=max&amp;width=48&amp;height=48&amp;format=webp&amp;quality=90, /media/uj1lixiv/drop.png?rmode=max&amp;width=96&amp;height=96&amp;format=webp&amp;quality=90 2x" />
1067        <source media="(min-width: 568px)" srcset="/media/uj1lixiv/drop.png?rmode=max&amp;width=45&amp;height=45&amp;format=webp&amp;quality=90, /media/uj1lixiv/drop.png?rmode=max&amp;width=90&amp;height=90&amp;format=webp&amp;quality=90 2x" />
1068        <source srcset="/media/uj1lixiv/drop.png?rmode=max&amp;width=39&amp;height=39&amp;format=webp&amp;quality=90, /media/uj1lixiv/drop.png?rmode=max&amp;width=78&amp;height=78&amp;format=webp&amp;quality=90 2x" />
1069
1070        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-bottom object-contain" src="/media/uj1lixiv/drop.png?rmode=max&amp;width=60&amp;height=60&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1071</picture>
1072
1073    </div>
1074
1075                </div>
1076                <div class="h-remove-margin mb-6">
1077<h3 class='mb-2 text-h5 font-bold'>Entretien simple</h3>                        <div class="h-remove-margin text-p3"><p>Lavable à la machine à l'eau froide.</p></div>
1078                </div>
1079        </div>
1080        </div>
1081
1082
1083            </li>
1084    </ul>
1085
1086</div>        </div>
1087</div>
1088
1089</div>
1090
1091<div class="umb-block-grid__area"
1092     data-area-col-span="1"
1093     data-area-row-span="1"
1094     data-area-alias="right"
1095     style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;">
1096    
1097<div class="umb-block-grid__layout-container">
1098        <div
1099            class="umb-block-grid__layout-item"
1100            data-content-element-type-alias="BlockSingleImage"
1101            data-content-element-type-key="e36675a0-d960-4843-a147-b6fd8bf3dc89"
1102            data-element-key="8f243cef-0850-4279-aa0c-302eac7780f5"
1103            data-col-span="1"
1104            data-row-span="1"
1105            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
1106
1107<figure class="pf-block @container">
1108    
1109    <div class="pf-image relative overflow-hidden h-auto w-full rounded-2xl">
1110        
1111<picture>
1112        <source media="(min-width: 1920px)" srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=992&amp;height=0&amp;format=webp&amp;quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=1984&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1113        <source media="(min-width: 768px)" srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=768&amp;height=0&amp;format=webp&amp;quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=1536&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1114        <source media="(min-width: 568px)" srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=683&amp;height=0&amp;format=webp&amp;quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=1366&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1115        <source srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=535&amp;height=0&amp;format=webp&amp;quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=1070&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1116
1117        <img class="inline h-auto max-w-full rounded-2xl object-cover" src="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&amp;width=992&amp;height=0&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1118</picture>
1119
1120    </div>
1121
1122</figure>        </div>
1123</div>
1124
1125</div>
1126</div>
1127
1128    </div>
1129</div>        </div>
1130        <div
1131            class="umb-block-grid__layout-item"
1132            data-content-element-type-alias="BlockSeparator"
1133            data-content-element-type-key="cf695575-29f1-4f9c-aad9-64d82c16d670"
1134            data-element-key="f2c3641a-2508-41e5-b2e6-53c84e879701"
1135            data-col-span="12"
1136            data-row-span="1"
1137            style=" --umb-block-grid--item-column-span: 12;
1137 --umb-block-grid--item-row-span: 1; ">
1138
1139<div class="pf-block my-block-y-sm">
1140    <hr class="pf-separator bg-grey-100 dark:bg-grey-700 border-0 h-0 pt-[2px] print:border-b print:p-0 print:my-8" />
1141</div>        </div>
1142        <div
1143            class="umb-block-grid__layout-item"
1144            data-content-element-type-alias="GridLayoutOneColWide"
1145            data-content-element-type-key="23a2a874-6323-42ee-9d4e-404272dd0c8e"
1146            data-element-key="bb25a202-1df0-44f8-9b31-aab7c9c61001"
1147            data-col-span="12"
1148            data-row-span="1"
1149            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
1150
1151
1152<div class="pf-grid-layout relative h-include-margin white bg-layout-background">
1153    <div class="pf-grid-layout__content px-layout-x my-14 sm:my-16 lg:my-20 h-print">
1154        
1155<div class="umb-block-grid__area-container"
1156     style="--umb-block-grid--area-grid-columns: 1;">
1157
1158<div class="umb-block-grid__area"
1159     data-area-col-span="1"
1160     data-area-row-span="1"
1161     data-area-alias="main"
1162     style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;">
1163    
1164<div class="umb-block-grid__layout-container">
1165        <div
1166            class="umb-block-grid__layout-item"
1167            data-content-element-type-alias="BlockPingPongDefault"
1168            data-content-element-type-key="183a4707-f0d7-455c-8892-5d4401131e01"
1169            data-element-key="b2ae6a18-f33e-4b81-aa1b-3b83f0fe17c4"
1170            data-col-span="1"
1171            data-row-span="1"
1172            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
1173
1174<div class="pf-block @container my-block-y-sm sm:my-block-y print:my-8">
1175    
1176    <div class="pf-ping-pong @2xl:grid @2xl:grid-flow-col @2xl:auto-cols-fr @2xl:gap-x-8 h-print">
1177            <div class="relative mb-3 before:block before:pb-1/1 rounded-2xl overflow-hidden @md:before:pb-1/2 @2xl:before:pb-1/1 @2xl:mb-0 @2xl:order-2 print:hidden">
1178                
1179    <div class="pf-image absolute inset-0 overflow-hidden h-full w-full">
1180        
1181<picture>
1182        <source media="(min-width: 1920px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1104&amp;height=1104&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=2208&amp;height=2208&amp;format=webp&amp;quality=90 2x" />
1183        <source media="(min-width: 1440px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=816&amp;height=816&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1632&amp;height=1632&amp;format=webp&amp;quality=90 2x" />
1184        <source media="(min-width: 1200px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=615&amp;height=615&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1230&amp;height=1230&amp;format=webp&amp;quality=90 2x" />
1185        <source media="(min-width: 992px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=510&amp;height=510&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1020&amp;height=1020&amp;format=webp&amp;quality=90 2x" />
1186        <source media="(min-width: 768px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=421&amp;height=421&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=842&amp;height=842&amp;format=webp&amp;quality=90 2x" />
1187        <source media="(min-width: 568px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=587&amp;height=328&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1174&amp;height=656&amp;format=webp&amp;quality=90 2x" />
1188        <source srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=535&amp;height=363&amp;format=webp&amp;quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1070&amp;height=726&amp;format=webp&amp;quality=90 2x" />
1189
1190        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&amp;width=1104&amp;height=1104&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1191</picture>
1192
1193    </div>
1194
1195            </div>
1196        <div class="relative rounded-2xl secondary-tint bg-layout-background @container @2xl:flex @2xl:flex-col @2xl:justify-center px-8 py-8 @2xl:px-10 @4xl:px-14 @6xl:px-20 h-print">
1197            <div class="h-remove-margin">
1198
1199                <h2 class='h-highlight text-h3 @md:text-h2 mt-0 font-bold'>
1199Une boutique qui fait du bien</h2>
1200            </div>
1201                <div class="h-remove-margin mt-6 text-h6">
1202                    <p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">L'idée est née d'une généreuse proposition d'Arseno, un partenaire de Centraide aux fortes valeurs philanthropiques, qui a voulu mettre son savoir-faire au service de la cause. Derrière cette initiative, trois femmes convaincues que les entreprises ont une responsabilité envers leur communauté : <strong>Camille Arsenault, Jessica Côté et Sarah Couture</strong>.</p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Pour les copropriétaires d'Arseno et coprésidentes de notre campagne annuelle 2026, redonner dépasse le simple geste philanthropique. C'est une conviction profonde, celle que chaque action concrète contribue à tisser un filet social plus solide pour toute la région.</p>
1203                </div>
1204                <div class="shrink-0 mt-6 flex flex-wrap gap-y-3 gap-x-8 items-center">
1205
1206
1207        <a class="pf-button group relative pf-button--outline pf-transition-btn    print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://centraide-bsl.com/blogue/visage-centraide-copresidence-2025/" target="_blank">
1208        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
1209            <span class=" print:not-sr-only print:mr-2">
1210                En savoir plus sur nos copr&#xE9;sidentes
1211            </span>
1212
1213                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
1214                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
1215                     aria-hidden="true"
1216                     width="14"
1217                     height="14"
1218                     viewBox="0 0 14 14"
1219                     fill="none"
1220                     xmlns="http://www.w3.org/2000/svg">
1221                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
1222                </svg>
1223
1224        </span>
1225        </a>
1226
1227                </div>
1228        </div>
1229    </div>
1230
1231</div>        </div>
1232</div>
1233
1234</div>
1235</div>
1236
1237    </div>
1238</div>        </div>
1239        <div
1240            class="umb-block-grid__layout-item"
1241            data-content-element-type-alias="BlockSeparator"
1242            data-content-element-type-key="cf695575-29f1-4f9c-aad9-64d82c16d670"
1243            data-element-key="cfc359ea-91f6-41c9-b1bd-69cedb56f8f6"
1244            data-col-span="12"
1245            data-row-span="1"
1246            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
1247
1248<div class="pf-block my-block-y-sm">
1249    <hr class="pf-separator bg-grey-100 dark:bg-grey-700 border-0 h-0 pt-[2px] print:border-b print:p-0 print:my-8" />
1250</div>        </div>
1251        <div
1252            class="umb-block-grid__layout-item"
1253            data-content-element-type-alias="GridLayoutTwoColsMainLeft"
1254            data-content-element-type-key="8d77c8f9-3e78-4382-bee9-b07de3e388eb"
1255            data-element-key="bced74e3-c438-4da5-91ad-2b9ae4869e6f"
1256            data-col-span="12"
1257            data-row-span="1"
1258            style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; ">
1259
1260
1261<div class="pf-grid-layout relative h-include-margin white bg-layout-background">
1262    <div class="pf-grid-layout__content px-layout-x my-14 sm:my-16 lg:my-20 h-print">
1263        
1264<div class="umb-block-grid__area-container"
1265     style="--umb-block-grid--area-grid-columns: 3;">
1266
1267<div class="umb-block-grid__area"
1268     data-area-col-span="2"
1269     data-area-row-span="1"
1270     data-area-alias="left"
1271     style="--umb-block-grid--grid-columns: 2;--umb-block-grid--area-column-span: 2; --umb-block-grid--area-row-span: 1;">
1272    
1273<div class="umb-block-grid__layout-container">
1274        <div
1275            class="umb-block-grid__layout-item"
1276            data-content-element-type-alias="BlockMedias"
1277            data-content-element-type-key="89f8c6e2-343d-4b9b-9884-6f522ec7a475"
1278            data-element-key="7c056bae-435a-4a41-8213-e9eef04abc76"
1279            data-col-span="2"
1280            data-row-span="1"
1281            style=" --umb-block-grid--item-column-span: 2; --umb-block-grid--item-row-span: 1; ">
1282
1283<div class="pf-block @container">
1284    
1285
1286    <div class="pf-media">
1287
1288
1289
1290<ul class="grid grid-cols-4 gap-4 print:hidden">
1291            <li class="relative  col-span-3 row-span-2 after:pb-3/4 after:w-full after:block">
1292                
1293    <div class="pf-image absolute inset-0 overflow-hidden h-full w-full rounded-2xl">
1294        
1295<picture>
1296        <source media="(min-width: 1440px)" srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=1480&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1297        <source media="(min-width: 768px)" srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=572&amp;height=0&amp;format=webp&amp;quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=1144&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1298        <source media="(min-width: 568px)" srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=509&amp;height=0&amp;format=webp&amp;quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=1018&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1299        <source srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=398&amp;height=0&amp;format=webp&amp;quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=796&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1300
1301        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1302</picture>
1303
1304    </div>
1305
1306            </li>
1307            <li class="relative  col-span-1">
1308                
1309    <div class="pf-image absolute inset-0 overflow-hidden h-full w-full rounded-2xl">
1310        
1311<picture>
1312        <source media="(min-width: 1440px)" srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=1480&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1313        <source media="(min-width: 768px)" srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=572&amp;height=0&amp;format=webp&amp;quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=1144&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1314        <source media="(min-width: 568px)" srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=509&amp;height=0&amp;format=webp&amp;quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=1018&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1315        <source srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=398&amp;height=0&amp;format=webp&amp;quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=796&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1316
1317        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1318</picture>
1319
1320    </div>
1321
1322            </li>
1323            <li class="relative  col-span-1">
1324                
1325    <div class="pf-image absolute inset-0 overflow-hidden h-full w-full rounded-2xl">
1326        
1327<picture>
1328        <source media="(min-width: 1440px)" srcset="/media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90, /media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=1480&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1329        <source media="(min-width: 768px)" srcset="/media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=572&amp;height=0&amp;format=webp&amp;quality=90, /media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=1144&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1330        <source media="(min-width: 568px)" srcset="/media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=509&amp;height=0&amp;format=webp&amp;quality=90, /media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=1018&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1331        <source srcset="/media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=398&amp;height=0&amp;format=webp&amp;quality=90, /media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=796&amp;height=0&amp;format=webp&amp;quality=90 2x" />
1332
1333        <img class="w-full h-full absolute print:static print:w-auto print:h-auto print:max-w-full object-cover" src="/media/juah0v3z/carr&#xE9;-boutique-merch-2026-tuque.jpg?rmode=min&amp;width=740&amp;height=0&amp;format=webp&amp;quality=90" alt="" loading="lazy" />
1334</picture>
1335
1336    </div>
1337
1338            </li>
1339</ul>
1340
1341
1342    </div>
1343
1344
1345</div>        </div>
1346</div>
1347
1348</div>
1349
1350<div class="umb-block-grid__area"
1351     data-area-col-span="1"
1352     data-area-row-span="1"
1353     data-area-alias="right"
1354     style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;">
1355    
1356<div class="umb-block-grid__layout-container">
1357        <div
1358            class="umb-block-grid__layout-item"
1359            data-content-element-type-alias="BlockText"
1360            data-content-element-type-key="ba470f4e-4fac-4f48-8a58-17b7dcee03a9"
1361            data-element-key="62c85eeb-b56d-4a43-9f62-b176ffac4a83"
1362            data-col-span="1"
1363            data-row-span="1"
1364            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
1365
1366<div class="pf-block @container h-remove-margin">
1367    <div style="font-family: &quot;Playfair Display&quot;, serif; background-color: rgb(237, 248, 246); padding: 20px; border-radius: 15px;"><span style="font-size: 30px; display: block; text-align: center; margin-bottom: 15px;">MANIFESTE</span><img src="/media/lzqbowq0/petit-logo-fond-transparent.png" alt="Logo Tissu Social" style="display: block; margin: 0px auto 15px; width: 150px;"><span style="font-size: 20px; display: block;">Au cœur de nos quartiers, une promesse se lève. Personne n'est laissé sur le pas de la porte. Nous rassemblons des forces, des élans et des mains. Une seule mesure, la collectivité. Là où le froid pèse, nous gardons la lumière. Là ou la voix tremble, nous ouvrons l'espace. Point par point, fil par fil, nous renforç
1367ons le tissu social.</span></div>
1368</div>        </div>
1369        <div
1370            class="umb-block-grid__layout-item"
1371            data-content-element-type-alias="BlockTable"
1372            data-content-element-type-key="bb31bf6f-dea8-4729-88d5-ef3fe09973f9"
1373            data-element-key="7d0d38d9-2718-47da-9e7f-76628e938492"
1374            data-col-span="1"
1375            data-row-span="1"
1376            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
1377
1378<div class="pf-block @container">
1379    
1380    <div class="pf-table h-remove-margin">
1381<h2 class='h-highlight text-h3 font-bold'>Calendrier des commandes</h2>
1382
1383            <div class="block overflow-x-auto w-full">
1384                <table class="text-p2 max-w-full w-full border-collapse">
1385                        <thead>
1386                            <tr>
1387                                    <th class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-middle border-b-2 border-black dark:border-white font-bold leading-tight">
1388                                        Période de commande
1389                                    </th>
1390                                    <th class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-middle border-b-2 border-black dark:border-white font-bold leading-tight">
1391                                        Semaine de livraison
1392                                    </th>
1393                            </tr>
1394                        </thead>
1395
1396                    <tbody>
1397                            <tr class="odd:bg-layout-opposite hover:bg-secondary-tint dark:odd:bg-black/20 transition-colors duration-100 ease-in-out dark:hover:bg-black/50">
1398                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1399                                        24 août au 21 septembre
1400                                    </td>
1401                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1402                                        Semaine du 12 octobre
1403                                    </td>
1404                            </tr>
1405                            <tr class="odd:bg-layout-opposite hover:bg-secondary-tint dark:odd:bg-black/20 transition-colors duration-100 ease-in-out dark:hover:bg-black/50">
1406                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1407                                        22 septembre au 19 octobre
1408                                    </td>
1409                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1410                                        Semaine du 23 novembre
1411                                    </td>
1412                            </tr>
1413                            <tr class="odd:bg-layout-opposite hover:bg-secondary-tint dark:odd:bg-black/20 transition-colors duration-100 ease-in-out dark:hover:bg-black/50">
1414                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1415                                        20 octobre au 23 novembre
1416                                    </td>
1417                                    <td class="py-4 pr-6 pl-0 last:pr-0 first:pl-4 last:pr-4 min-w-24 align-top">
1418                                        Semaine du 14 décembre
1419                                    </td>
1420                            </tr>
1421                    </tbody>
1422
1423                </table>
1424            </div>
1425    </div>
1426
1427</div>        </div>
1428        <div
1429            class="umb-block-grid__layout-item"
1430            data-content-element-type-alias="BlockButton"
1431            data-content-element-type-key="01410888-6391-4231-8871-9479a3d50029"
1432            data-element-key="bf8fabc9-c3e8-4958-a4a1-fdc635f75587"
1433            data-col-span="1"
1434            data-row-span="1"
1435            style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; ">
1436
1437<div class="pf-block @container text-center print:text-left">
1438    
1439
1440        <a class="pf-button group relative pf-button--primary pf-transition-btn    print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://centraide.arseno.qc.ca/" target="_blank">
1441        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
1442            <span class=" print:not-sr-only print:mr-2">
1443                Commandez maintenant
1444            </span>
1445
1446                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
1447                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
1448                     aria-hidden="true"
1449                     width="14"
1450                     height="14"
1451                     viewBox="0 0 14 14"
1452                     fill="none"
1453                     xmlns="http://www.w3.org/2000/svg">
1454                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
1455                </svg>
1456
1457        </span>
1458        </a>
1459
1460
1461</div>        </div>
1462</div>
1463
1464</div>
1465</div>
1466
1467    </div>
1468</div>        </div>
1469</div>
1470
1471</div>
1472
1473
1474        </main>
1475
1476
1477
1478    <footer class="@container h-include-margin relative print:hidden">
1479        <div class="px-layout-x mt-12 mb-20 sm:mt-16 h-remove-margin">
1480                <nav class="mb-12 sm:mb-16 lg:mb-20" aria-label="Primaire">
1481                    <ul class="mb-0">
1482                            <li>
1483                               
1484    <a href="/sengager/participer-a-la-campagne/" class="pf-link-box no-underline block h-focus-state h-focus-state--offset">
1485        <div class="group flex gap-x-2 items-center justify-between cursor-pointer relative border-b border-black dark:border-white py-8">
1486
1487            <div class="relative flex items-center gap-x-4">
1488                <div class="h-remove-margin">
1489                    <h2 class='text-h2 @xl:text-h1 @4xl:text-d3 leading-tight font-medium my-0 mr-6 transition-colors ease-in-out duration-300 group-hover:text-primary-main dark:group-hover:text-primary-tint'>Je veux donner</h2>
1490                </div>
1491            </div>
1492
1493            <div class="shrink-0 flex items-center justify-center relative text-primary-main dark:text-white transition-transform ease-in-out duration-300 motion-safe:group-hover:scale-125 print:text-black dark:print:text-black">
1494                    <svg class="stroke-current h-12 sm:h-16 w-12 sm:w-16" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1495                        <path d="M5.625 18H30.375" stroke-width="1.5" />
1496                        <path d="M20.25 7.875L30.375 18L20.25 28.125" stroke-width="1.5" />
1497                    </svg>
1498            </div>
1499        </div>
1500    </a>
1501
1502                            </li>
1503                            <li>
1504                               
1505    <a href="/sinformer/" class="pf-link-box no-underline block h-focus-state h-focus-state--offset">
1506        <div class="group flex gap-x-2 items-center justify-between cursor-pointer relative border-b border-black dark:border-white py-8">
1507
1508            <div class="relative flex items-center gap-x-4">
1509                <div class="h-remove-margin">
1510                    <h2 class='text-h2 @xl:text-h1 @4xl:text-d3 leading-tight font-medium my-0 mr-6 transition-colors ease-in-out duration-300 group-hover:text-primary-main dark:group-hover:text-primary-tint'>Je veux m'informer</h2>
1511                </div>
1512            </div>
1513
1514            <div class="shrink-0 flex items-center justify-center relative text-primary-main dark:text-white transition-transform ease-in-out duration-300 motion-safe:group-hover:scale-125 print:text-black dark:print:text-black">
1515                    <svg class="stroke-current h-12 sm:h-16 w-12 sm:w-16" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
1516                        <path d="M5.625 18H30.375" stroke-width="1.5" />
1517                        <path d="M20.25 7.875L30.375 18L20.25 28.125" stroke-width="1.5" />
1518                    </svg>
1519            </div>
1520        </div>
1521    </a>
1522
1523                            </li>
1524                    </ul>
1525                </nav>
1526            <div class="secondary-light bg-secondary-tint rounded-2xl mb-12 lg:mb-14 flex flex-col sm:flex-row">
1527                <div class="px-8 py-12 sm:p-12 grow h-remove-margin">
1528                        <h2>La voix sociale - Infolettre Centraide</h2>
1529                        <div class="h-remove-margin text-h6 max-w-4xl"><p>Recevez des nouvelles, des conseils, des histoires inspirantes, des façons de vous impliquer ainsi que des ressources pour qu'ensemble, on réussisse à réduire la pauvreté et les inégalités sociales.</p></div>
1530                        <div class="mt-8">
1531                            
1532
1533        <a class="pf-button group relative pf-button--outline pf-transition-btn    print:text-black print:dark:text-black h-focus-state h-focus-state--offset" href="https://communications.centraide-quebec.com/T/WF/21188/BCeyUy/Optin/fr-CA/Form.ofsys" target="_blank">
1534        <span class="flex relative items-center justify-center h-full pf-button-label print:inline">
1535            <span class=" print:not-sr-only print:mr-2">
1536                S&#x27;inscrire
1537            </span>
1538
1539                <span class="sr-only block">Ouvrir dans un nouvel onglet</span>
1540                <svg class="shrink-0 flex items-center justify-center w-3 h-3 ml-2.5 fill-current print:hidden"
1541                     aria-hidden="true"
1542                     width="14"
1543                     height="14"
1544                     viewBox="0 0 14 14"
1545                     fill="none"
1546                     xmlns="http://www.w3.org/2000/svg">
1547                    <path d="m1 0.33398c-0.36812 0-0.66602 0.29789-0.66602 0.66602v12c0 0.1769 0.070306 0.3457 0.19531 0.4707 0.12501 0.125 0.29383 0.19531 0.4707 0.19531h12c0.1768 0 0.34766-0.070313 0.47266-0.19531s0.19531-0.2938 0.19531-0.4707v-6c0-0.17688-0.070313-0.34571-0.19531-0.4707s-0.29586-0.19531-0.47266-0.19531c-0.3682 0-0.66602 0.29789-0.66602 0.66602v5.332h-10.666v-10.666h5.332c0.36813 0 0.66797-0.29788 0.66797-0.66602 0-0.36813-0.29984-0.66602-0.66797-0.66602h-6zm8.668 0c-0.36812 0-0.66602 0.29789-0.66602 0.66602 0 0.36813 0.2979 0.66602 0.66602 0.66602h1.7246l-4.8633 4.8633c-0.12875 0.12437-0.20126 0.29393-0.20312 0.47266-0.00125 0.17875 0.068432 0.35031 0.19531 0.47656 0.12625 0.12688 0.29781 0.19852 0.47656 0.19727 0.17875-0.00187 0.35024-0.076338 0.47461-0.20508l4.8613-4.8613v1.7227c0 0.36813 0.29987 0.66797 0.66797 0.66797 0.3682 0 0.66602-0.29984 0.66602-0.66797v-3.332c-6e-4 -0.26938-0.16271-0.5121-0.41211-0.61523-0.0807-0.033124-0.16641-0.050157-0.25391-0.050781h-3.334z" />
1548                </svg>
1549
1550        </span>
1551        </a>
1552
1553
1554                        </div>
1555                </div>
1556                <div class="rounded-b-2xl sm:rounded-b-none sm:rounded-r-2xl bg-secondary-wash p-8 sm:px-16">
1557                    
1558
1559    <nav aria-label="M&#xE9;dia sociaux">
1560        <ul class="mb-0 flex justify-center sm:flex-col gap-8 sm:gap-6 items-center">
1561                <li>
1562                    <a class="h-extend-cursor-area h-extend-cursor-area--square block relative w-10 h-10 flex items-center justify-center transition duration-300 ease-in-out motion-safe:hover:scale-125 motion-reduce:hover:opacity-70 h-focus-state h-active-state" href="https://www.facebook.com/centraidebsl" target="_blank" title="Facebook">
1563                        <svg class="shrink-0 w-10 h-10 stroke-current" aria-label="Facebook" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
1564                            <path d="M20 34.7812C28.2325 34.7812 34.9062 28.1075 34.9062 19.875C34.9062 11.6425 28.2325 4.96875 20 4.96875C11.7675 4.96875 5.09375 11.6425 5.09375 19.875C5.09375 28.1075 11.7675 34.7812 20 34.7812Z"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1565                            <path d="M26.211 13.6641H23.7266C23.2366 13.662 22.7511 13.757 22.2981 13.9436C21.845 14.1301 21.4334 14.4045 21.0869 14.751C20.7405 15.0975 20.4661 15.5091 20.2795 15.9621C20.093 16.4152 19.998 16.9007 20 17.3907V34.7813"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1566                            <path d="M15.0312 22.3594H24.9688"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1567                        </svg>
1568                    </a>
1569                </li>
1570                <li>
1571                    <a class="h-extend-cursor-area h-extend-cursor-area--square block relative w-10 h-10 flex items-center justify-center transition duration-300 ease-in-out motion-safe:hover:scale-125 motion-reduce:hover:opacity-70 h-focus-state h-active-state" href="https://ca.linkedin.com/company/centraide-bas-saint-laurent" target="_blank" title="LinkedIn">
1572                        <svg class="shrink-0 w-10 h-10 stroke-current" aria-label="LinkedIn" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
1573                            <path d="M33.043 5.67316H6.95703C6.27099 5.67316 5.71484 6.2293 5.71484 6.91534V33.0013C5.71484 33.6873 6.27099 34.2435 6.95703 34.2435H33.043C33.729 34.2435 34.2852 33.6873 34.2852 33.0013V6.91534C34.2852 6.2293 33.729 5.67316 33.043 5.67316Z"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1574                            <path d="M18.7578 17.4739V27.4114"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1575                            <path d="M13.7891 17.4739V27.4114"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1576                            <path d="M18.7578 21.8216C18.7578 20.6685 19.2159 19.5627 20.0312 18.7473C20.8466 17.932 21.9524 17.4739 23.1055 17.4739C24.2585 17.4739 25.3644 17.932 26.1797 18.7473C26.9951 19.5627 27.4531 20.6685 27.4531 21.8216V27.4114"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1577                            <path d="M13.7891 14.0579C14.6466 14.0579 15.3418 13.3627 15.3418 12.5052C15.3418 
157711.6476 14.6466 10.9525 13.7891 10.9525C12.9315 10.9525 12.2363 11.6476 12.2363 12.5052C12.2363 13.3627 12.9315 14.0579 13.7891 14.0579Z" fill="black" />
1578                        </svg>
1579                    </a>
1580                </li>
1581                <li>
1582                    <a class="h-extend-cursor-area h-extend-cursor-area--square block relative w-10 h-10 flex items-center justify-center transition duration-300 ease-in-out motion-safe:hover:scale-125 motion-reduce:hover:opacity-70 h-focus-state h-active-state" href="https://www.youtube.com/@centraidebas-saint-laurent7817" target="_blank" title="Youtube">
1583                        <svg class="shrink-0 w-10 h-10 stroke-current" aria-label="Youtube" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
1584                            <path d="M24.9688 20.0417L17.5156 15.0729V25.0104L24.9688 20.0417Z"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1585                            <path d="M3.85156 20.0427C3.85156 24.6699 4.33291 27.3716 4.69004 28.7691C4.78851 29.1483 4.97472 29.499 5.23365 29.793C5.49257 30.087 5.81697 30.316 6.18066 30.4616C11.3823 32.4491 20 32.4025 20 32.4025C20 32.4025 28.6177 32.4491 33.8193 30.4616C34.183 30.316 34.5074 30.087 34.7664 29.793C35.0253 29.499 35.2115 29.1483 35.31 28.7691C35.6671 27.3716 36.1484 24.6699 36.1484 20.0427C36.1484 15.4156 35.6671 12.7138 35.31 11.3164C35.2115 10.9372 35.0253 10.5865 34.7664 10.2925C34.5074 9.99848 34.183 9.76946 33.8193 9.62387C28.6177 7.63637 20 7.68295 20 7.68295C20 7.68295 11.3823 7.63637 6.18066 9.62387C5.81697 9.76946 5.49257 9.99848 5.23365 10.2925C4.97472 10.5865 4.78851 10.9372 4.69004 11.3164C4.33291 12.7138 3.85156 15.4156 3.85156 20.0427Z"  stroke-width="1.86328" stroke-linecap="round" stroke-linejoin="round" />
1586                        </svg>
1587                    </a>
1588                </li>
1589        </ul>
1590    </nav>
1591
1592                </div>
1593            </div>
1594
1595            <div class="grid grid-cols-2 lg:grid-cols-4 gap-12 sm:gap-x-16">
1596                <nav class="col-span-2 lg:col-span-2" aria-label="">
1597                    <ul class="mb-0 @md:columns-2 @md:gap-x-12 sm:gap-x-16">
1598                                <li class="mb-6 inline-block w-full">
1599                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/sengager/">
1600                                        <span class="group-hover:bg-visible-line pf-button-label">S&#x27;engager</span>
1601                                    </a>
1602                                </li>
1603                                <li class="mb-6 inline-block w-full">
1604                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/sinformer/">
1605                                        <span class="group-hover:bg-visible-line pf-button-label">S&#x27;informer</span>
1606                                    </a>
1607                                </li>
1608                                <li class="mb-6 inline-block w-full">
1609                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/notre-impact/">
1610                                        <span class="group-hover:bg-visible-line pf-button-label">Notre impact</span>
1611                                    </a>
1612                                </li>
1613                                <li class="mb-6 inline-block w-full">
1614                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/a-propos/">
1615                                        <span class="group-hover:bg-visible-line pf-button-label">&#xC0; propos</span>
1616                                    </a>
1617                                </li>
1618                                <li class="mb-6 inline-block w-full">
1619                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/faq/">
1620                                        <span class="group-hover:bg-visible-line pf-button-label">FAQ</span>
1621                                    </a>
1622                                </li>
1623                                <li class="mb-6 inline-block w-full">
1624                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/medias/">
1625                                        <span class="group-hover:bg-visible-line pf-button-label">M&#xE9;dias</span>
1626                                    </a>
1627                                </li>
1628                                <li class="mb-6 inline-block w-full">
1629                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/blogue/">
1630                                        <span class="group-hover:bg-visible-line pf-button-label">Blogue</span>
1631                                    </a>
1632                                </li>
1633                                <li class="mb-6 inline-block w-full">
1634                                    <a class="text-p2 font-bold pf-transition-link group h-extend-cursor-area relative h-focus-state h-focus-state--offset h-active-state" href="/politique-de-confidentialite/">
1635                                        <span class="group-hover:bg-visible-line pf-button-label">Politique de confidentialit&#xE9;</span>
1636                                    </a>
1637                                </li>
1638                    </ul>
1639                </nav>
1640                <div class="col-span-2 @2xl:col-span-1 h-remove-margin">
1641                </div>
1642                <div class="col-span-1">
1643                        <a href="/"
1644                           class="w-[209px] h-[77px] inline-block h-focus-state h-active-state">
1645                            <img width="209" height="77.09" src="/dist/assets/logos/logo-bsl.svg" class="dark:invert" alt="Accueil" />
1646                        </a>
1647                        <div class="text-p3 h-remove-margin relative left-[72px] mt-6"><p>101, rue Lavoie, bureau 10<br>Rimouski (Québec) G5L 5Y2<br><a href="tel:4187755555">418 775-5555</a></p></div>
1648                </div>
1649            </div>
1650        </div>
1651
1652        <a class="absolute z-10 flex items-end bottom-4 right-4 leading-tight text-right text-[10px] text-grey-700 dark:text-primary-wash h-focus-state h-focus-state--offset h-active-state" href="https://www.sigmund.ca/" target="_blank" rel="nofollow">
1653            <span>Une réalisation<br/>de Sigmund</span>
1654        </a>
1655    </footer>
1656
1657    </div>
1658
1659    
1660
1661    
1661<script src="/dist/runtime.js?v=639266828800000000"></script>
vendor: 1 bytes, line 1661
1661
1662<script src="/dist/header.js?v=639266828800000000"></script>
vendor: 1 bytes, line 1662
1662
1663<script src="/dist/drawer.js?v=639266828800000000"></script>
1663
1664
1665
1666    
1667
1668<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" nonce="1ZV/yG+wXnoUuDsji0NRAQ==" data-cf-beacon='{"version":"2024.11.0","token":"95adc3cbae914d77902efe27c0f4066c","r":1,"spa":2}' crossorigin="anonymous"></script>
1668
1669</body>
1670</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.