{"id":2120,"date":"2025-08-11T15:47:50","date_gmt":"2025-08-11T19:47:50","guid":{"rendered":"https:\/\/slc.qc.ca\/programs\/arts-literature-communication\/"},"modified":"2026-01-21T12:20:17","modified_gmt":"2026-01-21T17:20:17","slug":"arts-lettres-communication","status":"publish","type":"programs","link":"https:\/\/slc.qc.ca\/fr\/programmes\/arts-lettres-communication\/","title":{"rendered":"Arts, lettres et communication"},"content":{"rendered":"    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"a-propos\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-7 xl:col-start-7 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">Ce que vous pouvez attendre du programme<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p>Dans le programme Arts, lettres et communication, vous perfectionnerez votre anglais et votre fran\u00e7ais, \u00e0 l\u2019oral comme \u00e0 l\u2019\u00e9crit, tout en d\u00e9veloppant une compr\u00e9hension des enjeux culturels sous les deux perspectives linguistiques. Vous am\u00e9liorerez \u00e9galement votre ma\u00eetrise de l\u2019espagnol. De plus, gr\u00e2ce \u00e0 des cours ax\u00e9s sur la cr\u00e9ativit\u00e9 et l\u2019expression, vous gagnerez en aisance \u00e0 l\u2019oral, raffinerez vos comp\u00e9tences en recherche acad\u00e9mique et renforcerez votre pens\u00e9e critique en explorant la culture occidentale et la fiction populaire.<\/p>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-1 lg:col-start-2 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"853\" height=\"1280\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/3495bb3f-feca-47bf-a110-3a3b760126fd-150x225.jpg 150w\" data-sizes=\"(max-width: 853px) 100vw, 853px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 853px; --smush-placeholder-aspect-ratio: 853\/1280;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"content-cards || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Inspire des id\u00e9es gr\u00e2ce \u00e0 la culture, la cr\u00e9ation et l&rsquo;expression<\/h2>\r\n                    <\/div>\r\n            <div class=\"grid gap-6 grid-cols-1 || sm:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\r\n                \r\n        <div class=\"card-content rounded-corners || group flex flex-col justify-between py-8 px-5 bg-accent [.page-template-template-bloom_&#038;]:bg-accentBloom !text-light max-sm:pb-10 sm:min-h-[18.75rem] md:p-8\">\r\n                <span>\r\n                            <h3 class=\"text-h4 !text-light\">\u00c9tudier en fran\u00e7ais, anglais et espagnol<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW253481585 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW253481585 BCX0\">D\u00e9veloppez des comp\u00e9tences en communication multilingue qui vous feront sortir du lot dans n\u2019importe quel domaine.<\/span><\/span><\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n\r\n        <div class=\"card-content rounded-corners || group flex flex-col justify-between py-8 px-5 bg-accent [.page-template-template-bloom_&#038;]:bg-accentBloom !text-light max-sm:pb-10 sm:min-h-[18.75rem] md:p-8\">\r\n                <span>\r\n                            <h3 class=\"text-h4 !text-light\">\u00c9tudier dans une ville de litt\u00e9rature UNESCO <\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p>Qu\u00e9bec est la premi\u00e8re ville francophone \u00e0 avoir obtenu le titre de ville de litt\u00e9rature par l&rsquo;UNESCO, un t\u00e9moignage de sa riche culture litt\u00e9raire. Cette distinction refl\u00e8te un r\u00e9seau dynamique de biblioth\u00e8ques, la renomm\u00e9e de la Maison de la litt\u00e9rature et une communaut\u00e9 florissante d\u2019\u00e9crivains, d\u2019\u00e9diteurs et de libraires.<\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n\r\n        <div class=\"card-content rounded-corners || group flex flex-col justify-between py-8 px-5 bg-accent [.page-template-template-bloom_&#038;]:bg-accentBloom !text-light max-sm:pb-10 sm:min-h-[18.75rem] md:p-8\">\r\n                <span>\r\n                            <h3 class=\"text-h4 !text-light\">Explorer les enjeux culturels et nationaux \u00e0 travers une perspective bilingue<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p>Gr\u00e2ce \u00e0 sa position unique au carrefour des influences culturelles anglaises et fran\u00e7aises, St. Lawrence aborde les enjeux culturels nationaux dans deux cours : <em data-start=\"1000\" data-end=\"1030\">Canadian Arts and Literature<\/em> et Le Qu\u00e9bec \u00e0 travers son art. Vous pourrez ainsi explorer la question essentielle de l\u2019identit\u00e9 sous deux angles compl\u00e9mentaires.<\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"stats || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper\">\r\n                        <div class=\"flex flex-wrap justify-center gap-y-16\">\r\n                <div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            3        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Langues d\u2019enseignement<\/h4>\r\n    <\/div><div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            24        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Nombre d\u2019heures de cours par session, au maximum<\/h4>\r\n    <\/div><div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            93.8%        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Pourcentage d\u2019\u00e9tudiants qui sont accept\u00e9s dans leur premier choix de programme universitaire<\/h4>\r\n    <\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"text-and-image-accordion || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"niveau-d-espagnol\" ><\/span>        <div class=\"wrapper || max-lg:flex max-lg:flex-col-reverse lg:grid-col\">\r\n\r\n            <div class=\"mt-16 || lg:mt-0 lg:col-span-5 lg:col-start-1\">\r\n                    <div class=\"thumbnail w-full rounded-corners\"\r\n        style=\"padding-bottom: 112.80864197531%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"853\" height=\"1280\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40.jpg\" class=\"rounded-corners lazyload\" alt=\"Accordion module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/07\/b06591f6-f8ec-494a-985f-9f9967150c40-150x225.jpg 150w\" data-sizes=\"(max-width: 853px) 100vw, 853px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 853px; --smush-placeholder-aspect-ratio: 853\/1280;\" \/>  <\/div>            <\/div>\r\n\r\n            <div class=\"content ||  lg:col-span-7 xl:col-span-6 lg:col-start-6 xl:col-start-7\">\r\n                                    <h2 class=\"text-h2 || mb-6\">Prenez les devants dans vos \u00e9tudes<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p><span class=\"TextRun SCXW103124989 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW103124989 BCX0\">Pendant votre DEC, vous aurez l\u2019occasion d\u2019\u00e9tudier en anglais, en fran\u00e7ais et en espagnol. Votre cheminement pr\u00e9cis sera d\u00e9termin\u00e9 en fonction de votre statut de certificat et de vos connaissances pr\u00e9alables en espagnol.<\/span><\/span><\/p>\n<p>Si vous \u00eates admissible \u00e0 fr\u00e9quenter une \u00e9cole anglophone en vertu de la Charte de la langue fran\u00e7aise et que vous \u00eates titulaire d&rsquo;un certificat d\u00e9livr\u00e9 par le minist\u00e8re de l&rsquo;\u00c9ducation, vous \u00eates consid\u00e9r\u00e9 comme titulaire d&rsquo;un certificat. Votre s\u00e9quence de cours sera alors d\u00e9termin\u00e9e par votre niveau de fran\u00e7ais (1-2 ou 3-4). Pour plus d&rsquo;informations sur les certificats, veuillez consulter le site web du <a href=\"https:\/\/www.quebec.ca\/education\/prescolaire-primaire-et-secondaire\/accompagnement-soutien-eleves\/admissibilite-enseignement-anglais\">minist\u00e8re de l&rsquo;\u00c9ducation<\/a>. Si vous n&rsquo;\u00eates pas admissible, vous devez suivre la s\u00e9quence de cours pour les non-titulaires d&rsquo;un certificat qui pr\u00e9pare les \u00e9tudiants \u00e0 l&rsquo;\u00c9preuve uniforme de fran\u00e7ais (EUF).<\/p>\n<\/div>\r\n                <div class=\"accordions-container mt-8 || lg:mt-10\">\r\n                    \r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-0\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                L1 \u2013 Pas de connaissances pr\u00e9alables en espagnol            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"TextRun SCXW140122130 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW140122130 BCX0\">Ce parcours comprend les cours coll\u00e9giaux I, II et III en espagnol.<\/span><\/span><\/p>\n<p><a class=\"btn-primary red\" href=\"#cours-pas-d-espagnol-prealable\" target=\"\"> Voir s\u00e9quence de cours<\/a><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-1\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                L2 \u2013 Connaissances pr\u00e9alables en espagnol            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"TextRun SCXW64878885 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW64878885 BCX0\">Ce parcours comprend les cours coll\u00e9giaux II, III et IV en espagnol.<\/span><\/span><\/p>\n<p><strong data-start=\"242\" data-end=\"293\">Proc\u00e9dure d\u2019\u00e9quivalence linguistique (espagnol)<\/strong><\/p>\n<p>Les \u00e9tudiants ayant des connaissances pr\u00e9alables en espagnol peuvent demander une \u00e9quivalence de cours moyennant des frais de 25 $.<\/p>\n<p><strong data-start=\"429\" data-end=\"441\">\u00c9tapes :<\/strong><\/p>\n<ol>\n<li data-start=\"444\" data-end=\"594\">\n<p data-start=\"447\" data-end=\"594\">Soumettez le formulaire de demande d\u2019\u00e9quivalence ainsi que le paiement de 25 $ \u00e0 <a href=\"mailto:admissionslc@crcmail.net\">admissionslc@crcmail.net<\/a>. Un test de placement vous sera envoy\u00e9.<\/p>\n<\/li>\n<li data-start=\"595\" data-end=\"707\">\n<p data-start=\"598\" data-end=\"707\">Selon vos r\u00e9sultats, vous pourriez \u00eatre invit\u00e9 \u00e0 passer un test suppl\u00e9mentaire lors des journ\u00e9es d\u2019accueil.<\/p>\n<\/li>\n<li data-start=\"708\" data-end=\"872\">\n<p data-start=\"711\" data-end=\"872\">Une fois que St. Lawrence aura vos r\u00e9sultats, ils vous seront transmis et vous serez plac\u00e9 au niveau appropri\u00e9. Vous recevrez un cr\u00e9dit pour les cours d\u00e9j\u00e0 acquis.<\/p>\n<\/li>\n<\/ol>\n<p>Pour toute question, veuillez contacter notre conseiller p\u00e9dagogique.<\/p>\n<p><a class=\"btn-primary red\" href=\"#cours-espagnol-prealable\" target=\"\"> Voir s\u00e9quence de cours<\/a><\/p>\n<p>&nbsp;<\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n    <section class=\"tabs-accordions || section\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"cours-pas-d-espagnol-prealable\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour les \u00e9tudiants sans connaissances pr\u00e9alables en espagnol<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre s\u00e9quence de cours sp\u00e9cifique est d\u00e9termin\u00e9 par votre statut de titulaire de certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours<\/p>\n<p>(Th\u00e9orie &#8211; Laboratoire &#8211; Travail personnel)<\/p>\n<ul>\n<li>Th\u00e9orie (T) : Heures de cours par semaine<\/li>\n<li>Laboratoire (L) : Heures de laboratoire ou de stage par semaine<\/li>\n<li>Travail personnel (P) : Heures estim\u00e9es de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : Heures en classe (Th\u00e9orie + Laboratoire) pour la session.<\/p>\n<\/div>            <\/div>\r\n\r\n                            <div class=\"tabs-topbar\">\r\n                                            <button\r\n                            data-tab=\"0\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Non titulaires de certificat                        <\/button>\r\n                                            <button\r\n                            data-tab=\"1\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 1-2                        <\/button>\r\n                                            <button\r\n                            data-tab=\"2\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 3-4                        <\/button>\r\n                                    <\/div>\r\n\r\n                <div class=\"accordions || mt-4\">\r\n                                            <div data-content=\"0\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF1-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Po\u00e9sie, th\u00e9\u00e2tre et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF2-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Comparaison d&rsquo;oeuvres litt\u00e9raires                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"1\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BNY-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc B                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"2\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BNY-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc B                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n\n\n\r\n    <section class=\"tabs-accordions || section\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"cours-espagnol-prealable\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour les \u00e9tudiants ayant des connaissances pr\u00e9alables en espagnol<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours de cours sp\u00e9cifique est d\u00e9termin\u00e9 par votre statut de titulaire de certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours<\/p>\n<p>(Th\u00e9orie &#8211; Laboratoire &#8211; Travail personnel)<\/p>\n<ul>\n<li>Th\u00e9orie (T) : Heures de cours par semaine<\/li>\n<li>Laboratoire (L) : Heures de laboratoire ou de stage par semaine<\/li>\n<li>Travail personnel (P) : Heures estim\u00e9es de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : Heures en classe (Th\u00e9orie + Laboratoire) pour la session<\/p>\n<p>&nbsp;<\/p>\n<\/div>            <\/div>\r\n\r\n                            <div class=\"tabs-topbar\">\r\n                                            <button\r\n                            data-tab=\"0\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Non titulaires de certificat                        <\/button>\r\n                                            <button\r\n                            data-tab=\"1\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 1-2                        <\/button>\r\n                                            <button\r\n                            data-tab=\"2\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 3-4                        <\/button>\r\n                                    <\/div>\r\n\r\n                <div class=\"accordions || mt-4\">\r\n                                            <div data-content=\"0\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF1-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Po\u00e9sie, th\u00e9\u00e2tre et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF2-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Comparaison d&rsquo;oeuvres litt\u00e9raires                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"1\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BNY-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc B                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"2\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BNY-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc B                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n\n\n\r\n    <section class=\"cards-popup || section different-background section-dark\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"nos-diplomes\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Votre chemin vers l\u2019obtention de votre dipl\u00f4me<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Tous les programmes coll\u00e9giaux au Qu\u00e9bec sont associ\u00e9s \u00e0 un profil de sortie qui d\u00e9crit les comp\u00e9tences que les \u00e9tudiants doivent acqu\u00e9rir pour obtenir leur dipl\u00f4me. Pour \u00e9valuer l\u2019atteinte de ces comp\u00e9tences, les \u00e9tudiants r\u00e9alisent une \u00e9preuve synth\u00e8se de programme (ESP).<\/p>\n<\/div>            <\/div>\r\n            <div class=\"grid gap-6 grid-cols-1 || sm:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\r\n                \r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"Profil de sortie \u2013 Arts, lettres et communication (ALC)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-150x100.jpg 150w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">Profil de sortie \u2013 Arts, lettres et communication (ALC)<\/h3>\r\n                        <button class=\"btn-round\"><span class=\"plus block m-auto\"><\/span><\/button>\r\n        <\/span>\r\n    <\/div>\r\n        <div class=\"popup-modal || custom-transition w-screen h-screen translate-x-full justify-between bg-light fixed top-0 right-0 z-[80] flex overflow-y-auto flex-col || lg:overflow-hidden lg:flex-row-reverse\">\r\n        <div class=\"modal-close || absolute top-4 right-4 w-10 h-10 flex justify-center items-center rounded-full z-40 cursor-pointer [&#038;_path]:fill-secondary || lg:top-8 lg:right-8\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#EA0029\" id=\"circle\"\/>\r\n<rect x=\"26.5994\" y=\"25.4\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(135 26.5994 25.4)\" fill=\"white\" id=\"line\"\/>\r\n<rect x=\"14.6006\" y=\"26.6\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(-135 14.6006 26.6)\" fill=\"white\" id=\"line\"\/>\r\n<\/svg>\r\n        <\/div>\r\n        <div class=\"bg-light py-20 px-5 || sm:px-8 lg:w-[55%] lg:overflow-y-auto lg:px-20 lg:py-[6.25rem] xl:py-[9.375rem] xl:px-[7.5rem]\">\r\n            <div class=\"wysiwyg-container || max-w-[46.875rem] mr-auto [&#038;_*]:!text-textcolor [&#038;_a]:!text-secondary [&#038;_a_span]:!text-secondary [&#038;_a.red]:!text-light [&#038;_*_tr]:!border-black\/30\">\r\n    <p data-start=\"99\" data-end=\"200\">Les dipl\u00f4m\u00e9\u00b7e\u00b7s du programme <strong data-start=\"128\" data-end=\"178\">Arts, lettres et communication de St. Lawrence<\/strong> seront en mesure de :<\/p>\n<p data-start=\"202\" data-end=\"1285\">\u2022 Aborder les questions de culture litt\u00e9raire et esth\u00e9tique \u00e0 la lumi\u00e8re d\u2019une connaissance des classiques occidentaux et de la culture contemporaine, ainsi que d\u2019une compr\u00e9hension des apports culturels du Canada anglais et du Qu\u00e9bec ;<br data-start=\"437\" data-end=\"440\" \/>\u2022 Exercer leur cr\u00e9ativit\u00e9 en d\u00e9veloppant des projets de cr\u00e9ation et en r\u00e9fl\u00e9chissant au processus cr\u00e9atif ;<br data-start=\"547\" data-end=\"550\" \/>\u2022 Faire preuve de curiosit\u00e9 intellectuelle et de rigueur acad\u00e9mique en planifiant et en menant des activit\u00e9s de recherche, en utilisant les technologies de l\u2019information appropri\u00e9es, en identifiant des m\u00e9thodes, des sources et des techniques pertinentes, en lisant de fa\u00e7on critique, en pr\u00e9sentant les r\u00e9sultats d\u2019une r\u00e9flexion critique tant \u00e0 l\u2019oral qu\u2019\u00e0 l\u2019\u00e9crit, et en faisant preuve d\u2019int\u00e9grit\u00e9 et d\u2019autonomie intellectuelles ;<br data-start=\"980\" data-end=\"983\" \/>\u2022 Communiquer efficacement en ma\u00eetrisant l\u2019anglais au niveau d\u2019un locuteur natif, le fran\u00e7ais \u00e0 un niveau \u00e9lev\u00e9, ainsi que l\u2019espagnol avec un certain degr\u00e9 d\u2019autonomie ;<br data-start=\"1152\" data-end=\"1155\" data-is-only-node=\"\" \/>\u2022 Devenir des citoyen\u00b7ne\u00b7s du monde accomplis en d\u00e9veloppant une ouverture \u00e0 l\u2019autre et en faisant preuve de curiosit\u00e9 culturelle.<\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1400x933.jpg\" class=\"w-full h-full object-cover hidden lg:block lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>    <div class=\"thumbnail w-full lg:hidden\"\r\n        style=\"padding-bottom: 127.05882352941%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>  <\/div>        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"\u00c9preuve synth\u00e8se \u2013 Arts, lettres et communication (ALC)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">\u00c9preuve synth\u00e8se \u2013 Arts, lettres et communication (ALC)<\/h3>\r\n                        <button class=\"btn-round\"><span class=\"plus block m-auto\"><\/span><\/button>\r\n        <\/span>\r\n    <\/div>\r\n        <div class=\"popup-modal || custom-transition w-screen h-screen translate-x-full justify-between bg-light fixed top-0 right-0 z-[80] flex overflow-y-auto flex-col || lg:overflow-hidden lg:flex-row-reverse\">\r\n        <div class=\"modal-close || absolute top-4 right-4 w-10 h-10 flex justify-center items-center rounded-full z-40 cursor-pointer [&#038;_path]:fill-secondary || lg:top-8 lg:right-8\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#EA0029\" id=\"circle\"\/>\r\n<rect x=\"26.5994\" y=\"25.4\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(135 26.5994 25.4)\" fill=\"white\" id=\"line\"\/>\r\n<rect x=\"14.6006\" y=\"26.6\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(-135 14.6006 26.6)\" fill=\"white\" id=\"line\"\/>\r\n<\/svg>\r\n        <\/div>\r\n        <div class=\"bg-light py-20 px-5 || sm:px-8 lg:w-[55%] lg:overflow-y-auto lg:px-20 lg:py-[6.25rem] xl:py-[9.375rem] xl:px-[7.5rem]\">\r\n            <div class=\"wysiwyg-container || max-w-[46.875rem] mr-auto [&#038;_*]:!text-textcolor [&#038;_a]:!text-secondary [&#038;_a_span]:!text-secondary [&#038;_a.red]:!text-light [&#038;_*_tr]:!border-black\/30\">\r\n    <p>L\u2019\u00e9preuve synth\u00e8se permettra aux \u00e9tudiant\u00b7e\u00b7s de d\u00e9montrer leur ma\u00eetrise de l\u2019ensemble des comp\u00e9tences \u00e9nonc\u00e9es dans le profil de sortie du programme Arts, lettres et communication. Elle prendra la forme d\u2019un portfolio num\u00e9rique que les \u00e9tudiant\u00b7e\u00b7s d\u00e9velopperont tout au long de leur parcours dans le programme. Lors de leur derni\u00e8re session, l\u2019\u00e9preuve synth\u00e8se culminera par des projets r\u00e9alis\u00e9s dans les cours <em>Pop Fiction<\/em> (anglais), Projet cr\u00e9atif (fran\u00e7ais) et <em>Exploring Cultural Diversity<\/em> (espagnol).<\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg\" class=\"w-full h-full object-cover hidden lg:block lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>    <div class=\"thumbnail w-full lg:hidden\"\r\n        style=\"padding-bottom: 127.05882352941%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>  <\/div>        <\/div>\r\n    <\/div>\r\n<\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-7 xl:col-start-7 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">O\u00f9 peut vous mener un DEC en ALC?<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p>Le DEC en Arts, lettres et communication ouvre la porte \u00e0 des \u00e9tudes universitaires dans de nombreux domaines, notamment\u202f:<\/p>\n<ul>\n<li>L&rsquo;enseignement au primaire ou au secondaire<\/li>\n<li>L\u2019enseignement de l\u2019anglais langue seconde (ALS)<\/li>\n<li>Les relations internationales<\/li>\n<li>Les relations publiques<\/li>\n<li>Les \u00e9tudes en communication<\/li>\n<li>Le journalisme et les m\u00e9dias audiovisuels<\/li>\n<li>Le droit<\/li>\n<li>La traduction<\/li>\n<li>L\u2019\u00e9criture cr\u00e9ative<\/li>\n<li>La r\u00e9daction professionnelle<\/li>\n<li>La linguistique et les langues<\/li>\n<li>Les \u00e9tudes litt\u00e9raires<\/li>\n<li>Les \u00e9tudes anglaises<\/li>\n<li>Les \u00e9tudes fran\u00e7aises<\/li>\n<li>Les \u00e9tudes hispaniques<\/li>\n<\/ul>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-1 lg:col-start-2 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-1024x683.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05624-150x100.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n    <section class=\"slider-testimonials || section || \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"temoignages\" ><\/span>        <div class=\"wrapper || md:grid-col\">\r\n\r\n            <div class=\"content || col-span-8 flex flex-col items-center justify-center text-center  ||  col-start-3\">\r\n                <div class=\"content-slider swiper-container || flex flex-col overflow-hidden w-full\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        \r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">Je suis tellement heureuse d&rsquo;avoir choisi ALC St. Lawrence ! Les amiti\u00e9s que j&rsquo;ai nou\u00e9es, l&rsquo;excellence des enseignants et la grande vari\u00e9t\u00e9 d&rsquo;activit\u00e9s parascolaires ont rendu mon s\u00e9jour ici inoubliable. Mon programme m&rsquo;a permis d&rsquo;\u00e9largir ma perspective sur les cultures mondiales, m&rsquo;a aid\u00e9e \u00e0 ma\u00eetriser le fran\u00e7ais, l&rsquo;anglais et l&rsquo;espagnol, et m&rsquo;a appris des comp\u00e9tences inestimables en mati\u00e8re de gestion du temps et de planification. Il a \u00e9galement suscit\u00e9 en moi le d\u00e9sir d&rsquo;exprimer ma cr\u00e9ativit\u00e9. Je recommande sans r\u00e9serve d&rsquo;\u00e9tudier ici pour l&rsquo;environnement favorable. Les enseignants sont disponibles, aimables et peuvent passer plus de temps en t\u00eate-\u00e0-t\u00eate avec les \u00e9tudiants, car il s&rsquo;agit d&rsquo;un petit \u00e9tablissement. En tant que future dipl\u00f4m\u00e9e et future \u00e9tudiante en droit, je me sens parfaitement pr\u00e9par\u00e9e \u00e0 relever les d\u00e9fis qui m&rsquo;attendent, et je ne remercierai jamais assez l&rsquo;\u00e9tablissement pour cela.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Selena Laflamme<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiante en ALC<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">\u00c9tudier dans le programme ALC a \u00e9t\u00e9 une exp\u00e9rience incroyable. Cela m&rsquo;a permis de d\u00e9velopper mes capacit\u00e9s d&rsquo;analyse et d&rsquo;\u00e9criture \u00e0 travers l&rsquo;exploration des genres litt\u00e9raires \u00e0 travers l&rsquo;histoire. L&rsquo;approche bilingue du programme a consid\u00e9rablement am\u00e9lior\u00e9 ma ma\u00eetrise du fran\u00e7ais et de l&rsquo;anglais, me pr\u00e9parant ainsi \u00e0 relever les d\u00e9fis acad\u00e9miques futurs. Associ\u00e9e aux conseils de professeurs engag\u00e9s et perspicaces, cette exp\u00e9rience a non seulement \u00e9veill\u00e9 mon amour pour les arts, mais elle a \u00e9galement approfondi ma compr\u00e9hension du monde \u00e0 travers le prisme de la litt\u00e9rature.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Doroth\u00e9e McMahon<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiante en ALC<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">La diversit\u00e9 des cours propos\u00e9s dans le programme ALC m&rsquo;a permis d&rsquo;aborder la langue de mani\u00e8re \u00e0 la fois analytique et cr\u00e9ative. Les commentaires des enseignants et leur volont\u00e9 de r\u00e9pondre \u00e0 mes nombreuses questions ont jou\u00e9 un r\u00f4le d\u00e9terminant dans mon d\u00e9veloppement en tant qu&rsquo;\u00e9tudiante, ce qui m&rsquo;a permis de me sentir soutenue lors de ma transition entre le lyc\u00e9e et l&rsquo;universit\u00e9. Gr\u00e2ce \u00e0 ce programme, j&rsquo;ai acquis une compr\u00e9hension plus approfondie de l&rsquo;anglais, du fran\u00e7ais et de l&rsquo;espagnol, ce qui m&rsquo;a finalement amen\u00e9e \u00e0 poursuivre des \u00e9tudes en linguistique, car j&rsquo;ai d\u00e9couvert ma passion pour le r\u00f4le que joue la langue dans la formation de notre compr\u00e9hension du monde.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Emmy Dumont<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiante en ALC<\/p>\r\n    <\/div>                    <\/div>\r\n                <\/div>\r\n                <div class=\"mt-10 || lg:mt-16\">\r\n                    <div class=\"relative flex items-center gap-2\">\r\n    <div class=\"btn-slider button-prev || rotate-180 custom-transition relative isolate flex h-12 w-12 items-center justify-center overflow-hidden rounded-full cursor-pointer bg-secondary hover:bg-accent [.page-template-template-bloom_&#038;]:bg-lightBloom [.page-template-template-bloom_&#038;_svg_path]:fill-accentBloom || lg:[&#038;_svg]:scale-[1.3] lg:h-16 lg:w-16\">\r\n        <svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M12.0459 7.91268C11.9116 7.90905 11.8349 7.9054 11.7582 7.90501C8.29243 7.90505 4.82668 7.9051 1.36092 7.90677C0.998963 7.90682 0.69789 7.79405 0.514115 7.46418C0.33602 7.14404 0.342555 6.81779 0.531688 6.50532C0.711487 6.20786 0.995142 6.0938 1.33194 6.09375C2.01202 6.09285 2.69211 6.09276 3.3726 6.09308C6.16517 6.09272 8.95774 6.09235 11.7503 6.09442C11.8278 6.09482 11.9053 6.11713 11.9828 6.12888C11.9926 6.10373 12.0023 6.07857 12.012 6.05341C11.9552 5.9966 11.8988 5.94021 11.842 5.88341C10.5206 4.56196 9.19834 3.24132 7.87932 1.91743C7.76896 1.80708 7.66226 1.68495 7.58761 1.54943C7.38518 1.18304 7.50048 0.732609 7.84827 0.454605C8.22284 0.155497 8.65175 0.154224 9.00433 0.454049C9.0587 0.500301 9.1082 0.552234 9.15891 0.60295C11.0626 2.50662 12.9662 4.41028 14.8699 6.31395C15.3097 6.75376 15.3105 7.24556 14.8722 7.68386C12.953 9.60304 11.0346 11.523 9.11504 13.441C8.62804 13.928 8.01938 13.8704 7.63924 13.3077C7.43842 13.0103 7.43522 12.6564 7.64058 12.3626C7.71363 12.2579 7.80089 12.1609 7.89179 12.07C9.20709 10.7523 10.524 9.43617 11.8405 8.11966C11.8957 8.06446 11.9509 8.00927 12.0467 7.91349L12.0459 7.91268Z\" fill=\"white\"\/>\r\n<\/svg>\r\n    <\/div>\r\n    <div class=\"btn-slider button-next custom-transition relative isolate flex h-12 w-12 items-center justify-center overflow-hidden rounded-full cursor-pointer bg-secondary hover:bg-accent [.page-template-template-bloom_&#038;]:bg-lightBloom [.page-template-template-bloom_&#038;_svg_path]:fill-accentBloom || lg:[&#038;_svg]:scale-[1.3] lg:h-16 lg:w-16\">\r\n        <svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M12.0459 7.91268C11.9116 7.90905 11.8349 7.9054 11.7582 7.90501C8.29243 7.90505 4.82668 7.9051 1.36092 7.90677C0.998963 7.90682 0.69789 7.79405 0.514115 7.46418C0.33602 7.14404 0.342555 6.81779 0.531688 6.50532C0.711487 6.20786 0.995142 6.0938 1.33194 6.09375C2.01202 6.09285 2.69211 6.09276 3.3726 6.09308C6.16517 6.09272 8.95774 6.09235 11.7503 6.09442C11.8278 6.09482 11.9053 6.11713 11.9828 6.12888C11.9926 6.10373 12.0023 6.07857 12.012 6.05341C11.9552 5.9966 11.8988 5.94021 11.842 5.88341C10.5206 4.56196 9.19834 3.24132 7.87932 1.91743C7.76896 1.80708 7.66226 1.68495 7.58761 1.54943C7.38518 1.18304 7.50048 0.732609 7.84827 0.454605C8.22284 0.155497 8.65175 0.154224 9.00433 0.454049C9.0587 0.500301 9.1082 0.552234 9.15891 0.60295C11.0626 2.50662 12.9662 4.41028 14.8699 6.31395C15.3097 6.75376 15.3105 7.24556 14.8722 7.68386C12.953 9.60304 11.0346 11.523 9.11504 13.441C8.62804 13.928 8.01938 13.8704 7.63924 13.3077C7.43842 13.0103 7.43522 12.6564 7.64058 12.3626C7.71363 12.2579 7.80089 12.1609 7.89179 12.07C9.20709 10.7523 10.524 9.43617 11.8405 8.11966C11.8957 8.06446 11.9509 8.00927 12.0467 7.91349L12.0459 7.91268Z\" fill=\"white\"\/>\r\n<\/svg>\r\n    <\/div>\r\n<\/div>                <\/div>\r\n            <\/div>\r\n\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"vie-etudiante\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-1 xl:col-start-2 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">La vie \u00e9tudiante \u00e0 St. Lawrence<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p>St. Lawrence offre une vaste gamme d\u2019occasions d\u2019acqu\u00e9rir de l\u2019exp\u00e9rience concr\u00e8te gr\u00e2ce \u00e0 des clubs, des \u00e9v\u00e9nements et des activit\u00e9s. Les clubs suivants pourraient particuli\u00e8rement int\u00e9resser les \u00e9tudiants du programme Arts, lettres et communication :<\/p>\n<ul>\n<li>Club d\u2019arts et de bricolage<\/li>\n<li>Bloom Communications<\/li>\n<li>D\u00e9fil\u00e9 de mode<\/li>\n<li>Activit\u00e9s culturelles en fran\u00e7ais<\/li>\n<li>\u00c9quipe d\u2019improvisation en fran\u00e7ais<\/li>\n<li>Club interculturel<\/li>\n<li><em data-start=\"471\" data-end=\"487\">The Lions\u2019 Log<\/em> (journal \u00e9tudiant)<\/li>\n<li>Club multim\u00e9dia<\/li>\n<li>SLC Radio<\/li>\n<li>Troupe de th\u00e9\u00e2tre<\/li>\n<li><em data-start=\"567\" data-end=\"582\">What the Heck<\/em> (groupe musical)<\/li>\n<\/ul>\n<p>Toutes les activit\u00e9s parascolaires sont ouvertes \u00e0 l\u2019ensemble des \u00e9tudiants de St. Lawrence. Visitez la page Clubs et activit\u00e9s socioculturelles pour la liste compl\u00e8te des clubs.<\/p>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-8 lg:col-start-8 xl:col-start-8 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-1024x683.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506253-150x100.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"cta-banner || section different-background || relative !py-0 overflow-hidden bg-secondary text-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>                <div class=\"wrapper || [position:initial] || md:grid-col md:items-center md:min-h-[25rem] lg:min-h-[34.375rem] xl:min-h-[43.75rem]\">\r\n            <div class=\"md:col-span-5 lg:col-span-6 \">\r\n                <div class=\"absolute left-0 top-0 w-1\/2 h-full flex items-center z-20 || md:w-[36.5%]\">\r\n                                            <span class=\"custom-transition [&#038;_svg]:w-full\">\r\n                            <svg width=\"729\" height=\"550\" viewBox=\"0 0 729 550\" fill=\"none\" opacity=\"0.15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<g clip-path=\"url(#clip0_3262_6905)\">\r\n<path d=\"M578.374 173.956C563.805 179.42 550.146 187.452 538.113 197.632C527.738 206.542 518.437 215.843 509.527 224.949C497.689 236.625 487.835 246.251 476.745 254.479C451.248 273.601 423.378 283.813 392.385 283.813H347.766V318.611H394.206C432.484 318.611 466.176 305.862 497.494 282.545C510.437 272.886 521.722 261.764 534.113 249.568C542.666 241.015 551.414 232.072 560.715 224.234C574.927 212.201 591.675 204.363 609.529 201.111L578.374 173.956Z\" fill=\"#202945\"\/>\r\n<path d=\"M389.782 63.9372C400.709 55.5467 408.742 46.083 418.563 35.8713L392.318 13.1064C383.928 21.8547 377.749 29.3346 369.001 35.8713C362.074 40.9772 354.984 43.5138 347.699 47.3514V85.9866C362.269 80.1653 376.285 73.9538 389.782 63.9372Z\" fill=\"#202945\"\/>\r\n<path d=\"M426.595 133.89C439.18 123.873 450.27 112.589 462.498 100.198C467.051 95.4498 470.498 91.8075 478.173 87.2545L451.408 64.1318C446.14 66.6685 441.554 71.7743 437.392 76.1647C425.716 88.0025 416.253 97.8564 405.131 106.214C383.439 123.353 370.886 129.337 347.73 130.996V165.793C380.349 164.167 398.203 155.939 426.627 133.923L426.595 133.89Z\" fill=\"#202945\"\/>\r\n<path d=\"M567.803 374.19L554.859 382.938L539.379 394.418L636.845 514.487L611.153 514.682L548.843 461.477L464.84 389.702L461.003 386.418C488.32 380.954 514.207 369.669 537.883 351.978C552.095 341.213 564.29 329.018 576.128 317.18C584.876 308.627 593.072 300.432 601.82 292.952C618.048 279.293 645.561 267.975 666.505 267.975H686.733L651.577 237.73C625.528 239.194 599.641 249.21 579.413 266.349C569.591 274.74 560.453 283.846 551.705 292.594C540.062 304.074 529.297 314.806 516.907 324.107C487.573 345.961 456.059 356.173 419.993 355.458H128.115L50.8767 440.371H-34.3941L-80.3142 514.519H-116.38L-53.5167 407.589C-28.5728 405.215 -5.41768 394.093 10.2576 376.792C20.4693 365.864 41.2178 331.782 49.4132 283.52H14.0626C9.6722 305.017 1.31422 335.457 -15.2716 353.311C-26.9143 366.059 -44.6058 373.344 -63.7283 373.344H-73.5823L-177 549.284H-60.9315L-15.0115 475.136H64.6006L141.839 390.223H411.473L596.942 548.374L598.405 549.642L709.53 549.089L580.714 389.67L567.77 374.19H567.803Z\" fill=\"#202945\"\/>\r\n<path d=\"M422.952 443.981L363.373 515.203H342.071L388.707 436.501L394.886 424.858H354.982L283.565 548.017L282.492 550H381.422L450.27 467.299L424.057 444.696L422.952 443.981Z\" fill=\"#202945\"\/>\r\n<path d=\"M171.337 424.857H156.052L140.734 441.801L140.181 442.321L187.923 514.486H159.694L116.864 469.672L116.148 468.924L92.993 494.453L92.4727 494.973L142.913 548.178L144.214 549.642H253.518L177.906 435.232L171.337 424.857Z\" fill=\"#202945\"\/>\r\n<path d=\"M562.209 55.9036V78.2782L591.901 101.043V55.9036H698.408V96.165L681.659 93.7909H655.805C643.414 93.7909 632.487 98.7016 624.292 106.734C616.259 114.735 611.348 126.052 611.348 138.247C611.348 162.834 631.219 182.704 655.805 182.704H698.798V211.258L728.327 237.665V153.565H655.447C647.252 153.565 640.682 146.996 640.682 138.8C640.682 130.605 647.252 124.036 655.447 124.036H676.586L698.44 127.873L728.49 132.979V27.48H507.508L478.141 0.162109H431.863L494.532 55.9036H562.176H562.209Z\" fill=\"#202945\"\/>\r\n<path d=\"M540.094 141.012C532.81 144.655 526.436 148.85 520.094 154.314C510.955 162.119 501.134 170.509 492.548 178.9C480.385 191.323 472.353 201.307 458.694 212.071C428.807 235.552 390.529 242.316 353.39 242.869H347.731L259.468 243.064H-94.656C-132.771 243.064 -165.13 211.876 -164.414 173.794C-163.699 136.85 -133.389 107.125 -96.5097 107.125H168.344C186.003 107.125 200.605 92.7182 200.605 74.8965C200.605 50.6682 186.003 36.2612 168.344 36.2612H4.40385L-37.4836 0H168.376C206.361 0 237.094 32.6839 236.313 76.4901C235.663 113.434 204.995 142.801 168.051 142.801H-96.5097C-114.169 142.801 -128.576 157.208 -128.576 175.062C-128.576 185.762 -123.307 195.225 -115.274 201.079C-109.843 205.014 -103.112 206.803 -96.3796 206.803H351.178C383.407 207.518 411.668 200.591 437.717 181.079C448.84 172.883 457.783 163.224 469.035 151.744C478.174 142.801 486.499 133.923 498.174 124.622C502.923 120.752 506.207 118.573 510.728 115.678L540.062 141.012H540.094Z\" fill=\"#202945\"\/>\r\n<\/g>\r\n<defs>\r\n<clipPath id=\"clip0_3262_6905\">\r\n<rect width=\"905.49\" height=\"550\" fill=\"white\" transform=\"translate(-177)\"\/>\r\n<\/clipPath>\r\n<\/defs>\r\n<\/svg>\r\n                        <\/span>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"relative z-30 py-20 || md:col-span-7 md:col-start-6 lg:col-span-6 lg:col-start-7\">\r\n                <h2 class=\"text-h2\">Pr\u00eat \u00e0 poursuivre vos \u00e9tudes \u00e0 St. Lawrence ?<\/h2>\r\n                                    <a href=\"https:\/\/slc.qc.ca\/fr\/admission\/\" class=\"mt-6 lg:mt-8 white btn-primary\"  target=\"\" rel=\"noopener\" >\r\n        Faire une demande d&rsquo;admission    <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"relative z-20 || md:hidden\">\r\n                    <\/div>\r\n    <\/section>\r\n","protected":false},"featured_media":1934,"template":"","program-category":[57],"program-admissions":[58],"program-duration":[59],"program-interests":[67,68,69,62],"program-requirements":[65],"class_list":["post-2120","programs","type-programs","status-publish","has-post-thumbnail","hentry","program-category-pre-universitaire","program-admissions-fall-fr","program-duration-2-years-fr","program-interests-arts-literature-fr","program-interests-languages-fr","program-interests-communications-fr","program-interests-culture-fr","program-requirements-college-general-admission-requirements-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs\/2120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs"}],"about":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/types\/programs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media\/1934"}],"wp:attachment":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media?parent=2120"}],"wp:term":[{"taxonomy":"program-category","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-category?post=2120"},{"taxonomy":"program-admissions","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-admissions?post=2120"},{"taxonomy":"program-duration","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-duration?post=2120"},{"taxonomy":"program-interests","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-interests?post=2120"},{"taxonomy":"program-requirements","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-requirements?post=2120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}