CINXE.COM

<!DOCTYPE html><html lang="fr-CA" class="is-loading"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#ffffff"> <link href="/assets/css/app.css?id=97ff276f0f8d6a4560a4ee13dedc7e38" rel="stylesheet"> <title>Théâtre de Quat’Sous</title> <script>dataLayer = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TJCH48Q'); </script><meta name="keywords" content="théâtre,montréal,créations,contemporaines"> <meta name="description" content="Théâtre montréalais, intime et chaleureux qui présente des créations contemporaines d'ici et d'ailleurs."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="fr_CA" property="og:locale"> <meta content="Théâtre de Quat’Sous" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://quatsous.com/" property="og:url"> <meta content="Théâtre montréalais, intime et chaleureux qui présente des créations contemporaines d'ici et d'ailleurs." property="og:description"> <meta content="https://quatsous.com/uploads/images/_1200x630_crop_center-center_82_none/4SOUS_Visuel-site-web-Saison_Sans-logo.png?mtime=1714493475" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="https://www.instagram.com/theatre4sous/" property="og:see_also"> <meta content="http://www.youtube.com/user/quatsous" property="og:see_also"> <meta content="http://www.facebook.com/theatredequatsous" property="og:see_also"> <meta content="http://twitter.com/quatsous" property="og:see_also"> <link href="https://quatsous.com" rel="canonical"> <link href="https://quatsous.com" rel="home"> <link type="text/plain" href="https://quatsous.com/humans.txt" rel="author"></head><body class="page-accueil"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJCH48Q" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div data-barba="wrapper"> <div data-barba="container" data-barba-namespace="page-accueil" class="content page-accueil"> <div id="app"><div class="fixed bottom-0 right-0 z-40 text-right button-billetterie hidden lg:block"> <div class="p-4 flex"> <a href="https://www.zeffy.com/fundraising/aidez-nous-a-preserver-la-vitalite-du-4sous-faites-un-don" target="_blank" class="pointer-events-auto button-sm button-sm-black button-sm-billetterie mr-4" data-content="Faire un don"><span>Faire un don</span></a> <a href="https://quatsous.tuxedobillet.com/" target="_blank" class="pointer-events-auto button-sm button-sm-black button-sm-billetterie" data-content="Billetterie"><span>Billetterie</span></a> </div> </div><section class="pt-24 md:pt-20 lg:pt-28"> <svg viewBox="0 0 897 219" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full p-4 md:hidden"> <path d="M53.9904 143.6V151.6H32.0904V215H22.5904V151.6H0.69043V143.6H53.9904Z" fill="black" /> <path d="M71.0342 143.6V173C72.5008 169.733 74.5008 167.1 77.0342 165.1C79.6342 163.1 82.8008 162.1 86.5342 162.1C90.8675 162.1 94.4342 162.967 97.2342 164.7C100.034 166.433 102.067 168.767 103.334 171.7C104.601 174.567 105.234 177.833 105.234 181.5V215H96.2342V182.4C96.2342 177.933 95.3008 174.7 93.4342 172.7C91.6342 170.7 88.9342 169.7 85.3342 169.7C82.7342 169.7 80.3342 170.433 78.1342 171.9C76.0008 173.367 74.2675 175.6 72.9342 178.6C71.6675 181.6 71.0342 185.267 71.0342 189.6V215H62.0342V143.6H71.0342Z" fill="black" /> <path d="M163.699 191.6H123.099C123.299 195.133 124.133 198.2 125.599 200.8C127.066 203.333 128.999 205.3 131.399 206.7C133.799 208.033 136.533 208.7 139.599 208.7C143.266 208.7 146.366 207.967 148.899 206.5C151.499 204.967 153.233 202.667 154.099 199.6H162.899C161.499 205 158.766 209.133 154.699 212C150.633 214.8 145.666 216.2 139.799 216.2C134.733 216.2 130.266 215.067 126.399 212.8C122.599 210.467 119.633 207.233 117.499 203.1C115.433 198.967 114.399 194.233 114.399 188.9C114.399 183.767 115.466 179.167 117.599 175.1C119.799 171.033 122.799 167.867 126.599 165.6C130.466 163.267 134.799 162.1 139.599 162.1C145.333 162.1 149.966 163.433 153.499 166.1C157.099 168.767 159.666 172.2 161.199 176.4C162.799 180.6 163.633 185.133 163.699 190V191.6ZM154.599 184.4C154.199 179.8 152.699 176.167 150.099 173.5C147.566 170.833 144.066 169.5 139.599 169.5C136.533 169.5 133.833 170.133 131.499 171.4C129.233 172.6 127.366 174.333 125.899 176.6C124.499 178.8 123.599 181.4 123.199 184.4H154.599ZM143.299 143.6H154.699L140.999 156.7H134.399L143.299 143.6Z" fill="black" /> <path d="M206.455 215C206.322 213.333 206.255 210.833 206.255 207.5V205.5H206.155C205.688 207.1 204.822 208.733 203.555 210.4C202.288 212 200.455 213.367 198.055 214.5C195.655 215.633 192.688 216.2 189.155 216.2C185.222 216.2 181.888 215.467 179.155 214C176.422 212.533 174.388 210.633 173.055 208.3C171.722 205.967 171.055 203.5 171.055 200.9C171.055 196.967 172.255 193.9 174.655 191.7C177.055 189.5 179.788 187.967 182.855 187.1C185.922 186.233 189.588 185.5 193.855 184.9C194.322 184.833 194.855 184.767 195.455 184.7C196.055 184.633 196.655 184.533 197.255 184.4C199.522 184 201.288 183.5 202.555 182.9C203.888 182.3 204.822 181.533 205.355 180.6C205.955 179.667 206.255 178.467 206.255 177C206.255 174.8 205.222 173.033 203.155 171.7C201.155 170.3 198.355 169.6 194.755 169.6C191.622 169.6 188.955 170.467 186.755 172.2C184.555 173.867 183.155 176.1 182.555 178.9H173.555C173.955 176.167 174.955 173.533 176.555 171C178.222 168.4 180.555 166.267 183.555 164.6C186.622 162.867 190.255 162 194.455 162C200.322 162 204.788 163.067 207.855 165.2C210.922 167.267 212.922 169.767 213.855 172.7C214.788 175.633 215.255 178.833 215.255 182.3V204.5C215.255 206.3 215.322 208.167 215.455 210.1C215.655 211.967 215.855 213.6 216.055 215H206.455ZM190.755 208.9C193.555 208.9 196.122 208.267 198.455 207C200.855 205.733 202.788 203.767 204.255 201.1C205.722 198.433 206.455 195.067 206.455 191V183.8H206.355C205.955 185.133 205.322 186.3 204.455 187.3C203.655 188.233 202.255 189.133 200.255 190C198.255 190.867 195.488 191.6 191.955 192.2C187.955 192.867 184.955 193.867 182.955 195.2C180.955 196.533 179.955 198.433 179.955 200.9C179.955 202.5 180.422 203.9 181.355 205.1C182.288 206.3 183.555 207.233 185.155 207.9C186.822 208.567 188.688 208.9 190.755 208.9ZM189.755 143.1H199.155L210.455 156.2H201.055L194.455 147.8L187.855 156.2H178.455L189.755 143.1Z" fill="black" /> <path d="M248.954 207.6V215H244.454C239.654 215 236.021 213.733 233.554 211.2C231.154 208.667 229.954 205.3 229.954 201.1V170.7H222.254V163.3H229.954V151.2L238.754 147.2V163.3H248.654V170.7H238.754V200.5C238.754 202.767 239.321 204.533 240.454 205.8C241.654 207 243.288 207.6 245.354 207.6H248.954Z" fill="black" /> <path d="M266.249 173.7C267.515 169.967 269.382 167.267 271.849 165.6C274.382 163.933 277.649 163.1 281.649 163.1V171.7C280.782 171.7 279.682 171.8 278.349 172C275.949 172.333 273.882 173.033 272.149 174.1C270.415 175.167 268.982 177.033 267.849 179.7C266.782 182.3 266.249 185.933 266.249 190.6V215H257.249V163.3H266.249V173.7Z" fill="black" /> <path d="M335.966 191.6H295.366C295.566 195.133 296.399 198.2 297.866 200.8C299.333 203.333 301.266 205.3 303.666 206.7C306.066 208.033 308.799 208.7 311.866 208.7C315.533 208.7 318.633 207.967 321.166 206.5C323.766 204.967 325.499 202.667 326.366 199.6H335.166C333.766 205 331.033 209.133 326.966 212C322.899 214.8 317.933 216.2 312.066 216.2C306.999 216.2 302.533 215.067 298.666 212.8C294.866 210.467 291.899 207.233 289.766 203.1C287.699 198.967 286.666 194.233 286.666 188.9C286.666 183.767 287.733 179.167 289.866 175.1C292.066 171.033 295.066 167.867 298.866 165.6C302.733 163.267 307.066 162.1 311.866 162.1C317.599 162.1 322.233 163.433 325.766 166.1C329.366 168.767 331.933 172.2 333.466 176.4C335.066 180.6 335.899 185.133 335.966 190V191.6ZM326.866 184.4C326.466 179.8 324.966 176.167 322.366 173.5C319.833 170.833 316.333 169.5 311.866 169.5C308.799 169.5 306.099 170.133 303.766 171.4C301.499 172.6 299.633 174.333 298.166 176.6C296.766 178.8 295.866 181.4 295.466 184.4H326.866Z" fill="black" /> <path d="M451.7 143.6V215H442.7V204.7H442.6C441.933 206.567 440.767 208.4 439.1 210.2C437.433 211.933 435.367 213.367 432.9 214.5C430.433 215.633 427.733 216.2 424.8 216.2C420 216.2 415.8 215.067 412.2 212.8C408.667 210.467 405.933 207.267 404 203.2C402.133 199.067 401.2 194.333 401.2 189C401.2 183.667 402.133 178.967 404 174.9C405.933 170.833 408.667 167.7 412.2 165.5C415.8 163.233 420 162.1 424.8 162.1C427.733 162.1 430.433 162.7 432.9 163.9C435.367 165.033 437.433 166.5 439.1 168.3C440.767 170.033 441.933 171.867 442.6 173.8H442.7V143.6H451.7ZM426.6 208.5C430.2 208.5 433.233 207.633 435.7 205.9C438.167 204.1 440 201.733 441.2 198.8C442.4 195.8 443 192.533 443 189C443 185.533 442.4 182.333 441.2 179.4C440 176.467 438.167 174.133 435.7 172.4C433.233 170.6 430.2 169.7 426.6 169.7C423.133 169.7 420.167 170.533 417.7 172.2C415.233 173.8 413.367 176.067 412.1 179C410.833 181.867 410.2 185.2 410.2 189C410.2 192.8 410.8 196.167 412 199.1C413.267 202.033 415.133 204.333 417.6 206C420.067 207.667 423.067 208.5 426.6 208.5Z" fill="black" /> <path d="M510.559 191.6H469.959C470.159 195.133 470.992 198.2 472.459 200.8C473.925 203.333 475.859 205.3 478.259 206.7C480.659 208.033 483.392 208.7 486.459 208.7C490.125 208.7 493.225 207.967 495.759 206.5C498.359 204.967 500.092 202.667 500.959 199.6H509.759C508.359 205 505.625 209.133 501.559 212C497.492 214.8 492.525 216.2 486.659 216.2C481.592 216.2 477.125 215.067 473.259 212.8C469.459 210.467 466.492 207.233 464.359 203.1C462.292 198.967 461.259 194.233 461.259 188.9C461.259 183.767 462.325 179.167 464.459 175.1C466.659 171.033 469.659 167.867 473.459 165.6C477.325 163.267 481.659 162.1 486.459 162.1C492.192 162.1 496.825 163.433 500.359 166.1C503.959 168.767 506.525 172.2 508.059 176.4C509.659 180.6 510.492 185.133 510.559 190V191.6ZM501.459 184.4C501.059 179.8 499.559 176.167 496.959 173.5C494.425 170.833 490.925 169.5 486.459 169.5C483.392 169.5 480.692 170.133 478.359 171.4C476.092 172.6 474.225 174.333 472.759 176.6C471.359 178.8 470.459 181.4 470.059 184.4H501.459Z" fill="black" /> <path d="M649.8 179.3C649.8 184.767 648.8 189.933 646.8 194.8C644.8 199.6 641.97 203.733 638.3 207.2C641.57 209.733 644.83 211.433 648.1 212.3L644.7 218.8C643.43 218.733 641.63 218.033 639.3 216.7C637.03 215.367 634.67 213.733 632.2 211.8C626.53 215.067 620.07 216.7 612.8 216.7C605.33 216.7 598.8 215.033 593.2 211.7C587.6 208.3 583.3 203.767 580.3 198.1C577.3 192.367 575.8 186.1 575.8 179.3C575.8 172.5 577.3 166.267 580.3 160.6C583.3 154.867 587.6 150.333 593.2 147C598.8 143.6 605.33 141.9 612.8 141.9C620.27 141.9 626.8 143.6 632.4 147C638 150.333 642.3 154.867 645.3 160.6C648.3 166.267 649.8 172.5 649.8 179.3ZM585.3 179.3C585.3 184.433 586.37 189.267 588.5 193.8C590.7 198.267 593.87 201.867 598 204.6C602.2 207.333 607.13 208.7 612.8 208.7C617.47 208.7 621.6 207.767 625.2 205.9C623.73 204.567 622.17 203.367 620.5 202.3C618.83 201.167 616.83 200.1 614.5 199.1L618.5 193.1C620.03 193.7 622.03 194.8 624.5 196.4C627.03 197.933 629.43 199.567 631.7 201.3C634.5 198.5 636.63 195.2 638.1 191.4C639.57 187.533 640.3 183.5 640.3 179.3C640.3 174.167 639.2 169.367 637 164.9C634.87 160.367 631.7 156.733 627.5 154C623.37 151.267 618.47 149.9 612.8 149.9C607.13 149.9 602.2 151.267 598 154C593.87 156.733 590.7 160.367 588.5 164.9C586.37 169.367 585.3 174.167 585.3 179.3Z" fill="black" /> <path d="M668.64 163.3V195.9C668.64 200.367 669.54 203.6 671.34 205.6C673.21 207.6 675.94 208.6 679.54 208.6C682.14 208.6 684.51 207.867 686.64 206.4C688.84 204.933 690.57 202.7 691.84 199.7C693.17 196.7 693.84 193.033 693.84 188.7V163.3H702.84V215H693.84V205.3C692.37 208.567 690.34 211.2 687.74 213.2C685.21 215.2 682.07 216.2 678.34 216.2C674.01 216.2 670.44 215.333 667.64 213.6C664.84 211.867 662.81 209.567 661.54 206.7C660.27 203.767 659.64 200.467 659.64 196.8V163.3H668.64Z" fill="black" /> <path d="M748.41 215C748.27 213.333 748.21 210.833 748.21 207.5V205.5H748.11C747.64 207.1 746.77 208.733 745.51 210.4C744.24 212 742.41 213.367 740.01 214.5C737.61 215.633 734.64 216.2 731.11 216.2C727.17 216.2 723.84 215.467 721.11 214C718.37 212.533 716.34 210.633 715.01 208.3C713.67 205.967 713.01 203.5 713.01 200.9C713.01 196.967 714.21 193.9 716.61 191.7C719.01 189.5 721.74 187.967 724.81 187.1C727.87 186.233 731.54 185.5 735.81 184.9C736.27 184.833 736.81 184.767 737.41 184.7C738.01 184.633 738.61 184.533 739.21 184.4C741.47 184 743.24 183.5 744.51 182.9C745.84 182.3 746.77 181.533 747.31 180.6C747.91 179.667 748.21 178.467 748.21 177C748.21 174.8 747.17 173.033 745.11 171.7C743.11 170.3 740.31 169.6 736.71 169.6C733.57 169.6 730.91 170.467 728.71 172.2C726.51 173.867 725.11 176.1 724.51 178.9H715.51C715.91 176.167 716.91 173.533 718.51 171C720.17 168.4 722.51 166.267 725.51 164.6C728.57 162.867 732.21 162 736.41 162C742.27 162 746.74 163.067 749.81 165.2C752.87 167.267 754.87 169.767 755.81 172.7C756.74 175.633 757.21 178.833 757.21 182.3V204.5C757.21 206.3 757.27 208.167 757.41 210.1C757.61 211.967 757.81 213.6 758.01 215H748.41ZM732.71 208.9C735.51 208.9 738.07 208.267 740.41 207C742.81 205.733 744.74 203.767 746.21 201.1C747.67 198.433 748.41 195.067 748.41 191V183.8H748.31C747.91 185.133 747.27 186.3 746.41 187.3C745.61 188.233 744.21 189.133 742.21 190C740.21 190.867 737.44 191.6 733.91 192.2C729.91 192.867 726.91 193.867 724.91 195.2C722.91 196.533 721.91 198.433 721.91 200.9C721.91 202.5 722.37 203.9 723.31 205.1C724.24 206.3 725.51 207.233 727.11 207.9C728.77 208.567 730.64 208.9 732.71 208.9Z" fill="black" /> <path d="M790.91 207.6V215H786.41C781.61 215 777.97 213.733 775.51 211.2C773.11 208.667 771.91 205.3 771.91 201.1V170.7H764.21V163.3H771.91V151.2L780.71 147.2V163.3H790.61V170.7H780.71V200.5C780.71 202.767 781.27 204.533 782.41 205.8C783.61 207 785.24 207.6 787.31 207.6H790.91Z" fill="black" /> <path d="M811.48 143.6L804.28 167.7H796.28L801.48 143.6H811.48Z" fill="black" /> <path d="M872.9 207.1C878.1 206.9 882.03 205.2 884.7 202C887.37 198.733 888.7 194.4 888.7 189C888.7 186.067 888.23 183.433 887.3 181.1C886.37 178.767 884.97 176.9 883.1 175.5C881.23 174.1 878.9 173.4 876.1 173.4C873.37 173.4 871.23 174.1 869.7 175.5C868.1 176.833 866.93 178.433 866.2 180.3C865.47 182.167 864.43 185.333 863.1 189.8C861.57 195.133 860.1 199.4 858.7 202.6C857.3 205.733 855.27 208.4 852.6 210.6C849.93 212.8 846.43 213.9 842.1 213.9C837.77 213.9 834.1 212.833 831.1 210.7C828.03 208.5 825.73 205.567 824.2 201.9C822.67 198.233 821.9 194.233 821.9 189.9C821.9 182.633 823.73 176.833 827.4 172.5C831.07 168.1 836.4 165.633 843.4 165.1V174.7C838.8 175.367 835.4 176.933 833.2 179.4C831 181.8 829.9 185.3 829.9 189.9C829.9 194.167 830.87 197.667 832.8 200.4C834.73 203.067 837.77 204.4 841.9 204.4C844.23 204.4 846.2 203.733 847.8 202.4C849.33 201 850.6 199.167 851.6 196.9C852.6 194.567 853.63 191.6 854.7 188C856.37 182.133 857.8 177.767 859 174.9C860.2 171.967 862.13 169.4 864.8 167.2C867.47 165 871.13 163.9 875.8 163.9C880.47 163.9 884.37 165.067 887.5 167.4C890.63 169.733 892.97 172.8 894.5 176.6C895.97 180.4 896.7 184.533 896.7 189C896.7 194.333 895.83 199.067 894.1 203.2C892.37 207.333 889.73 210.6 886.2 213C882.6 215.333 878.17 216.533 872.9 216.6V207.1Z" fill="black" /> <path d="M896.2 130.181C896.2 135.315 895.03 139.848 892.7 143.781C890.3 147.715 887.07 150.748 883 152.881C878.87 155.015 874.27 156.081 869.2 156.081C864.13 156.081 859.53 155.015 855.4 152.881C851.27 150.748 848.03 147.715 845.7 143.781C843.3 139.848 842.1 135.315 842.1 130.181C842.1 125.048 843.3 120.515 845.7 116.581C848.03 112.648 851.27 109.615 855.4 107.481C859.53 105.348 864.13 104.281 869.2 104.281C874.27 104.281 878.87 105.348 883 107.481C887.07 109.615 890.3 112.648 892.7 116.581C895.03 120.515 896.2 125.048 896.2 130.181ZM888.6 130.181C888.6 126.915 887.73 124.015 886 121.481C884.27 118.881 881.93 116.881 879 115.481C876 114.015 872.73 113.281 869.2 113.281C865.67 113.281 862.4 114.015 859.4 115.481C856.4 116.881 854.03 118.881 852.3 121.481C850.57 124.015 849.7 126.915 849.7 130.181C849.7 133.448 850.57 136.381 852.3 138.981C854.03 141.515 856.4 143.515 859.4 144.981C862.4 146.381 865.67 147.081 869.2 147.081C872.73 147.081 876 146.381 879 144.981C881.93 143.515 884.27 141.515 886 138.981C887.73 136.381 888.6 133.448 888.6 130.181Z" fill="black" /> <path d="M843.3 86.0779H875.9C880.37 86.0779 883.6 85.1779 885.6 83.3779C887.6 81.5112 888.6 78.7779 888.6 75.1779C888.6 72.5779 887.87 70.2112 886.4 68.0779C884.93 65.8779 882.7 64.1445 879.7 62.8779C876.7 61.5445 873.03 60.8779 868.7 60.8779H843.3V51.8779H895V60.8779H885.3C888.57 62.3445 891.2 64.3779 893.2 66.9779C895.2 69.5112 896.2 72.6445 896.2 76.3779C896.2 80.7112 895.33 84.2779 893.6 87.0779C891.87 89.8779 889.57 91.9112 886.7 93.1779C883.77 94.4445 880.47 95.0779 876.8 95.0779H843.3V86.0779Z" fill="black" /> <path d="M858.9 10.6116C855.77 10.8782 853.47 12.1116 852 14.3116C850.47 16.5116 849.7 19.0782 849.7 22.0116C849.7 23.6782 850 25.2782 850.6 26.8116C851.2 28.2782 852.07 29.4782 853.2 30.4116C854.27 31.3449 855.5 31.8116 856.9 31.8116C858.77 31.8116 860.33 31.0449 861.6 29.5116C862.8 27.9116 863.7 25.8449 864.3 23.3116L866 16.5116C867.13 11.8449 868.8 8.0782 871 5.21153C873.2 2.27819 876.27 0.811523 880.2 0.811523C883.67 0.811522 886.6 1.84486 889 3.91153C891.4 5.97819 893.2 8.61153 894.4 11.8116C895.6 14.9449 896.2 18.1116 896.2 21.3116C896.2 24.5116 895.67 27.6782 894.6 30.8116C893.47 33.8782 891.67 36.5116 889.2 38.7116C886.67 40.8449 883.4 42.0449 879.4 42.3116V33.3116C882.6 32.7116 884.93 31.4116 886.4 29.4116C887.87 27.4116 888.6 24.6116 888.6 21.0116C888.6 18.0116 888 15.4116 886.8 13.2116C885.53 10.9449 883.53 9.81153 880.8 9.81153C878.8 9.81153 877.3 10.6116 876.3 12.2116C875.3 13.7449 874.43 16.0116 873.7 19.0116L871.9 26.2116C870.83 30.4116 869.07 33.9116 866.6 36.7116C864.13 39.4449 861.03 40.8116 857.3 40.8116C854.23 40.8116 851.57 39.8782 849.3 38.0116C846.97 36.1449 845.2 33.7449 844 30.8116C842.73 27.8782 842.1 24.8449 842.1 21.7116C842.1 18.2449 842.73 15.0782 844 12.2116C845.2 9.2782 847.07 6.8782 849.6 5.01153C852.13 3.14486 855.23 2.04486 858.9 1.71153V10.6116Z" fill="black" /> </svg> <svg viewBox="0 0 1377 219" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden w-full p-8 md:block"> <path d="M53.9 143.6V151.6H32V215H22.5V151.6H0.600006V143.6H53.9Z" fill="black" /> <path d="M70.943 143.6V173C72.4096 169.733 74.4096 167.1 76.943 165.1C79.543 163.1 82.7096 162.1 86.443 162.1C90.7763 162.1 94.343 162.967 97.143 164.7C99.943 166.433 101.976 168.767 103.243 171.7C104.51 174.567 105.143 177.833 105.143 181.5V215H96.143V182.4C96.143 177.933 95.2096 174.7 93.343 172.7C91.543 170.7 88.843 169.7 85.243 169.7C82.643 169.7 80.243 170.433 78.043 171.9C75.9096 173.367 74.1763 175.6 72.843 178.6C71.5763 181.6 70.943 185.267 70.943 189.6V215H61.943V143.6H70.943Z" fill="black" /> <path d="M163.609 191.6H123.009C123.209 195.133 124.043 198.2 125.509 200.8C126.976 203.333 128.909 205.3 131.309 206.7C133.709 208.033 136.443 208.7 139.509 208.7C143.176 208.7 146.276 207.967 148.809 206.5C151.409 204.967 153.143 202.667 154.009 199.6H162.809C161.409 205 158.676 209.133 154.609 212C150.543 214.8 145.576 216.2 139.709 216.2C134.643 216.2 130.176 215.067 126.309 212.8C122.509 210.467 119.543 207.233 117.409 203.1C115.343 198.967 114.309 194.233 114.309 188.9C114.309 183.767 115.376 179.167 117.509 175.1C119.709 171.033 122.709 167.867 126.509 165.6C130.376 163.267 134.709 162.1 139.509 162.1C145.243 162.1 149.876 163.433 153.409 166.1C157.009 168.767 159.576 172.2 161.109 176.4C162.709 180.6 163.543 185.133 163.609 190V191.6ZM154.509 184.4C154.109 179.8 152.609 176.167 150.009 173.5C147.476 170.833 143.976 169.5 139.509 169.5C136.443 169.5 133.743 170.133 131.409 171.4C129.143 172.6 127.276 174.333 125.809 176.6C124.409 178.8 123.509 181.4 123.109 184.4H154.509ZM143.209 143.6H154.609L140.909 156.7H134.309L143.209 143.6Z" fill="black" /> <path d="M206.364 215C206.231 213.333 206.164 210.833 206.164 207.5V205.5H206.064C205.597 207.1 204.731 208.733 203.464 210.4C202.197 212 200.364 213.367 197.964 214.5C195.564 215.633 192.597 216.2 189.064 216.2C185.131 216.2 181.797 215.467 179.064 214C176.331 212.533 174.297 210.633 172.964 208.3C171.631 205.967 170.964 203.5 170.964 200.9C170.964 196.967 172.164 193.9 174.564 191.7C176.964 189.5 179.697 187.967 182.764 187.1C185.831 186.233 189.497 185.5 193.764 184.9C194.231 184.833 194.764 184.767 195.364 184.7C195.964 184.633 196.564 184.533 197.164 184.4C199.431 184 201.197 183.5 202.464 182.9C203.797 182.3 204.731 181.533 205.264 180.6C205.864 179.667 206.164 178.467 206.164 177C206.164 174.8 205.131 173.033 203.064 171.7C201.064 170.3 198.264 169.6 194.664 169.6C191.531 169.6 188.864 170.467 186.664 172.2C184.464 173.867 183.064 176.1 182.464 178.9H173.464C173.864 176.167 174.864 173.533 176.464 171C178.131 168.4 180.464 166.267 183.464 164.6C186.531 162.867 190.164 162 194.364 162C200.231 162 204.697 163.067 207.764 165.2C210.831 167.267 212.831 169.767 213.764 172.7C214.697 175.633 215.164 178.833 215.164 182.3V204.5C215.164 206.3 215.231 208.167 215.364 210.1C215.564 211.967 215.764 213.6 215.964 215H206.364ZM190.664 208.9C193.464 208.9 196.031 208.267 198.364 207C200.764 205.733 202.697 203.767 204.164 201.1C205.631 198.433 206.364 195.067 206.364 191V183.8H206.264C205.864 185.133 205.231 186.3 204.364 187.3C203.564 188.233 202.164 189.133 200.164 190C198.164 190.867 195.397 191.6 191.864 192.2C187.864 192.867 184.864 193.867 182.864 195.2C180.864 196.533 179.864 198.433 179.864 200.9C179.864 202.5 180.331 203.9 181.264 205.1C182.197 206.3 183.464 207.233 185.064 207.9C186.731 208.567 188.597 208.9 190.664 208.9ZM189.664 143.1H199.064L210.364 156.2H200.964L194.364 147.8L187.764 156.2H178.364L189.664 143.1Z" fill="black" /> <path d="M248.863 207.6V215H244.363C239.563 215 235.93 213.733 233.463 211.2C231.063 208.667 229.863 205.3 229.863 201.1V170.7H222.163V163.3H229.863V151.2L238.663 147.2V163.3H248.563V170.7H238.663V200.5C238.663 202.767 239.23 204.533 240.363 205.8C241.563 207 243.197 207.6 245.263 207.6H248.863Z" fill="black" /> <path d="M266.158 173.7C267.424 169.967 269.291 167.267 271.758 165.6C274.291 163.933 277.558 163.1 281.558 163.1V171.7C280.691 171.7 279.591 171.8 278.258 172C275.858 172.333 273.791 173.033 272.058 174.1C270.324 175.167 268.891 177.033 267.758 179.7C266.691 182.3 266.158 185.933 266.158 190.6V215H257.158V163.3H266.158V173.7Z" fill="black" /> <path d="M335.875 191.6H295.275C295.475 195.133 296.308 198.2 297.775 200.8C299.242 203.333 301.175 205.3 303.575 206.7C305.975 208.033 308.708 208.7 311.775 208.7C315.442 208.7 318.542 207.967 321.075 206.5C323.675 204.967 325.408 202.667 326.275 199.6H335.075C333.675 205 330.942 209.133 326.875 212C322.808 214.8 317.842 216.2 311.975 216.2C306.908 216.2 302.442 215.067 298.575 212.8C294.775 210.467 291.808 207.233 289.675 203.1C287.608 198.967 286.575 194.233 286.575 188.9C286.575 183.767 287.642 179.167 289.775 175.1C291.975 171.033 294.975 167.867 298.775 165.6C302.642 163.267 306.975 162.1 311.775 162.1C317.508 162.1 322.142 163.433 325.675 166.1C329.275 168.767 331.842 172.2 333.375 176.4C334.975 180.6 335.808 185.133 335.875 190V191.6ZM326.775 184.4C326.375 179.8 324.875 176.167 322.275 173.5C319.742 170.833 316.242 169.5 311.775 169.5C308.708 169.5 306.008 170.133 303.675 171.4C301.408 172.6 299.542 174.333 298.075 176.6C296.675 178.8 295.775 181.4 295.375 184.4H326.775Z" fill="black" /> <path d="M691.7 143.6V215H682.7V204.7H682.6C681.933 206.567 680.767 208.4 679.1 210.2C677.433 211.933 675.367 213.367 672.9 214.5C670.433 215.633 667.733 216.2 664.8 216.2C660 216.2 655.8 215.067 652.2 212.8C648.667 210.467 645.933 207.267 644 203.2C642.133 199.067 641.2 194.333 641.2 189C641.2 183.667 642.133 178.967 644 174.9C645.933 170.833 648.667 167.7 652.2 165.5C655.8 163.233 660 162.1 664.8 162.1C667.733 162.1 670.433 162.7 672.9 163.9C675.367 165.033 677.433 166.5 679.1 168.3C680.767 170.033 681.933 171.867 682.6 173.8H682.7V143.6H691.7ZM666.6 208.5C670.2 208.5 673.233 207.633 675.7 205.9C678.167 204.1 680 201.733 681.2 198.8C682.4 195.8 683 192.533 683 189C683 185.533 682.4 182.333 681.2 179.4C680 176.467 678.167 174.133 675.7 172.4C673.233 170.6 670.2 169.7 666.6 169.7C663.133 169.7 660.167 170.533 657.7 172.2C655.233 173.8 653.367 176.067 652.1 179C650.833 181.867 650.2 185.2 650.2 189C650.2 192.8 650.8 196.167 652 199.1C653.267 202.033 655.133 204.333 657.6 206C660.067 207.667 663.067 208.5 666.6 208.5Z" fill="black" /> <path d="M750.559 191.6H709.959C710.159 195.133 710.992 198.2 712.459 200.8C713.925 203.333 715.859 205.3 718.259 206.7C720.659 208.033 723.392 208.7 726.459 208.7C730.125 208.7 733.225 207.967 735.759 206.5C738.359 204.967 740.092 202.667 740.959 199.6H749.759C748.359 205 745.625 209.133 741.559 212C737.492 214.8 732.525 216.2 726.659 216.2C721.592 216.2 717.125 215.067 713.259 212.8C709.459 210.467 706.492 207.233 704.359 203.1C702.292 198.967 701.259 194.233 701.259 188.9C701.259 183.767 702.325 179.167 704.459 175.1C706.659 171.033 709.659 167.867 713.459 165.6C717.325 163.267 721.659 162.1 726.459 162.1C732.192 162.1 736.825 163.433 740.359 166.1C743.959 168.767 746.525 172.2 748.059 176.4C749.659 180.6 750.492 185.133 750.559 190V191.6ZM741.459 184.4C741.059 179.8 739.559 176.167 736.959 173.5C734.425 170.833 730.925 169.5 726.459 169.5C723.392 169.5 720.692 170.133 718.359 171.4C716.092 172.6 714.225 174.333 712.759 176.6C711.359 178.8 710.459 181.4 710.059 184.4H741.459Z" fill="black" /> <path d="M1129.8 179.3C1129.8 184.767 1128.8 189.933 1126.8 194.8C1124.8 199.6 1121.97 203.733 1118.3 207.2C1121.57 209.733 1124.83 211.433 1128.1 212.3L1124.7 218.8C1123.43 218.733 1121.63 218.033 1119.3 216.7C1117.03 215.367 1114.67 213.733 1112.2 211.8C1106.53 215.067 1100.07 216.7 1092.8 216.7C1085.33 216.7 1078.8 215.033 1073.2 211.7C1067.6 208.3 1063.3 203.767 1060.3 198.1C1057.3 192.367 1055.8 186.1 1055.8 179.3C1055.8 172.5 1057.3 166.267 1060.3 160.6C1063.3 154.867 1067.6 150.333 1073.2 147C1078.8 143.6 1085.33 141.9 1092.8 141.9C1100.27 141.9 1106.8 143.6 1112.4 147C1118 150.333 1122.3 154.867 1125.3 160.6C1128.3 166.267 1129.8 172.5 1129.8 179.3ZM1065.3 179.3C1065.3 184.433 1066.37 189.267 1068.5 193.8C1070.7 198.267 1073.87 201.867 1078 204.6C1082.2 207.333 1087.13 208.7 1092.8 208.7C1097.47 208.7 1101.6 207.767 1105.2 205.9C1103.73 204.567 1102.17 203.367 1100.5 202.3C1098.83 201.167 1096.83 200.1 1094.5 199.1L1098.5 193.1C1100.03 193.7 1102.03 194.8 1104.5 196.4C1107.03 197.933 1109.43 199.567 1111.7 201.3C1114.5 198.5 1116.63 195.2 1118.1 191.4C1119.57 187.533 1120.3 183.5 1120.3 179.3C1120.3 174.167 1119.2 169.367 1117 164.9C1114.87 160.367 1111.7 156.733 1107.5 154C1103.37 151.267 1098.47 149.9 1092.8 149.9C1087.13 149.9 1082.2 151.267 1078 154C1073.87 156.733 1070.7 160.367 1068.5 164.9C1066.37 169.367 1065.3 174.167 1065.3 179.3Z" fill="black" /> <path d="M1148.64 163.3V195.9C1148.64 200.367 1149.54 203.6 1151.34 205.6C1153.21 207.6 1155.94 208.6 1159.54 208.6C1162.14 208.6 1164.51 207.867 1166.64 206.4C1168.84 204.933 1170.57 202.7 1171.84 199.7C1173.17 196.7 1173.84 193.033 1173.84 188.7V163.3H1182.84V215H1173.84V205.3C1172.37 208.567 1170.34 211.2 1167.74 213.2C1165.21 215.2 1162.07 216.2 1158.34 216.2C1154.01 216.2 1150.44 215.333 1147.64 213.6C1144.84 211.867 1142.81 209.567 1141.54 206.7C1140.27 203.767 1139.64 200.467 1139.64 196.8V163.3H1148.64Z" fill="black" /> <path d="M1228.41 215C1228.27 213.333 1228.21 210.833 1228.21 207.5V205.5H1228.11C1227.64 207.1 1226.77 208.733 1225.51 210.4C1224.24 212 1222.41 213.367 1220.01 214.5C1217.61 215.633 1214.64 216.2 1211.11 216.2C1207.17 216.2 1203.84 215.467 1201.11 214C1198.37 212.533 1196.34 210.633 1195.01 208.3C1193.67 205.967 1193.01 203.5 1193.01 200.9C1193.01 196.967 1194.21 193.9 1196.61 191.7C1199.01 189.5 1201.74 187.967 1204.81 187.1C1207.87 186.233 1211.54 185.5 1215.81 184.9C1216.27 184.833 1216.81 184.767 1217.41 184.7C1218.01 184.633 1218.61 184.533 1219.21 184.4C1221.47 184 1223.24 183.5 1224.51 182.9C1225.84 182.3 1226.77 181.533 1227.31 180.6C1227.91 179.667 1228.21 178.467 1228.21 177C1228.21 174.8 1227.17 173.033 1225.11 171.7C1223.11 170.3 1220.31 169.6 1216.71 169.6C1213.57 169.6 1210.91 170.467 1208.71 172.2C1206.51 173.867 1205.11 176.1 1204.51 178.9H1195.51C1195.91 176.167 1196.91 173.533 1198.51 171C1200.17 168.4 1202.51 166.267 1205.51 164.6C1208.57 162.867 1212.21 162 1216.41 162C1222.27 162 1226.74 163.067 1229.81 165.2C1232.87 167.267 1234.87 169.767 1235.81 172.7C1236.74 175.633 1237.21 178.833 1237.21 182.3V204.5C1237.21 206.3 1237.27 208.167 1237.41 210.1C1237.61 211.967 1237.81 213.6 1238.01 215H1228.41ZM1212.71 208.9C1215.51 208.9 1218.07 208.267 1220.41 207C1222.81 205.733 1224.74 203.767 1226.21 201.1C1227.67 198.433 1228.41 195.067 1228.41 191V183.8H1228.31C1227.91 185.133 1227.27 186.3 1226.41 187.3C1225.61 188.233 1224.21 189.133 1222.21 190C1220.21 190.867 1217.44 191.6 1213.91 192.2C1209.91 192.867 1206.91 193.867 1204.91 195.2C1202.91 196.533 1201.91 198.433 1201.91 200.9C1201.91 202.5 1202.37 203.9 1203.31 205.1C1204.24 206.3 1205.51 207.233 1207.11 207.9C1208.77 208.567 1210.64 208.9 1212.71 208.9Z" fill="black" /> <path d="M1270.91 207.6V215H1266.41C1261.61 215 1257.97 213.733 1255.51 211.2C1253.11 208.667 1251.91 205.3 1251.91 201.1V170.7H1244.21V163.3H1251.91V151.2L1260.71 147.2V163.3H1270.61V170.7H1260.71V200.5C1260.71 202.767 1261.27 204.533 1262.41 205.8C1263.61 207 1265.24 207.6 1267.31 207.6H1270.91Z" fill="black" /> <path d="M1291.48 143.6L1284.28 167.7H1276.28L1281.48 143.6H1291.48Z" fill="black" /> <path d="M1352.9 207.1C1358.1 206.9 1362.03 205.2 1364.7 202C1367.37 198.733 1368.7 194.4 1368.7 189C1368.7 186.067 1368.23 183.433 1367.3 181.1C1366.37 178.767 1364.97 176.9 1363.1 175.5C1361.23 174.1 1358.9 173.4 1356.1 173.4C1353.37 173.4 1351.23 174.1 1349.7 175.5C1348.1 176.833 1346.93 178.433 1346.2 180.3C1345.47 182.167 1344.43 185.333 1343.1 189.8C1341.57 195.133 1340.1 199.4 1338.7 202.6C1337.3 205.733 1335.27 208.4 1332.6 210.6C1329.93 212.8 1326.43 213.9 1322.1 213.9C1317.77 213.9 1314.1 212.833 1311.1 210.7C1308.03 208.5 1305.73 205.567 1304.2 201.9C1302.67 198.233 1301.9 194.233 1301.9 189.9C1301.9 182.633 1303.73 176.833 1307.4 172.5C1311.07 168.1 1316.4 165.633 1323.4 165.1V174.7C1318.8 175.367 1315.4 176.933 1313.2 179.4C1311 181.8 1309.9 185.3 1309.9 189.9C1309.9 194.167 1310.87 197.667 1312.8 200.4C1314.73 203.067 1317.77 204.4 1321.9 204.4C1324.23 204.4 1326.2 203.733 1327.8 202.4C1329.33 201 1330.6 199.167 1331.6 196.9C1332.6 194.567 1333.63 191.6 1334.7 188C1336.37 182.133 1337.8 177.767 1339 174.9C1340.2 171.967 1342.13 169.4 1344.8 167.2C1347.47 165 1351.13 163.9 1355.8 163.9C1360.47 163.9 1364.37 165.067 1367.5 167.4C1370.63 169.733 1372.97 172.8 1374.5 176.6C1375.97 180.4 1376.7 184.533 1376.7 189C1376.7 194.333 1375.83 199.067 1374.1 203.2C1372.37 207.333 1369.73 210.6 1366.2 213C1362.6 215.333 1358.17 216.533 1352.9 216.6V207.1Z" fill="black" /> <path d="M1376.2 130.181C1376.2 135.315 1375.03 139.848 1372.7 143.781C1370.3 147.715 1367.07 150.748 1363 152.881C1358.87 155.015 1354.27 156.081 1349.2 156.081C1344.13 156.081 1339.53 155.015 1335.4 152.881C1331.27 150.748 1328.03 147.715 1325.7 143.781C1323.3 139.848 1322.1 135.315 1322.1 130.181C1322.1 125.048 1323.3 120.515 1325.7 116.581C1328.03 112.648 1331.27 109.615 1335.4 107.481C1339.53 105.348 1344.13 104.281 1349.2 104.281C1354.27 104.281 1358.87 105.348 1363 107.481C1367.07 109.615 1370.3 112.648 1372.7 116.581C1375.03 120.515 1376.2 125.048 1376.2 130.181ZM1368.6 130.181C1368.6 126.915 1367.73 124.015 1366 121.481C1364.27 118.881 1361.93 116.881 1359 115.481C1356 114.015 1352.73 113.281 1349.2 113.281C1345.67 113.281 1342.4 114.015 1339.4 115.481C1336.4 116.881 1334.03 118.881 1332.3 121.481C1330.57 124.015 1329.7 126.915 1329.7 130.181C1329.7 133.448 1330.57 136.381 1332.3 138.981C1334.03 141.515 1336.4 143.515 1339.4 144.981C1342.4 146.381 1345.67 147.081 1349.2 147.081C1352.73 147.081 1356 146.381 1359 144.981C1361.93 143.515 1364.27 141.515 1366 138.981C1367.73 136.381 1368.6 133.448 1368.6 130.181Z" fill="black" /> <path d="M1323.3 86.0782H1355.9C1360.37 86.0782 1363.6 85.1782 1365.6 83.3782C1367.6 81.5115 1368.6 78.7782 1368.6 75.1782C1368.6 72.5782 1367.87 70.2115 1366.4 68.0782C1364.93 65.8782 1362.7 64.1448 1359.7 62.8782C1356.7 61.5448 1353.03 60.8782 1348.7 60.8782H1323.3V51.8782L1375 51.8782V60.8782H1365.3C1368.57 62.3448 1371.2 64.3782 1373.2 66.9782C1375.2 69.5115 1376.2 72.6448 1376.2 76.3782C1376.2 80.7115 1375.33 84.2782 1373.6 87.0782C1371.87 89.8782 1369.57 91.9115 1366.7 93.1782C1363.77 94.4448 1360.47 95.0782 1356.8 95.0782H1323.3V86.0782Z" fill="black" /> <path d="M1338.9 10.6118C1335.77 10.8784 1333.47 12.1118 1332 14.3118C1330.47 16.5118 1329.7 19.0784 1329.7 22.0118C1329.7 23.6784 1330 25.2784 1330.6 26.8118C1331.2 28.2784 1332.07 29.4784 1333.2 30.4118C1334.27 31.3451 1335.5 31.8118 1336.9 31.8118C1338.77 31.8118 1340.33 31.0451 1341.6 29.5118C1342.8 27.9118 1343.7 25.8451 1344.3 23.3118L1346 16.5118C1347.13 11.8451 1348.8 8.07844 1351 5.21177C1353.2 2.27843 1356.27 0.811768 1360.2 0.811768C1363.67 0.811767 1366.6 1.8451 1369 3.91177C1371.4 5.97843 1373.2 8.61177 1374.4 11.8118C1375.6 14.9451 1376.2 18.1118 1376.2 21.3118C1376.2 24.5118 1375.67 27.6784 1374.6 30.8118C1373.47 33.8784 1371.67 36.5118 1369.2 38.7118C1366.67 40.8451 1363.4 42.0451 1359.4 42.3118V33.3118C1362.6 32.7118 1364.93 31.4118 1366.4 29.4118C1367.87 27.4118 1368.6 24.6118 1368.6 21.0118C1368.6 18.0118 1368 15.4118 1366.8 13.2118C1365.53 10.9451 1363.53 9.81177 1360.8 9.81177C1358.8 9.81177 1357.3 10.6118 1356.3 12.2118C1355.3 13.7451 1354.43 16.0118 1353.7 19.0118L1351.9 26.2118C1350.83 30.4118 1349.07 33.9118 1346.6 36.7118C1344.13 39.4451 1341.03 40.8118 1337.3 40.8118C1334.23 40.8118 1331.57 39.8784 1329.3 38.0118C1326.97 36.1451 1325.2 33.7451 1324 30.8118C1322.73 27.8784 1322.1 24.8451 1322.1 21.7118C1322.1 18.2451 1322.73 15.0784 1324 12.2118C1325.2 9.27844 1327.07 6.87844 1329.6 5.01177C1332.13 3.1451 1335.23 2.0451 1338.9 1.71177V10.6118Z" fill="black" /> </svg> </section><header> <div class="image-scroll" data-top="true"> <div class="relative w-full overflow-hidden h-75vh md:h-screen"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/168156/4SOUS_Visuel-site-web-Saison_Sans-logo.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/168156/4SOUS_Visuel-site-web-Saison_Sans-logo.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271238%27 style=%27background:%23aa8f7f%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/168156/4SOUS_Visuel-site-web-Saison_Sans-logo.jpg 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/168156/4SOUS_Visuel-site-web-Saison_Sans-logo.jpg 1200w" data-sizes="auto" alt="4 SOUS Visuel site web Saison Sans logo"> </picture></div> </div><div class="mt-2 text-xs text-right container-xl"> <p>Photo: <em>Samuel Pasquier</em></p> </div></header><section class="relative py-10 md:py-20 reveal"> <div class="absolute inset-x-0 pb-8 md:pb-0 md:relative lg:absolute container-xl"><h2 class="flex justify-between text-4xl"><span>À</span> <span>venir</span></h2></div> <div class="container"> <div class="flex flex-wrap items-center space-y-8 md:space-y-0"> <div class="w-full md:w-1/2"> <a href="https://quatsous.com/programmation/saison-2024-2025/helgi" class="block image-scale"> <div class="maison"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271238%27 style=%27background:%2366a8b7%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg 1200w" data-sizes="auto" alt="Helgi Visuel site web"> </picture></div> </a> </div> <div class="w-full md:w-1/2 md:pl-20"> <a href="https://quatsous.com/programmation/saison-2024-2025/helgi" class="block"> <h4 class="mb-4 font-mono text-xs">8 — 27 avril 2025</h4> <h3 class="mb-8 text-3xl">Helgi</h3> <div class="text-base rich-text"> <p>Cette comédie noire à la langue crue et ultra moderne de l’enfant terrible de l’Islande, Tyrfingur Tyrfingsson, défie les conventions et fait se côtoyer le trivial et la tragédie contemporaine.</p> </div> </a><a href="https://quatsous.tuxedobillet.com/main/helgi" target="_blank" data-content="Billets" class="mt-8 button-sm"><span>Billets</span></a><div> <div class="flex items-start mt-10 space-x-4 text-sm md:mt-20 md:space-x-20"><div class="flex flex-col items-start flex-1"> <h4 class="mb-1 font-mono text-xs">Texte</h4><a href="https://quatsous.com/artiste/tyrfingur-tyrfingsson" class="underline">Tyrfingur Tyrfingsson</a></div><div class="flex flex-col items-start flex-1"> <h4 class="mb-1 font-mono text-xs">Mise en scène</h4><a href="https://quatsous.com/artiste/marie-eve-milot" class="underline">Marie-Ève Milot</a></div></div> </div></div> </div> </div> </section><section class="py-10 md:py-20"> <div class="mb-10 md:mb-20 container-xl"> <h2 class="text-4xl">Programmation</h2> </div> <div><a href="https://quatsous.com/programmation/saison-25-26/tout-ca" class="relative flex flex-col -mb-px accueil-programmation-item"> <div class="bottom-0 z-10 order-2 w-full bg-white md:order-1 md:absolute md:bottom-auto accueil-programmation-item-content"> <div class="border-t border-b"> <div class="container"> <div class="py-4 flow md:py-10"> <div class="flex flex-wrap items-start -m-4"> <div class="w-full p-4 md:w-1/2"> <h4 class="mb-4 font-mono text-xs">4 — 14 décembre 2025</h4> <h3 class="text-3xl">Tout ça</h3> </div> <div class="w-full p-4 md:w-1/2 rich-text"> <p>À travers une évolution captivante du langage, plongez dans une performance de haute voltige et parcourez toute une vie en un seul souffle.</p> </div> </div> </div> </div> </div> </div> <div class="order-1 block md:order-2 accueil-programmation-item-image"> <div class="image-scroll"> <div class="aspect-w-16 aspect-h-9"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1093_crop_center-center_82_line/183020/En-reprise-Site-web.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x656_crop_center-center_82_line/183020/En-reprise-Site-web.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271093%27 style=%27background:%234d4e4a%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1093_crop_center-center_82_line/183020/En-reprise-Site-web.jpg 2000w, https://quatsous.com/uploads/images/_1200x656_crop_center-center_82_line/183020/En-reprise-Site-web.jpg 1200w" data-sizes="auto" alt="En reprise Site web"> </picture></div> </div> </div> </a></div> <a href="https://quatsous.com/programmation/saison-2024-2025" class="block text-white bg-black block-link"> <div class="container py-20 text-center md:py-40"> <div class="text-xl block-link-text"> <span>Découvrir la saison</span> <span>Découvrir la saison</span> </div> </div> </a> </section><section class="py-10 md:py-20 accueil-nouvelles reveal"> <div class="flex flex-wrap items-start justify-between mb-10 space-y-4 md:mb-20 md:space-y-0 md:space-x-8 container-xl"> <h2 class="w-full text-4xl md:w-auto">Nouvelles</h2> <a href="https://quatsous.com/nouvelles" class="button-xs" data-content="Voir toutes les nouvelles"><span>Voir toutes les nouvelles</span></a> </div> <div class="container"> <div class="flex flex-wrap justify-between space-y-8 md:space-y-0 lg:-mx-10 md:-mb-20"><article class="lg:px-10 md:pb-20 accueil-nouvelles-item"> <div class="reveal" data-y="true" data-bottom="true"> <a href="https://quatsous.com/nouvelles/helgi-le-cahier-daccompagnement" class="block image-scale"><div class="w-full mb-4 ratio-16-9"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271238%27 style=%27background:%2366a8b7%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158857/Helgi_Visuel-site-web.jpg 1200w" data-sizes="auto" alt="Helgi Visuel site web"> </picture></div><div class="mb-2"> <div class="flex items-start justify-between space-x-8"> <h4 class="font-mono text-xs">1 avril 2025</h4></div> </div> <h2 class="text-xl"><span class="caps">HELGI</span> | Le cahier d’accompagnement</h2> </a> </div> </article><article class="lg:px-10 md:pb-20 accueil-nouvelles-item"> <div class="reveal" data-y="true" data-bottom="true"> <a href="https://quatsous.com/nouvelles/tout-ca-en-reprise-la-saison-prochaine" class="block image-scale"><div class="w-full mb-4 ratio-16-9"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1093_crop_center-center_82_line/183020/En-reprise-Site-web.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x656_crop_center-center_82_line/183020/En-reprise-Site-web.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271093%27 style=%27background:%234d4e4a%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1093_crop_center-center_82_line/183020/En-reprise-Site-web.jpg 2000w, https://quatsous.com/uploads/images/_1200x656_crop_center-center_82_line/183020/En-reprise-Site-web.jpg 1200w" data-sizes="auto" alt="En reprise Site web"> </picture></div><div class="mb-2"> <div class="flex items-start justify-between space-x-8"> <h4 class="font-mono text-xs">18 février 2025</h4></div> </div> <h2 class="text-xl">Tout ça en reprise la saison prochaine !</h2> </a> </div> </article><article class="lg:px-10 md:pb-20 accueil-nouvelles-item"> <div class="reveal" data-y="true" data-bottom="true"> <a href="https://quatsous.com/nouvelles/appel-aux-danseur-euses-battle-hip-hop-au-4sous" class="block image-scale"><div class="w-full mb-4 ratio-16-9"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158856/Je_Comprends_Resptect_Visuel-site-web.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158856/Je_Comprends_Resptect_Visuel-site-web.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271238%27 style=%27background:%23c0adba%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1238_crop_center-center_82_line/158856/Je_Comprends_Resptect_Visuel-site-web.jpg 2000w, https://quatsous.com/uploads/images/_1200x742_crop_center-center_82_line/158856/Je_Comprends_Resptect_Visuel-site-web.jpg 1200w" data-sizes="auto" alt="Je Comprends Resptect Visuel site web"> </picture></div><div class="mb-2"> <div class="flex items-start justify-between space-x-8"> <h4 class="font-mono text-xs">3 février 2025</h4></div> </div> <h2 class="text-xl">Appel aux danseur·euses | Battle hip hop au <span class="numbers">4</span>’SOUS</h2> </a> </div> </article></div> </div> </section><section class="py-10 md:py-20 reveal"> <featured :featured="[{"surTitre":"Plongez dans notre histoire","titre":"Parcourez nos archives&nbsp;!","imagePrincipale":{"webp":"https:\/\/quatsous.com\/uploads\/images\/_2000x1332_crop_center-center_82_line\/39916\/17-LesMorbydes0035728cYanickMacDonald.jpg.webp 2000w, https:\/\/quatsous.com\/uploads\/images\/_1200x799_crop_center-center_82_line\/39916\/17-LesMorbydes0035728cYanickMacDonald.jpg.webp 1200w","placeholder":"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 width=%272000%27 height=%271332%27 style=%27background:%232d2d3c%27 \/%3E","srcset":"https:\/\/quatsous.com\/uploads\/images\/_2000x1332_crop_center-center_82_line\/39916\/17-LesMorbydes0035728cYanickMacDonald.jpg 2000w, https:\/\/quatsous.com\/uploads\/images\/_1200x799_crop_center-center_82_line\/39916\/17-LesMorbydes0035728cYanickMacDonald.jpg 1200w","credits":"Photo: <em>Yanick Macdonald<\/em>"},"texte":"<p>Les archives du directorat de Catherine et Xavier (<span class=\"numbers\">2024<\/span> \u00e0&nbsp;aujourd\u2019hui), d\u2019Olivier Kemeid (<span class=\"numbers\">2016<\/span>\u2212<span class=\"numbers\">2023<\/span>) et celles d\u2019Eric Jean (depuis <span class=\"numbers\">2012<\/span>) sont en ligne. Nous continuerons d\u2019alimenter cette nouvelle section, qui \u00e9voluera au fil des&nbsp;ans.&nbsp;<\/p>","bouton":{"url":"https:\/\/quatsous.com\/archives","text":"En voir plus","target":"_blank"}},{"surTitre":"Rejoignez la grande famille du <span class=\"numbers\">4<\/span>\u2019Sous","titre":"Abonnez-vous&nbsp;!","imagePrincipale":{"webp":"https:\/\/quatsous.com\/uploads\/images\/_2000x1333_crop_center-center_82_line\/4souscFrederiqueMenard-Aubin.jpg.webp 2000w, https:\/\/quatsous.com\/uploads\/images\/_1200x800_crop_center-center_82_line\/4souscFrederiqueMenard-Aubin.jpg.webp 1200w","placeholder":"data:image\/svg+xml,%3Csvg xmlns=%27http:\/\/www.w3.org\/2000\/svg%27 width=%272000%27 height=%271333%27 style=%27background:%237b9bb6%27 \/%3E","srcset":"https:\/\/quatsous.com\/uploads\/images\/_2000x1333_crop_center-center_82_line\/4souscFrederiqueMenard-Aubin.jpg 2000w, https:\/\/quatsous.com\/uploads\/images\/_1200x800_crop_center-center_82_line\/4souscFrederiqueMenard-Aubin.jpg 1200w","credits":"Photo: <em>Fr\u00e9d\u00e9rique M\u00e9nard-Aubin<\/em>"},"texte":"<p>B\u00e9n\u00e9ficiez d\u2019un tarif pr\u00e9f\u00e9rentiel et de nombreux avantages en vous procurant un abonnement pour <span class=\"numbers\">3<\/span>&nbsp;spectacles de notre programmation&nbsp;!<\/p>","bouton":{"url":"https:\/\/quatsous.com\/billetterie\/tarifs-et-abonnements","text":"D\u00e9couvrez notre formule d\u2019abonnement","target":"_blank"}}]"></featured> </section><section class="py-10 md:py-20 reveal"> <div class="container-xl"> <div class="w-full mx-auto text-center md:w-3/4 lg:w-2/3"> <h3 class="text-xl md:text-3xl">Théâtre montréalais, intime<br> et chaleureux qui présente<br> des créations contemporaines <br> d’ici et d’ailleurs.</h3><h4 class="mt-8 text-lg md:mt-10"><span class="caps">THÉÂTRE</span><br> <span class="caps">DE</span> <span class="caps">QUAT</span>’<span class="caps">SOUS</span></h4></div> </div> </section><section class="flex flex-wrap mt-10 text-white lg:h-screen md:mt-20 maisons"> <a href="https://quatsous.com/soutenez-nous/campagne-annuelle" target="" class="relative flex items-center justify-center w-full text-xl leading-tight md:w-1/2 maisons-lien md:h-auto"> <div class="absolute inset-0 w-full h-full pointer-events-none maisons-image"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1333_crop_center-center_82_line/2-Tigre55140cYanickMacDonald.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x799_crop_center-center_82_line/2-Tigre55140cYanickMacDonald.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271333%27 style=%27background:%232a3649%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1333_crop_center-center_82_line/2-Tigre55140cYanickMacDonald.jpg 2000w, https://quatsous.com/uploads/images/_1200x799_crop_center-center_82_line/2-Tigre55140cYanickMacDonald.jpg 1200w" data-sizes="auto" alt="2 Tigre55140c Yanick Mac Donald"> </picture></div><div class="absolute bottom-0 right-0 py-4 pl-2 text-xs text-side"> <p>Photo: <em>Yanick Macdonald</em></p> </div><div class="h-full p-4 md:p-12 maisons-lien-maison"> <svg viewBox="0 0 629 776" xmlns="http://www.w3.org/2000/svg" class="object-contain w-full h-full"> <path d="M628.757 306.619L628.757 775.024L0.244141 775.024L0.244141 306.619L314.525 0L628.757 306.619Z" fill="#fff" /> </svg> </div> <div class="absolute inset-0 z-10 flex flex-col items-center justify-center w-full h-full text-black pointer-events-none maisons-lien-texte"> <span class="block uppercase">Soutenir</span> <span> le théâtre</span> </div> </a> <a href="https://quatsous.com/archives" target="" class="relative flex items-center justify-center w-full text-xl leading-tight md:w-1/2 maisons-lien md:h-auto"> <div class="absolute inset-0 w-full h-full pointer-events-none maisons-image"><picture class="block w-full h-full"> <source data-srcset="https://quatsous.com/uploads/images/_2000x1323_crop_center-center_82_line/12888/5-Testament_0048349cYanickMacDonald.jpg.webp 2000w, https://quatsous.com/uploads/images/_1200x794_crop_center-center_82_line/12888/5-Testament_0048349cYanickMacDonald.jpg.webp 1200w" data-sizes="auto" type="image/webp" /> <img class="lazyload" src="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%272000%27 height=%271323%27 style=%27background:%23323037%27 /%3E" data-srcset="https://quatsous.com/uploads/images/_2000x1323_crop_center-center_82_line/12888/5-Testament_0048349cYanickMacDonald.jpg 2000w, https://quatsous.com/uploads/images/_1200x794_crop_center-center_82_line/12888/5-Testament_0048349cYanickMacDonald.jpg 1200w" data-sizes="auto" alt="5 Testament 0048349c Yanick Mac Donald"> </picture></div><div class="absolute bottom-0 right-0 py-4 pl-2 text-xs text-side"> <p>Photo: <em>Yanick Macdonald</em></p> </div><div class="h-full p-4 md:p-12 maisons-lien-maison"> <svg viewBox="0 0 629 776" xmlns="http://www.w3.org/2000/svg" class="object-contain w-full h-full"> <path d="M628.757 306.619L628.757 775.024L0.244141 775.024L0.244141 306.619L314.525 0L628.757 306.619Z" fill="#000" /> </svg> </div> <div class="absolute inset-0 z-10 flex flex-col items-center justify-center w-full h-full pointer-events-none maisons-lien-texte"> <span class="block uppercase">(Re)visiter</span> <span> nos archives</span> </div> </a> </section> <footer class="relative z-10 hidden py-20 text-xs text-white bg-black whitespace-nowrap xl:block"> <div class="container-xl"> <div class="grid gap-16 grid-cols-footer"> <div class="flex flex-col"> <div> <a href="/" class="inline-block"> <svg viewBox="0 0 186 98" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current max-w-44 w-full"> <path d="M16.5522 76.6441H0V60.9678L10.7959 1.23779H28.7002V60.9678H33V76.6441H28.7002V96.5416H16.5522V76.6441ZM16.5522 60.9678V24.0405H16.5L11.9313 60.9678H16.5522Z" /> <path d="M35.5741 0H49L43.6294 24.7542H33L35.573 0H35.5741Z" /> <path d="M49.001 78.9304V63.011H62.3091V78.9304C62.3091 81.4612 63.0484 82.7936 64.3684 82.7936C65.8993 82.7936 66.5332 81.0613 66.5332 78.3307V68.8721C66.5332 63.3438 65.5829 61.013 63.5758 58.4152L55.866 48.424C51.1125 42.2958 49.0532 36.8345 49.0532 27.7758V20.7822C49.0532 7.66045 55.1266 0 64.8968 0C73.7156 0 79.8945 6.79371 79.8945 19.9155V31.0392H66.6919V18.6501C66.6919 16.3193 66.1112 14.9198 64.738 14.9198C63.3649 14.9198 62.6255 16.1182 62.6255 19.1158V25.7766C62.6255 29.7726 63.2062 32.1705 65.3187 35.0352L72.8176 45.0265C77.2536 50.8876 80 55.8833 80 67.1399V76.9312C80 90.4528 74.5072 97.7792 64.2619 97.7792C54.0167 97.7792 49 90.1858 49 78.9292L49.001 78.9304Z" /> <path d="M83 77.8638V19.9155C83 7.9262 88.9143 0 99.4726 0C110.031 0 116 7.52636 116 19.9155V77.8638C116 90.5186 110.583 97.7792 99.4726 97.7792C88.3622 97.7792 83 90.5186 83 77.8638ZM99.4726 83.3921C100.91 83.3921 101.518 82.1926 101.518 80.3945V17.3835C101.518 15.7183 100.91 14.3201 99.4726 14.3201C98.0354 14.3201 97.4276 15.5854 97.4276 17.3835V80.3945C97.4276 82.1926 98.0354 83.3921 99.4726 83.3921Z" /> <path d="M120 79.0596V1.23779H133.377V79.1907C133.377 80.9 134.12 82.2136 135.5 82.2136C136.88 82.2136 137.623 80.8988 137.623 79.1907V1.23779H151V79.0584C151 89.8377 145.798 96.5416 135.5 96.5416C125.202 96.5416 120 89.8377 120 79.0584V79.0596Z" /> <path d="M154.002 78.9304V63.011H167.739V78.9304C167.739 81.4612 168.503 82.7936 169.865 82.7936C171.445 82.7936 172.1 81.0613 172.1 78.3307V68.8721C172.1 63.3438 171.119 61.013 169.047 58.4152L161.087 48.424C156.182 42.2958 154.055 36.8345 154.055 27.7758V20.7822C154.055 7.66045 160.324 0 170.41 0C179.514 0 185.891 6.79371 185.891 19.9155V31.0392H172.263V18.6501C172.263 16.3193 171.663 14.9198 170.246 14.9198C168.828 14.9198 168.065 16.1182 168.065 19.1158V25.7766C168.065 29.7726 168.664 32.1705 170.845 35.0352L178.586 45.0265C183.165 50.8876 186 55.8833 186 67.1399V76.9312C186 90.4528 180.33 97.7792 169.754 97.7792C159.179 97.7792 154 90.1858 154 78.9292L154.002 78.9304Z" /> </svg> </a> </div> <div class="flex flex-col items-start mt-auto text-sm leading-tight uppercase"> <a href="https://goo.gl/maps/9Ny51AfLKq8CZQu37" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"> <p class="mb-4"> Théâtre de Quat’Sous<br> 100, avenue des Pins Est,<br> Montréal H2W 1N7 </p> </a> <a href="tel:5148457277" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"> <p> Billetterie 514 845-7277 </p> </a> </div> </div> <div> <div> <h5 class="mb-2 text-sm uppercase">Suivez-nous</h5> <div class="flex items-center space-x-4 font-mono uppercase "> <a href="https://www.facebook.com/theatredequatsous" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Facebook</a> <a href="https://www.instagram.com/theatre4sous/" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Instagram</a> <a href="https://www.youtube.com/user/quatsous" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Youtube</a> </div> </div> <div class="mt-8"> <h5 class="mb-2 text-sm uppercase">Infolettre</h5> <button class="button-sm button-sm-black button-sm-footer" data-content="Inscription" @click.prevent="newsletter = true"><span>Inscription</span></button> </div> </div><div class="grid flex-shrink grid-cols-3 col-span-1 gap-16"><div class="flex flex-col items-start"><h5 class="text-sm uppercase">Programmation</h5><a href="https://quatsous.com/programmation/saison-2024-2025" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Saison <span class="numbers">2024</span> – <span class="numbers">2025</span></span></a><a href="https://quatsous.com/programmation/saison-25-26" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Saison <span class="numbers">2025</span> – <span class="numbers">2026</span></span></a><a href="https://quatsous.com/programmation/activites-paralleles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Activités parallèles</span></a><a href="https://quatsous.com/programmation/auditions-generales" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Auditions générales</span></a></div><div class="flex flex-col items-start"><h5 class="text-sm uppercase">Achetez vos billets</h5><a href="https://quatsous.tuxedobillet.com/" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Billetterie</span></a><a href="https://quatsous.com/billetterie/tarifs-et-abonnements" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Tarifs et abonnements</span></a><a href="https://quatsous.com/billetterie/volet-scolaire" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Volet scolaire</span></a></div><div class="flex flex-col items-start"><h5 class="text-sm uppercase">À propos</h5><a href="https://quatsous.com/a-propos/mission-et-historique" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Mission et historique</span></a><a href="https://quatsous.com/a-propos/equipe" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Équipe</span></a><a href="https://quatsous.com/a-propos/ca" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Conseil d’administration</span></a><a href="https://quatsous.com/nouvelles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Nouvelles</span></a><a href="https://quatsous.com/a-propos/salles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Salles et location</span></a><a href="https://quatsous.com/a-propos/partenaires" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Partenaires</span></a><a href="https://quatsous.com/a-propos/nous-joindre" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Nous joindre</span></a><a href="https://quatsous.com/a-propos/accessibilite" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>L’accessibilité au <span class="numbers">4</span>’<span class="caps">SOUS</span></span></a></div><div class="flex flex-col items-start"><h5 class="text-sm uppercase">Communautés</h5><a href="https://quatsous.com/communautes/jeune-troupe-du-quat-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Jeune Troupe du Quat’Sous</span></a><a href="https://quatsous.com/communautes/le-tef-en-residence" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Le Théâtre à l’eau froide en résidence</span></a></div><div class="flex flex-col items-start"><h5 class="text-sm uppercase">Soutenez-nous</h5><a href="https://quatsous.com/soutenez-nous/campagne-annuelle" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Faire un don</span></a><a href="https://quatsous.com/soutenez-nous/dons-planifies" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Dons planifiés</span></a><a href="https://quatsous.com/soutenez-nous/evenements-benefice" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Événements-bénéfice</span></a><a href="https://quatsous.com/soutenez-nous/la-machine-a-4-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>La Machine à <span class="numbers">4</span>’Sous</span></a></div><div class="flex flex-col items-start"><a href="https://quatsous.com/archives" target=""><span class="text-sm uppercase transition-opacity duration-200 ease-out hover:opacity-60">Archives</span></a></div><div class="self-end col-span-2"><img src="https://quatsous.com/uploads/images/partenaires.svg" alt="Partenaires" class="w-auto max-w-full mt-auto"></div> <div class="self-end"><img src="https://quatsous.com/uploads/logos/grand-partenaire.svg" alt="Grand partenaire" class="w-auto max-w-full"></div> </div> </div> </div> </footer> <footer class="relative z-10 py-10 text-xs text-white bg-black whitespace-nowrap xl:hidden"> <div class="container-xl"> <div class="flow-root"> <div class="flex items-start justify-between py-4"> <div> <a href="/" class="inline-block"> <svg viewBox="0 0 186 98" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current w-40"> <path d="M16.5522 76.6441H0V60.9678L10.7959 1.23779H28.7002V60.9678H33V76.6441H28.7002V96.5416H16.5522V76.6441ZM16.5522 60.9678V24.0405H16.5L11.9313 60.9678H16.5522Z" /> <path d="M35.5741 0H49L43.6294 24.7542H33L35.573 0H35.5741Z" /> <path d="M49.001 78.9304V63.011H62.3091V78.9304C62.3091 81.4612 63.0484 82.7936 64.3684 82.7936C65.8993 82.7936 66.5332 81.0613 66.5332 78.3307V68.8721C66.5332 63.3438 65.5829 61.013 63.5758 58.4152L55.866 48.424C51.1125 42.2958 49.0532 36.8345 49.0532 27.7758V20.7822C49.0532 7.66045 55.1266 0 64.8968 0C73.7156 0 79.8945 6.79371 79.8945 19.9155V31.0392H66.6919V18.6501C66.6919 16.3193 66.1112 14.9198 64.738 14.9198C63.3649 14.9198 62.6255 16.1182 62.6255 19.1158V25.7766C62.6255 29.7726 63.2062 32.1705 65.3187 35.0352L72.8176 45.0265C77.2536 50.8876 80 55.8833 80 67.1399V76.9312C80 90.4528 74.5072 97.7792 64.2619 97.7792C54.0167 97.7792 49 90.1858 49 78.9292L49.001 78.9304Z" /> <path d="M83 77.8638V19.9155C83 7.9262 88.9143 0 99.4726 0C110.031 0 116 7.52636 116 19.9155V77.8638C116 90.5186 110.583 97.7792 99.4726 97.7792C88.3622 97.7792 83 90.5186 83 77.8638ZM99.4726 83.3921C100.91 83.3921 101.518 82.1926 101.518 80.3945V17.3835C101.518 15.7183 100.91 14.3201 99.4726 14.3201C98.0354 14.3201 97.4276 15.5854 97.4276 17.3835V80.3945C97.4276 82.1926 98.0354 83.3921 99.4726 83.3921Z" /> <path d="M120 79.0596V1.23779H133.377V79.1907C133.377 80.9 134.12 82.2136 135.5 82.2136C136.88 82.2136 137.623 80.8988 137.623 79.1907V1.23779H151V79.0584C151 89.8377 145.798 96.5416 135.5 96.5416C125.202 96.5416 120 89.8377 120 79.0584V79.0596Z" /> <path d="M154.002 78.9304V63.011H167.739V78.9304C167.739 81.4612 168.503 82.7936 169.865 82.7936C171.445 82.7936 172.1 81.0613 172.1 78.3307V68.8721C172.1 63.3438 171.119 61.013 169.047 58.4152L161.087 48.424C156.182 42.2958 154.055 36.8345 154.055 27.7758V20.7822C154.055 7.66045 160.324 0 170.41 0C179.514 0 185.891 6.79371 185.891 19.9155V31.0392H172.263V18.6501C172.263 16.3193 171.663 14.9198 170.246 14.9198C168.828 14.9198 168.065 16.1182 168.065 19.1158V25.7766C168.065 29.7726 168.664 32.1705 170.845 35.0352L178.586 45.0265C183.165 50.8876 186 55.8833 186 67.1399V76.9312C186 90.4528 180.33 97.7792 169.754 97.7792C159.179 97.7792 154 90.1858 154 78.9292L154.002 78.9304Z" /> </svg> </a> </div> <div class="w-32"> <h5 class="mb-2 text-xs leading-tight uppercase">Suivez-nous</h5> <div class="flex flex-col items-start font-mono uppercase "> <a href="https://www.facebook.com/theatredequatsous" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Facebook</a> <a href="https://www.instagram.com/theatre4sous/" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Instagram</a> <a href="https://www.youtube.com/user/quatsous" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60">Youtube</a> </div> </div> </div> <div class="flex items-start justify-between py-4"> <div> <div class="text-xs leading-tight uppercase"> <a href="https://goo.gl/maps/9Ny51AfLKq8CZQu37" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"> <p class="mb-4"> Théâtre de Quat’Sous<br> 100, avenue des Pins Est,<br> Montréal H2W 1N7 </p> </a> <a href="tel:5148457277" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"> <p> Billetterie 514 845-7277 </p> </a> </div> </div> <div class="w-32"> <h5 class="mb-2 text-xs leading-tight uppercase">Infolettre</h5> <button class="button-sm button-sm-black button-sm-footer" data-content="Inscription" @click.prevent="newsletter = true"><span>Inscription</span></button> </div> </div> <div class="flex items-start justify-between py-4 "> <div class="self-end pr-4"><img src="https://quatsous.com/uploads/images/partenaires.svg" alt="Partenaires" class="w-auto max-w-full"></div> <div class="self-end flex-shrink-0 w-32"><img src="https://quatsous.com/uploads/logos/grand-partenaire.svg" alt="Grand partenaire" class="w-auto max-w-full pr-8"></div> </div> </div> </div> </footer> <transition :css="false" @enter="newsletterEnter" @leave="newsletterLeave"> <div class="fixed inset-0 z-50 flex items-center justify-center p-4 text-xs bg-black cursor-pointer md:p-20 bg-opacity-20" v-if="newsletter" @click.self="newsletter = false" v-cloak> <div class="w-full p-4 text-black cursor-default md:w-1/3 bg-gray md:p-8"> <h2 class="mb-8 text-xl">Infolettre</h2> <form :action="newsletterCat == 'newsletter' ? 'https://suivi.lnk01.com/oi/1/df39e774e3d766d3' : 'https://suivi.lnk01.com/oi/1/cae278e382b0903711226c193cfa4867'" class="flex flex-col items-start" target="_blank"> <input type="hidden" name="form" value="1"> <input type="hidden" name="iehack" value="☠"> <div class="flow-root mb-4 md:mb-8"> <div class="flex flex-wrap items-start -m-2 md:-m-4"> <div class="w-full p-2 newsletter-checkbox md:p-4 md:w-1/2"> <input type="radio" id="newsletter" name="newsletterCat" value="newsletter" v-model="newsletterCat"> <label for="newsletter"><span>Infolettre du Quat’Sous</span></label> </div> <div class="w-full p-2 newsletter-checkbox md:p-4 md:w-1/2"> <input type="radio" id="scolaire" name="newsletterCat" value="scolaire" v-model="newsletterCat"> <label for="scolaire"><span>Infolettre destinée au milieu scolaire</span></label> </div> </div> </div> <input name="email" id="email-1" type="text" class="w-full p-2 mb-4 border-none rounded-none outline-none appearance-none focus:outline-none md:mb-8" placeholder="Courriel"> <button type="submit" class="button-sm" data-content="Envoyer"><span>Envoyer</span></button> </form> </div> </div> </transition><nav class="fixed inset-x-0 top-0 z-50 text-sm pointer-events-none md:p-4 nav headroom whitespace-nowrap"> <div class="flex items-start justify-between w-full overflow-hidden nav-content"> <div class="p-4"> <a href="/" class="block pointer-events-auto"> <svg viewBox="0 0 156 83" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current nav-logo"> <path d="M13.8825 64.4135H0V51.2656L9.05466 1.16943H24.0711V51.2656H27.6774V64.4135H24.0711V81.1017H13.8825V64.4135ZM13.8825 51.2656V20.2943H13.8387L10.0069 51.2656H13.8825Z" /> <path d="M29.8363 0.131348H41.0968L36.5924 20.893H27.6774L29.8355 0.131348H29.8363Z" /> <path d="M41.0976 66.3311V52.9793H52.2592V66.3311C52.2592 68.4536 52.8793 69.5711 53.9864 69.5711C55.2704 69.5711 55.8021 68.1183 55.8021 65.828V57.8951C55.8021 53.2584 55.005 51.3035 53.3217 49.1247L46.8554 40.745C42.8686 35.6053 41.1414 31.0248 41.1414 23.4272V17.5616C41.1414 6.55624 46.2353 0.131348 54.4296 0.131348C61.826 0.131348 67.0083 5.8293 67.0083 16.8346V26.1642H55.9352V15.7734C55.9352 13.8185 55.4482 12.6448 54.2965 12.6448C53.1447 12.6448 52.5247 13.6498 52.5247 16.1639V21.7504C52.5247 25.1019 53.0116 27.113 54.7834 29.5157L61.0728 37.8955C64.7934 42.8113 67.0968 47.0012 67.0968 56.4422V64.6543C67.0968 75.995 62.49 82.1397 53.8971 82.1397C45.3043 82.1397 41.0968 75.7711 41.0968 66.33L41.0976 66.3311Z" /> <path d="M69.6129 65.4365V16.8346C69.6129 6.77913 74.5733 0.131348 83.4287 0.131348C92.2841 0.131348 97.2903 6.44378 97.2903 16.8346V65.4365C97.2903 76.0502 92.7471 82.1397 83.4287 82.1397C74.1103 82.1397 69.6129 76.0502 69.6129 65.4365ZM83.4287 70.0731C84.6342 70.0731 85.1439 69.0671 85.1439 67.559V14.7111C85.1439 13.3144 84.6342 12.1417 83.4287 12.1417C82.2232 12.1417 81.7135 13.203 81.7135 14.7111V67.559C81.7135 69.0671 82.2232 70.0731 83.4287 70.0731Z" /> <path d="M100.645 66.4393V1.16943H111.864V66.5493C111.864 67.9829 112.488 69.0846 113.645 69.0846C114.803 69.0846 115.426 67.9819 115.426 66.5493V1.16943H126.645V66.4383C126.645 75.4791 122.282 81.1017 113.645 81.1017C105.008 81.1017 100.645 75.4791 100.645 66.4383V66.4393Z" /> <path d="M129.163 66.3311V52.9793H140.685V66.3311C140.685 68.4536 141.325 69.5711 142.467 69.5711C143.793 69.5711 144.342 68.1183 144.342 65.828V57.8951C144.342 53.2584 143.519 51.3035 141.781 49.1247L135.106 40.745C130.991 35.6053 129.207 31.0248 129.207 23.4272V17.5616C129.207 6.55624 134.465 0.131348 142.924 0.131348C150.56 0.131348 155.909 5.8293 155.909 16.8346V26.1642H144.478V15.7734C144.478 13.8185 143.976 12.6448 142.787 12.6448C141.598 12.6448 140.958 13.6498 140.958 16.1639V21.7504C140.958 25.1019 141.46 27.113 143.289 29.5157L149.782 37.8955C153.622 42.8113 156 47.0012 156 56.4422V64.6543C156 75.995 151.245 82.1397 142.375 82.1397C133.505 82.1397 129.161 75.7711 129.161 66.33L129.163 66.3311Z" /> </svg> <svg viewBox="0 0 75 95" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden fill-current nav-logo-agora"> <path d="M65.1974 27.77L60.0408 32.7727C64.0742 36.8055 67.1886 39.9704 67.8012 40.583V57.7861H7.19877V40.583C9.03676 38.7453 33.288 14.4465 37.4745 10.2096C38.4445 11.1795 40.4357 13.1703 42.9884 15.7227L48.1961 10.72L37.5255 0L0 37.5712V95H7.19877V64.9839H67.8012V95H75V37.5712L65.1974 27.77Z" /> </svg> </a> </div> <div class="items-start hidden lg:flex"><div class="relative pointer-events-auto group" @mouseenter="navdropEnter($event, 'programmation')" @mouseleave="navdropLeave($event, 'programmation')"> <span class="block p-4 uppercase cursor-default">Programmation</span> <div id="drop-programmation" class="absolute opacity-0 pointer-events-none whitespace-nowrap group-hover:pointer-events-auto nav-drop"> <div class="flex flex-col px-4"><a href="https://quatsous.com/programmation/saison-2024-2025" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Saison <span class="numbers">2024</span> – <span class="numbers">2025</span></span></a><a href="https://quatsous.com/programmation/saison-25-26" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Saison <span class="numbers">2025</span> – <span class="numbers">2026</span></span></a><a href="https://quatsous.com/programmation/activites-paralleles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Activités parallèles</span></a><a href="https://quatsous.com/programmation/auditions-generales" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Auditions générales</span></a></div> </div> </div><div class="relative pointer-events-auto group" @mouseenter="navdropEnter($event, 'achetez-vos-billets')" @mouseleave="navdropLeave($event, 'achetez-vos-billets')"> <span class="block p-4 uppercase cursor-default">Achetez vos billets</span> <div id="drop-achetez-vos-billets" class="absolute opacity-0 pointer-events-none whitespace-nowrap group-hover:pointer-events-auto nav-drop"> <div class="flex flex-col px-4"><a href="https://quatsous.tuxedobillet.com/" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Billetterie</span></a><a href="https://quatsous.com/billetterie/tarifs-et-abonnements" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Tarifs et abonnements</span></a><a href="https://quatsous.com/billetterie/volet-scolaire" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Volet scolaire</span></a></div> </div> </div><div class="relative pointer-events-auto group" @mouseenter="navdropEnter($event, 'à-propos')" @mouseleave="navdropLeave($event, 'à-propos')"> <span class="block p-4 uppercase cursor-default">À propos</span> <div id="drop-à-propos" class="absolute opacity-0 pointer-events-none whitespace-nowrap group-hover:pointer-events-auto nav-drop"> <div class="flex flex-col px-4"><a href="https://quatsous.com/a-propos/mission-et-historique" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Mission et historique</span></a><a href="https://quatsous.com/a-propos/equipe" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Équipe</span></a><a href="https://quatsous.com/a-propos/ca" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Conseil d’administration</span></a><a href="https://quatsous.com/nouvelles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Nouvelles</span></a><a href="https://quatsous.com/a-propos/salles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Salles et location</span></a><a href="https://quatsous.com/a-propos/partenaires" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Partenaires</span></a><a href="https://quatsous.com/a-propos/nous-joindre" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Nous joindre</span></a><a href="https://quatsous.com/a-propos/accessibilite" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>L’accessibilité au <span class="numbers">4</span>’<span class="caps">SOUS</span></span></a></div> </div> </div><div class="relative pointer-events-auto group" @mouseenter="navdropEnter($event, 'communautés')" @mouseleave="navdropLeave($event, 'communautés')"> <span class="block p-4 uppercase cursor-default">Communautés</span> <div id="drop-communautés" class="absolute opacity-0 pointer-events-none whitespace-nowrap group-hover:pointer-events-auto nav-drop"> <div class="flex flex-col px-4"><a href="https://quatsous.com/communautes/jeune-troupe-du-quat-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Jeune Troupe du Quat’Sous</span></a><a href="https://quatsous.com/communautes/le-tef-en-residence" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Le Théâtre à l’eau froide en résidence</span></a></div> </div> </div><div class="relative pointer-events-auto group" @mouseenter="navdropEnter($event, 'soutenez-nous')" @mouseleave="navdropLeave($event, 'soutenez-nous')"> <span class="block p-4 uppercase cursor-default">Soutenez-nous</span> <div id="drop-soutenez-nous" class="absolute opacity-0 pointer-events-none whitespace-nowrap group-hover:pointer-events-auto nav-drop"> <div class="flex flex-col px-4"><a href="https://quatsous.com/soutenez-nous/campagne-annuelle" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Faire un don</span></a><a href="https://quatsous.com/soutenez-nous/dons-planifies" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Dons planifiés</span></a><a href="https://quatsous.com/soutenez-nous/evenements-benefice" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Événements-bénéfice</span></a><a href="https://quatsous.com/soutenez-nous/la-machine-a-4-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>La Machine à <span class="numbers">4</span>’Sous</span></a></div> </div> </div><a href="https://quatsous.com/archives" target="" class="p-4 transition-opacity duration-200 ease-out pointer-events-auto hover:opacity-60"><span class="uppercase">Archives</span></a></div> <div class="lg:hidden"> <button class="block p-4 border-none rounded-none outline-none cursor-pointer pointer-events-auto apparence-none focus:outline-none" @click.prevent="navOpen = true"> <svg width="48" height="19" viewBox="0 0 48 19" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current"> <line y1="1.75" x2="47.4576" y2="1.75" stroke-width="2.5" /> <line y1="17.1416" x2="47.4576" y2="17.1416" stroke-width="2.5" /> </svg> </button> </div> </div> </nav> <transition @enter="navEnter" @leave="navLeave"> <div class="fixed inset-0 flex flex-col w-full h-full text-white bg-black z-60 lg:hidden md:p-4 text-md" v-if="navOpen" v-cloak> <div class="flex items-start justify-between w-full"> <div class="p-4"> <a href="/" class="block"> <svg viewBox="0 0 156 83" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current nav-logo"> <path d="M13.8825 64.4135H0V51.2656L9.05466 1.16943H24.0711V51.2656H27.6774V64.4135H24.0711V81.1017H13.8825V64.4135ZM13.8825 51.2656V20.2943H13.8387L10.0069 51.2656H13.8825Z" /> <path d="M29.8363 0.131348H41.0968L36.5924 20.893H27.6774L29.8355 0.131348H29.8363Z" /> <path d="M41.0976 66.3311V52.9793H52.2592V66.3311C52.2592 68.4536 52.8793 69.5711 53.9864 69.5711C55.2704 69.5711 55.8021 68.1183 55.8021 65.828V57.8951C55.8021 53.2584 55.005 51.3035 53.3217 49.1247L46.8554 40.745C42.8686 35.6053 41.1414 31.0248 41.1414 23.4272V17.5616C41.1414 6.55624 46.2353 0.131348 54.4296 0.131348C61.826 0.131348 67.0083 5.8293 67.0083 16.8346V26.1642H55.9352V15.7734C55.9352 13.8185 55.4482 12.6448 54.2965 12.6448C53.1447 12.6448 52.5247 13.6498 52.5247 16.1639V21.7504C52.5247 25.1019 53.0116 27.113 54.7834 29.5157L61.0728 37.8955C64.7934 42.8113 67.0968 47.0012 67.0968 56.4422V64.6543C67.0968 75.995 62.49 82.1397 53.8971 82.1397C45.3043 82.1397 41.0968 75.7711 41.0968 66.33L41.0976 66.3311Z" /> <path d="M69.6129 65.4365V16.8346C69.6129 6.77913 74.5733 0.131348 83.4287 0.131348C92.2841 0.131348 97.2903 6.44378 97.2903 16.8346V65.4365C97.2903 76.0502 92.7471 82.1397 83.4287 82.1397C74.1103 82.1397 69.6129 76.0502 69.6129 65.4365ZM83.4287 70.0731C84.6342 70.0731 85.1439 69.0671 85.1439 67.559V14.7111C85.1439 13.3144 84.6342 12.1417 83.4287 12.1417C82.2232 12.1417 81.7135 13.203 81.7135 14.7111V67.559C81.7135 69.0671 82.2232 70.0731 83.4287 70.0731Z" /> <path d="M100.645 66.4393V1.16943H111.864V66.5493C111.864 67.9829 112.488 69.0846 113.645 69.0846C114.803 69.0846 115.426 67.9819 115.426 66.5493V1.16943H126.645V66.4383C126.645 75.4791 122.282 81.1017 113.645 81.1017C105.008 81.1017 100.645 75.4791 100.645 66.4383V66.4393Z" /> <path d="M129.163 66.3311V52.9793H140.685V66.3311C140.685 68.4536 141.325 69.5711 142.467 69.5711C143.793 69.5711 144.342 68.1183 144.342 65.828V57.8951C144.342 53.2584 143.519 51.3035 141.781 49.1247L135.106 40.745C130.991 35.6053 129.207 31.0248 129.207 23.4272V17.5616C129.207 6.55624 134.465 0.131348 142.924 0.131348C150.56 0.131348 155.909 5.8293 155.909 16.8346V26.1642H144.478V15.7734C144.478 13.8185 143.976 12.6448 142.787 12.6448C141.598 12.6448 140.958 13.6498 140.958 16.1639V21.7504C140.958 25.1019 141.46 27.113 143.289 29.5157L149.782 37.8955C153.622 42.8113 156 47.0012 156 56.4422V64.6543C156 75.995 151.245 82.1397 142.375 82.1397C133.505 82.1397 129.161 75.7711 129.161 66.33L129.163 66.3311Z" /> </svg> <svg viewBox="0 0 75 95" fill="none" xmlns="http://www.w3.org/2000/svg" class="hidden fill-current nav-logo-agora"> <path d="M65.1974 27.77L60.0408 32.7727C64.0742 36.8055 67.1886 39.9704 67.8012 40.583V57.7861H7.19877V40.583C9.03676 38.7453 33.288 14.4465 37.4745 10.2096C38.4445 11.1795 40.4357 13.1703 42.9884 15.7227L48.1961 10.72L37.5255 0L0 37.5712V95H7.19877V64.9839H67.8012V95H75V37.5712L65.1974 27.77Z" /> </svg> </a> </div> <button class="block p-4 border-none rounded-none outline-none cursor-pointer apparence-none focus:outline-none" @click.prevent="navOpen = false"> <svg width="50" height="19" viewBox="0 0 50 19" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current"> <line x1="0.62328" y1="16.8081" x2="48.0809" y2="1.80812" stroke-width="2.5" /> <line x1="1.38563" y1="1.81097" x2="48.8432" y2="17.2026" stroke-width="2.5" /> </svg> </button> </div> <div class="flex flex-col flex-1 mt-4 overflow-y-auto nav-mobile-content"> <div class="flex-1 pb-4"><div class="nav-mobile"> <div class="flex items-start justify-between p-4 space-x-8" @click.prevent="clickDrawer(1)"> <span class="leading-none uppercase cursor-default">Programmation</span> <div> <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-150 ease-out transform stroke-current" :class="{'rotate-180' : open.includes(1) }"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07111 7.43504L1.35359 0.717532L0.646484 1.42464L8.07111 8.84926L15.4957 1.42464L14.7886 0.717529L8.07111 7.43504Z" /> </svg> </div> </div> <transition @enter="contentEnter" @leave="contentLeave"> <div class="overflow-hidden" v-if="open.includes(1)" :data-index="1" v-cloak> <div id="drop-mobile-programmation" class="pb-4 whitespace-nowrap"> <div class="flex flex-col px-4"><a href="https://quatsous.com/programmation/saison-2024-2025" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Saison <span class="numbers">2024</span> – <span class="numbers">2025</span></span></a><a href="https://quatsous.com/programmation/saison-25-26" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Saison <span class="numbers">2025</span> – <span class="numbers">2026</span></span></a><a href="https://quatsous.com/programmation/activites-paralleles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Activités parallèles</span></a><a href="https://quatsous.com/programmation/auditions-generales" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Auditions générales</span></a></div> </div> </div> </transition> </div><div class="nav-mobile"> <div class="flex items-start justify-between p-4 space-x-8" @click.prevent="clickDrawer(2)"> <span class="leading-none uppercase cursor-default">Achetez vos billets</span> <div> <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-150 ease-out transform stroke-current" :class="{'rotate-180' : open.includes(2) }"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07111 7.43504L1.35359 0.717532L0.646484 1.42464L8.07111 8.84926L15.4957 1.42464L14.7886 0.717529L8.07111 7.43504Z" /> </svg> </div> </div> <transition @enter="contentEnter" @leave="contentLeave"> <div class="overflow-hidden" v-if="open.includes(2)" :data-index="2" v-cloak> <div id="drop-mobile-achetez-vos-billets" class="pb-4 whitespace-nowrap"> <div class="flex flex-col px-4"><a href="https://quatsous.tuxedobillet.com/" target="_blank" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Billetterie</span></a><a href="https://quatsous.com/billetterie/tarifs-et-abonnements" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Tarifs et abonnements</span></a><a href="https://quatsous.com/billetterie/volet-scolaire" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Volet scolaire</span></a></div> </div> </div> </transition> </div><div class="nav-mobile"> <div class="flex items-start justify-between p-4 space-x-8" @click.prevent="clickDrawer(3)"> <span class="leading-none uppercase cursor-default">À propos</span> <div> <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-150 ease-out transform stroke-current" :class="{'rotate-180' : open.includes(3) }"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07111 7.43504L1.35359 0.717532L0.646484 1.42464L8.07111 8.84926L15.4957 1.42464L14.7886 0.717529L8.07111 7.43504Z" /> </svg> </div> </div> <transition @enter="contentEnter" @leave="contentLeave"> <div class="overflow-hidden" v-if="open.includes(3)" :data-index="3" v-cloak> <div id="drop-mobile-à-propos" class="pb-4 whitespace-nowrap"> <div class="flex flex-col px-4"><a href="https://quatsous.com/a-propos/mission-et-historique" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Mission et historique</span></a><a href="https://quatsous.com/a-propos/equipe" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Équipe</span></a><a href="https://quatsous.com/a-propos/ca" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Conseil d’administration</span></a><a href="https://quatsous.com/nouvelles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Nouvelles</span></a><a href="https://quatsous.com/a-propos/salles" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Salles et location</span></a><a href="https://quatsous.com/a-propos/partenaires" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Partenaires</span></a><a href="https://quatsous.com/a-propos/nous-joindre" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Nous joindre</span></a><a href="https://quatsous.com/a-propos/accessibilite" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>L’accessibilité au <span class="numbers">4</span>’<span class="caps">SOUS</span></span></a></div> </div> </div> </transition> </div><div class="nav-mobile"> <div class="flex items-start justify-between p-4 space-x-8" @click.prevent="clickDrawer(4)"> <span class="leading-none uppercase cursor-default">Communautés</span> <div> <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-150 ease-out transform stroke-current" :class="{'rotate-180' : open.includes(4) }"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07111 7.43504L1.35359 0.717532L0.646484 1.42464L8.07111 8.84926L15.4957 1.42464L14.7886 0.717529L8.07111 7.43504Z" /> </svg> </div> </div> <transition @enter="contentEnter" @leave="contentLeave"> <div class="overflow-hidden" v-if="open.includes(4)" :data-index="4" v-cloak> <div id="drop-mobile-communautés" class="pb-4 whitespace-nowrap"> <div class="flex flex-col px-4"><a href="https://quatsous.com/communautes/jeune-troupe-du-quat-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Jeune Troupe du Quat’Sous</span></a><a href="https://quatsous.com/communautes/le-tef-en-residence" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>Le Théâtre à l’eau froide en résidence</span></a></div> </div> </div> </transition> </div><div class="nav-mobile"> <div class="flex items-start justify-between p-4 space-x-8" @click.prevent="clickDrawer(5)"> <span class="leading-none uppercase cursor-default">Soutenez-nous</span> <div> <svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-150 ease-out transform stroke-current" :class="{'rotate-180' : open.includes(5) }"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.07111 7.43504L1.35359 0.717532L0.646484 1.42464L8.07111 8.84926L15.4957 1.42464L14.7886 0.717529L8.07111 7.43504Z" /> </svg> </div> </div> <transition @enter="contentEnter" @leave="contentLeave"> <div class="overflow-hidden" v-if="open.includes(5)" :data-index="5" v-cloak> <div id="drop-mobile-soutenez-nous" class="pb-4 whitespace-nowrap"> <div class="flex flex-col px-4"><a href="https://quatsous.com/soutenez-nous/campagne-annuelle" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Faire un don</span></a><a href="https://quatsous.com/soutenez-nous/dons-planifies" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Dons planifiés</span></a><a href="https://quatsous.com/soutenez-nous/evenements-benefice" target="" class="transition-opacity duration-200 ease-out hover:opacity-60 mb-1"><span>Événements-bénéfice</span></a><a href="https://quatsous.com/soutenez-nous/la-machine-a-4-sous" target="" class="transition-opacity duration-200 ease-out hover:opacity-60"><span>La Machine à <span class="numbers">4</span>’Sous</span></a></div> </div> </div> </transition> </div><a href="https://quatsous.com/archives" target="" class="block p-4 transition-opacity duration-200 ease-out pointer-events-auto hover:opacity-60"><span class="uppercase">Archives</span></a></div> <div class="flex p-4"> <a href="https://www.zeffy.com/fundraising/aidez-nous-a-preserver-la-vitalite-du-4sous-faites-un-don" target="_blank" class="button-sm button-sm-white button-sm-billetterie mr-4" data-content="Faire un don"><span>Faire un don</span></a> <a href="https://quatsous.tuxedobillet.com/" target="_blank" class="button-sm button-sm-white button-sm-billetterie" data-content="Billetterie"><span>Billetterie</span></a> </div> </div> </div> </transition></div> </div> </div> <div class="fixed inset-0 z-50 flex items-center justify-center text-white bg-black loading"> <svg width="75" height="96" viewBox="0 0 75 96" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current loading-logo"> <path id="logo-full" d="M34.8418 2.78826L37.6291 0.349335L74.9098 37.8042V95.2931H0V37.8042L34.8418 2.78826Z" /> </svg> </div> <div class="fixed inset-x-0 top-0 z-50 loader"> <div class="loader-inner"></div> </div> <script type="text/javascript" src="/assets/js/app.js?id=508d2f61e5ab406ca0f9d71770e32464"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://quatsous.com/#identity"},"copyrightHolder":{"@id":"https://quatsous.com/#identity"},"copyrightYear":"2021","creator":{"@id":"https://quatsous.com/#creator"},"dateModified":"2025-03-07T14:11:23-05:00","datePublished":"2021-06-30T13:16:00-04:00","description":"Théâtre montréalais, intime et chaleureux qui présente des créations contemporaines d'ici et d'ailleurs.","image":{"@type":"ImageObject","url":"https://quatsous.com/uploads/images/_1200x630_crop_center-center_82_none/4SOUS_Visuel-site-web-Saison_Sans-logo.png?mtime=1714493475"},"inLanguage":"fr-ca","mainEntityOfPage":"https://quatsous.com/","publisher":{"@id":"https://quatsous.com/#creator"},"url":"https://quatsous.com"},{"@id":"https://quatsous.com/#identity","@type":"LocalBusiness","name":"Théâtre de Quat’Sous","priceRange":"$","sameAs":["http://twitter.com/quatsous","http://www.facebook.com/theatredequatsous","http://www.youtube.com/user/quatsous","https://www.instagram.com/theatre4sous/"],"url":"https://quatsous.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://quatsous.com","name":"Accueil","position":1}],"name":"Breadcrumbs"}]}</script></body> </html>