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ç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. Offert pour une temps limité." /> 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ç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. Offert pour une temps limité." /> 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+wXnoUuDsji0NRAQ=="></script> 57
57<script type="text/javascript" nonce="1ZV/yG+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+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+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'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'engager</span>
162 <span class="sr-only" data-submenu-label-close>Fermer le sous-menu S'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'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 à 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éné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'ici organisent des campagnes en milieu de travail qui favorise la cohésion d'équipe tout en favorisant le mieux-être de la communauté.</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é en faisant un don personnel à 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és</span> 224 </h2> 225 <p class="text-p3">En planifiant un don à Centraide, vous nous permettez de poursuivre notre travail pendant plusieurs géné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'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'informer</span> 247 <span class="sr-only" data-submenu-label-close>Fermer le sous-menu S'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'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é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é</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">À 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 À propos</span> 346 <span class="sr-only" data-submenu-label-close>Fermer le sous-menu À 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">À 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 à la communauté et é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">Équipe béné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è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&utm_medium=organic&utm_source=web&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&utm_medium=organic&utm_source=web&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'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'engager</span> 491 <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir S'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 à 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éné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'ici organisent des campagnes en milieu de travail qui favorise la cohésion d'équipe tout en favorisant le mieux-être de la communauté.</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é en faisant un don personnel à 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és</span> 546 </h2> 547 <p class="text-p3">En planifiant un don à Centraide, vous nous permettez de poursuivre notre travail pendant plusieurs géné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'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'informer</span> 572 <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir S'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é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é</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">À 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 À propos</span> 663 <span class="sr-only hidden" data-drawer-label-close data-toggle-btn-label>Fermer le tiroir À 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 à la communauté et é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">Équipe béné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è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&width=1920&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=3840&height=0&format=webp&quality=90 2x" /> 746 <source media="(min-width: 1440px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=1663&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=3326&height=0&format=webp&quality=90 2x" /> 747 <source media="(min-width: 1200px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=1259&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=2518&height=0&format=webp&quality=90 2x" /> 748 <source media="(min-width: 992px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=1049&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=2098&height=0&format=webp&quality=90 2x" /> 749 <source media="(min-width: 768px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=871&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=1742&height=0&format=webp&quality=90 2x" /> 750 <source media="(min-width: 568px)" srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=683&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=1366&height=0&format=webp&quality=90 2x" /> 751 <source srcset="/media/camkmzg0/_dsf8295.jpg?rmode=min&width=535&height=0&format=webp&quality=90, /media/camkmzg0/_dsf8295.jpg?rmode=min&width=1070&height=0&format=webp&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&width=1920&height=0&format=webp&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&width=1104&height=1104&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=2208&height=2208&quality=90 2x" /> 810 <source media="(min-width: 1440px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=816&height=816&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=1632&height=1632&quality=90 2x" /> 811 <source media="(min-width: 1200px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=615&height=615&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=1230&height=1230&quality=90 2x" /> 812 <source media="(min-width: 992px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=510&height=510&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=1020&height=1020&quality=90 2x" /> 813 <source media="(min-width: 768px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=421&height=421&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=842&height=842&quality=90 2x" /> 814 <source media="(min-width: 568px)" srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=587&height=328&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=1174&height=656&quality=90 2x" /> 815 <source srcset="/media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=535&height=363&quality=90, /media/2zdijmoo/copie-de-template-gif-1080-x-1080.gif?rmode=min&width=1070&height=726&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&width=1104&height=1104&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'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ébec-1.png?rmode=max&width=60&height=60&format=webp&quality=90, /media/tddpdgaj/icone-québec-1.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 932 <source media="(min-width: 1440px)" srcset="/media/tddpdgaj/icone-québec-1.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/tddpdgaj/icone-québec-1.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 933 <source media="(min-width: 568px)" srcset="/media/tddpdgaj/icone-québec-1.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/tddpdgaj/icone-québec-1.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 934 <source srcset="/media/tddpdgaj/icone-québec-1.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/tddpdgaj/icone-québec-1.png?rmode=max&width=78&height=78&format=webp&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ébec-1.png?rmode=max&width=60&height=60&format=webp&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&width=60&height=60&format=webp&quality=90, /media/jfvlinmc/pencilline.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 959 <source media="(min-width: 1440px)" srcset="/media/jfvlinmc/pencilline.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/jfvlinmc/pencilline.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 960 <source media="(min-width: 568px)" srcset="/media/jfvlinmc/pencilline.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/jfvlinmc/pencilline.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 961 <source srcset="/media/jfvlinmc/pencilline.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/jfvlinmc/pencilline.png?rmode=max&width=78&height=78&format=webp&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&width=60&height=60&format=webp&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&width=60&height=60&format=webp&quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 985 <source media="(min-width: 1440px)" srcset="/media/23eko2px/currencycircledollar.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 986 <source media="(min-width: 568px)" srcset="/media/23eko2px/currencycircledollar.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 987 <source srcset="/media/23eko2px/currencycircledollar.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/23eko2px/currencycircledollar.png?rmode=max&width=78&height=78&format=webp&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&width=60&height=60&format=webp&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. </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&width=60&height=60&format=webp&quality=90, /media/md5ixfa5/tree.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 1012 <source media="(min-width: 1440px)" srcset="/media/md5ixfa5/tree.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/md5ixfa5/tree.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 1013 <source media="(min-width: 568px)" srcset="/media/md5ixfa5/tree.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/md5ixfa5/tree.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 1014 <source srcset="/media/md5ixfa5/tree.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/md5ixfa5/tree.png?rmode=max&width=78&height=78&format=webp&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&width=60&height=60&format=webp&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&width=60&height=60&format=webp&quality=90, /media/n1qmisa0/coathanger.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 1039 <source media="(min-width: 1440px)" srcset="/media/n1qmisa0/coathanger.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/n1qmisa0/coathanger.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 1040 <source media="(min-width: 568px)" srcset="/media/n1qmisa0/coathanger.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/n1qmisa0/coathanger.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 1041 <source srcset="/media/n1qmisa0/coathanger.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/n1qmisa0/coathanger.png?rmode=max&width=78&height=78&format=webp&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&width=60&height=60&format=webp&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&width=60&height=60&format=webp&quality=90, /media/uj1lixiv/drop.png?rmode=max&width=120&height=120&format=webp&quality=90 2x" /> 1066 <source media="(min-width: 1440px)" srcset="/media/uj1lixiv/drop.png?rmode=max&width=48&height=48&format=webp&quality=90, /media/uj1lixiv/drop.png?rmode=max&width=96&height=96&format=webp&quality=90 2x" /> 1067 <source media="(min-width: 568px)" srcset="/media/uj1lixiv/drop.png?rmode=max&width=45&height=45&format=webp&quality=90, /media/uj1lixiv/drop.png?rmode=max&width=90&height=90&format=webp&quality=90 2x" /> 1068 <source srcset="/media/uj1lixiv/drop.png?rmode=max&width=39&height=39&format=webp&quality=90, /media/uj1lixiv/drop.png?rmode=max&width=78&height=78&format=webp&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&width=60&height=60&format=webp&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&width=992&height=0&format=webp&quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=1984&height=0&format=webp&quality=90 2x" /> 1113 <source media="(min-width: 768px)" srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=768&height=0&format=webp&quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=1536&height=0&format=webp&quality=90 2x" /> 1114 <source media="(min-width: 568px)" srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=683&height=0&format=webp&quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=1366&height=0&format=webp&quality=90 2x" /> 1115 <source srcset="/media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=535&height=0&format=webp&quality=90, /media/icjce20z/centraide_tissusocial_kv_social.jpg?rmode=max&width=1070&height=0&format=webp&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&width=992&height=0&format=webp&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&width=1104&height=1104&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=2208&height=2208&format=webp&quality=90 2x" /> 1183 <source media="(min-width: 1440px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=816&height=816&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=1632&height=1632&format=webp&quality=90 2x" /> 1184 <source media="(min-width: 1200px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=615&height=615&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=1230&height=1230&format=webp&quality=90 2x" /> 1185 <source media="(min-width: 992px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=510&height=510&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=1020&height=1020&format=webp&quality=90 2x" /> 1186 <source media="(min-width: 768px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=421&height=421&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=842&height=842&format=webp&quality=90 2x" /> 1187 <source media="(min-width: 568px)" srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=587&height=328&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=1174&height=656&format=webp&quality=90 2x" /> 1188 <source srcset="/media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=535&height=363&format=webp&quality=90, /media/pi0htf2r/equipe-arseno.jpg?rmode=min&width=1070&height=726&format=webp&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&width=1104&height=1104&format=webp&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é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&width=740&height=0&format=webp&quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=1480&height=0&format=webp&quality=90 2x" /> 1297 <source media="(min-width: 768px)" srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=572&height=0&format=webp&quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=1144&height=0&format=webp&quality=90 2x" /> 1298 <source media="(min-width: 568px)" srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=509&height=0&format=webp&quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=1018&height=0&format=webp&quality=90 2x" /> 1299 <source srcset="/media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=398&height=0&format=webp&quality=90, /media/iyfl51j1/rectangle-merch-2026.jpg?rmode=min&width=796&height=0&format=webp&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&width=740&height=0&format=webp&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&width=740&height=0&format=webp&quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=1480&height=0&format=webp&quality=90 2x" /> 1313 <source media="(min-width: 768px)" srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=572&height=0&format=webp&quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=1144&height=0&format=webp&quality=90 2x" /> 1314 <source media="(min-width: 568px)" srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=509&height=0&format=webp&quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=1018&height=0&format=webp&quality=90 2x" /> 1315 <source srcset="/media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=398&height=0&format=webp&quality=90, /media/iomdaqxj/dsc_2218-daryann-tshirt-blanc.jpg?rmode=min&width=796&height=0&format=webp&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&width=740&height=0&format=webp&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é-boutique-merch-2026-tuque.jpg?rmode=min&width=740&height=0&format=webp&quality=90, /media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=1480&height=0&format=webp&quality=90 2x" /> 1329 <source media="(min-width: 768px)" srcset="/media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=572&height=0&format=webp&quality=90, /media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=1144&height=0&format=webp&quality=90 2x" /> 1330 <source media="(min-width: 568px)" srcset="/media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=509&height=0&format=webp&quality=90, /media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=1018&height=0&format=webp&quality=90 2x" /> 1331 <source srcset="/media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=398&height=0&format=webp&quality=90, /media/juah0v3z/carré-boutique-merch-2026-tuque.jpg?rmode=min&width=796&height=0&format=webp&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é-boutique-merch-2026-tuque.jpg?rmode=min&width=740&height=0&format=webp&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: "Playfair Display", 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'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é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'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'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">À 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é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é</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.