{"id":2124,"date":"2026-02-02T14:54:30","date_gmt":"2026-02-02T19:54:30","guid":{"rendered":"https:\/\/slc.qc.ca\/programs\/double-dec-social-science-alc\/"},"modified":"2025-10-07T10:47:50","modified_gmt":"2025-10-07T14:47:50","slug":"double-dec-social-science-alc","status":"publish","type":"programs","link":"https:\/\/slc.qc.ca\/fr\/programmes\/double-dec-social-science-alc\/","title":{"rendered":"Double DEC Sciences humaines + 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><span>Le Double DEC en Sciences humaines et en Arts, lettres et communication (ALC) offre une exp\u00e9rience d\u2019apprentissage dynamique et interdisciplinaire qui ouvre la porte \u00e0 un plus large \u00e9ventail de programmes universitaires et de possibilit\u00e9s de carri\u00e8re qu\u2019un DEC simple. En combinant l\u2019\u00e9tude du comportement humain, de la soci\u00e9t\u00e9 et des syst\u00e8mes mondiaux avec la litt\u00e9rature, les m\u00e9dias et la culture, ce programme permet aux \u00e9tudiants de d\u00e9velopper de solides comp\u00e9tences en analyse, en pens\u00e9e critique et en communication. Pour certaines carri\u00e8res, comme les \u00e9tudes internationales, une formation plus large en sciences humaines et en arts constitue une meilleure pr\u00e9paration aux \u00e9tudes universitaires que les programmes de Sciences humaines ou d\u2019ALC seuls.\u00a0<\/span><\/p>\n<p><span>Le programme Double DEC pr\u00e9sente aussi une charge de cours r\u00e9duite compar\u00e9e \u00e0 un DEC simple. Cette charge all\u00e9g\u00e9e permet aux \u00e9tudiants de mieux se concentrer sur chaque cours. De plus, la dur\u00e9e prolong\u00e9e offre de pr\u00e9cieuses occasions de d\u00e9couvrir davantage leurs int\u00e9r\u00eats et d\u2019am\u00e9liorer leur anglais avant d\u2019aller \u00e0 l\u2019universit\u00e9.<\/span><\/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=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-1024x683.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07240-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=\"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\">Apprenez sur les gens, les langues et le monde qui vous entoure<\/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\">Reliez les disciplines, \u00e9largissez vos horizons<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW251162695 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW251162695 BCX0\">Faites des liens significatifs entre vos cours de sciences humaines et d\u2019arts.\u00a0Cette approche interdisciplinaire renforce votre capacit\u00e9 \u00e0 penser de fa\u00e7on critique, \u00e0 analyser les enjeux sous plusieurs angles et \u00e0 communiquer efficacement. En combinant l\u2019\u00e9tude du comportement humain, de la soci\u00e9t\u00e9, de la litt\u00e9rature et des m\u00e9dias, vous d\u00e9veloppez un ensemble de comp\u00e9tences complet qui vous pr\u00e9pare \u00e0 une grande vari\u00e9t\u00e9 de programmes universitaires et de carri\u00e8res.<\/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\">Un programme fa\u00e7onn\u00e9 selon vos int\u00e9r\u00eats<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW179401884 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW179401884 BCX0\">Choisissez les cours qui vous passionnent parmi une grande vari\u00e9t\u00e9 de disciplines en sciences humaines telles que la psychologie, la sociologie, la science politique, l&rsquo;histoire, l&rsquo;\u00e9conomie, la g\u00e9ographie et l&rsquo;administration.<\/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\">\u00c9tudiez 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<p><span class=\"TextRun SCXW253481585 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW253481585 BCX0\"><br data-start=\"248\" data-end=\"251\" \/>Pendant votre Double DEC, vous aurez l\u2019occasion d\u2019apprendre l\u2019espagnol \u00e0 travers les cours de niveau coll\u00e9gial I, II et III, tout en perfectionnant vos comp\u00e9tences en fran\u00e7ais et en anglais.<\/span><\/span><\/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            2        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Dipl\u00f4mes en 3 ans<\/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            7        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Sujets des sciences sociales \u00e0 explorer<\/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            3        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Langues d\u2019enseignement<\/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\" ><\/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=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-1024x683.jpg\" class=\"rounded-corners lazyload\" alt=\"Accordion module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506210-1-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>            <\/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>Bien qu\u2019il n\u2019y ait pas de profils officiels dans le programme Double DEC, vous pouvez personnaliser vos choix de cours selon vos objectifs universitaires et professionnels. Dans l\u2019option Langues, vous aurez l\u2019occasion d\u2019\u00e9tudier l\u2019anglais, le fran\u00e7ais et l\u2019espagnol. Votre cheminement pr\u00e9cis sera d\u00e9termin\u00e9 en fonction de votre statut de certificat et de vos connaissances pr\u00e9alables en espagnol.<\/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-sans-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 SCXW140122130 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW140122130 BCX0\">Ce parcours comprend les cours coll\u00e9giaux\u00a0 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><br data-start=\"293\" data-end=\"296\" \/>Les \u00e9tudiants ayant des connaissances pr\u00e9alables en espagnol peuvent demander une \u00e9quivalence de cours moyennant des frais de 25 $.<\/p>\n<p data-start=\"429\" data-end=\"443\"><strong data-start=\"429\" data-end=\"441\">\u00c9tapes :<\/strong><\/p>\n<ol data-start=\"444\" data-end=\"872\">\n<li>Soumettez le formulaire de demande d\u2019\u00e9quivalence ainsi que le paiement de 25 $ \u00e0 <a class=\"cursor-pointer\" rel=\"noopener\" data-start=\"528\" data-end=\"552\">admissionslc@crcmail.net<\/a>. Un test de placement vous sera envoy\u00e9.<\/li>\n<li>Selon vos r\u00e9sultats, vous pourriez \u00eatre invit\u00e9 \u00e0 passer un test suppl\u00e9mentaire lors des journ\u00e9es d\u2019accueil.<\/li>\n<li>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.<\/li>\n<\/ol>\n<p data-start=\"874\" data-end=\"940\" data-is-last-node=\"\" data-is-only-node=\"\">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                <\/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-sans-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\">Grille de 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 certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours :<\/p>\n<p>(Th\u00e9orie \u2013 Laboratoire \u2013 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) : estimation du nombre d\u2019heures de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : heures de cours (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 titulaire 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 24h \/ 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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">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><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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">350-123-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                Introduction \u00e0 la psychologie                                    <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-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-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 || \">1st Level<\/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                First level option                                            <\/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 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-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 || \">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-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><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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 5        <\/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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 6        <\/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 || \">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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 24h \/ 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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">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><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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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 || \"><\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\"><\/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                First level option                                            <\/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 26h \/ 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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">350-113-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                Introduction to Psychology                                            <\/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-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 || \">1st Level<\/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                First level option                                            <\/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 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-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 || \">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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 5        <\/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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 6        <\/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 || \">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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 21h \/ 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 24h \/ 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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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 || \"><\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\"><\/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                First level option                                            <\/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 || \"><\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\"><\/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                First level option                                            <\/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 26h \/ 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-112-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                Conceptions du monde                                    <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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">350-123-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                Introduction \u00e0 la psychologie                                    <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-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-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 || \">Enrichment<\/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                Enrichment 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 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-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 || \">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><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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 5        <\/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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 6        <\/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 || \">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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 21h \/ 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\">Grille de cours pour les \u00e9tudiants avec 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 certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours :<\/p>\n<p>(Th\u00e9orie \u2013 Laboratoire \u2013 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) : estimation du nombre d\u2019heures de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : heures de cours (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 titulaire 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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 || \">350-123-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                Introduction \u00e0 la psychologie                                    <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-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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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><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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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-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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">1st Level<\/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                First level option                                            <\/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 25h \/ 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-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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">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 || \">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 || \">Enrichment<\/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                Enrichment 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 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 5        <\/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 || \">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-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 || \">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><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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 6        <\/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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 23h \/ 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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 || \">350-113-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                Introduction to Psychology                                            <\/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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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><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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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-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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">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 || \">1st Level<\/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                First level option                                            <\/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 21h \/ 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-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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">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 || \">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 || \">Enrichment<\/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                Enrichment 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 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 5        <\/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 || \">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-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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 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 6        <\/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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 23h \/ 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 || \">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 || \">300-113-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-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                Successful Academic Methods                                            <\/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 || \">350-123-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                Introduction \u00e0 la psychologie                                    <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-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 || \">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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">330-114-LW<\/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                Introduction to Global\u00a0History from the 15th Century to the Present                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will explore the fundamental elements of world history in the early modern and modern eras as well as the key historical roots of these elements, leading to a better understanding of the current realities.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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><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 || \">1st Level<\/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                First level option                                            <\/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 || \">1st Level<\/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                First level option                                            <\/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-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 || \">383-113-LW<\/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                Introduction to Macroeconomics                                            <\/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 || \">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 || \">1st Level<\/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                First level option                                            <\/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 21h \/ 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-112-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                Conceptions du monde                                    <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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">360-214-LW<\/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                Quantitative Analysis in the Social Sciences                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course introduces the student to the quantitative and statistical procedures used in studying humanity and society.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">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 || \">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 || \">Enrichment<\/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                Enrichment 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 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 5        <\/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 || \">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-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] hover:cursor-pointer group\">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">300-214-LW<\/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                Qualitative Methods in the Social Science                                            <\/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 class=\"plus || after:bg-accent before:bg-accent group-hover:after:rotate-90 ml-auto || md:mr-[2.125rem]\"><\/div>\r\n                    <\/div>\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><span>This course will allow students to experiment with qualitative research methods in Social Science.<\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n                            <div class=\"modal-overlay w-full h-full bg-black\/30\"><\/div>\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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 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 6        <\/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 || \">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 || \">300-313-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                Integrative Activity (Social)                                            <\/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 || \">Enrichment<\/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                Enrichment 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 || \">Enrichment<\/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                Enrichment 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 23h \/ 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=\"votre-avenir\" ><\/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\">Les conditions de r\u00e9ussite du programme<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p><span><span lang=\"fr-CA\">Tous les programmes coll\u00e9giaux au Qu\u00e9bec comportent 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 doivent r\u00e9aliser une \u00e9preuve synth\u00e8se de programme (ESP) au cours de leur formation.<\/span><\/span><\/p>\n<p><span>Dans le cadre de ce Double DEC, vous remplirez les exigences de l&rsquo;\u00e9preuve synth\u00e8se de programme des programmes de Sciences humaines et de Arts, lettres et communication pendant votre sixi\u00e8me session.<\/span><\/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=\"960\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-640x960.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"Profil de sortie (Sciences humaines)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-scaled.jpg 1707w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/960;\" \/>\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 (Sciences humaines)<\/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><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">dipl\u00f4m\u00e9s<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> du <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">programme<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de Sciences <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de St. Lawrence <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">devraient<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u00eatre<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">mesure<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">de\u202f:<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/p>\n<ul>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Expliquer<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">r\u00e9alit\u00e9s<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">mobilisant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les faits, concepts, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">th\u00e9ories<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">mod\u00e8les<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">approches<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">propres<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> aux disciplines des sciences <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> dans <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">une<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> perspective <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">multidisciplinaire<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Examiner et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">aborder<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, de mani\u00e8re inclusive, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">diverses<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> questions <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">li\u00e9es<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> \u00e0 la <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">citoyennet\u00e9<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> dans le monde <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">actuel<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, \u00e0 la <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">diversit\u00e9<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">culturelle<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019engagement<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">civique<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Utiliser<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">outils<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">m\u00e9thodes<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de travail <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">intellectuel<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">ainsi<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> que les technologies, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">incluant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les technologies de <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019information<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">n\u00e9cessaires<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> \u00e0 la <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">poursuite<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">leurs<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u00e9tudes\u202f;<\/span><\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Faire <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">preuve<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">curiosit\u00e9<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">scientifique<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">intellectuelle<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">d\u00e9velopper<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">une<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> pens\u00e9e critique <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">soucieuse<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">enjeux<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u00e9thiques<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Exp\u00e9rimenter<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">m\u00e9thodes<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de recherche <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> sciences <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">selon<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">normes<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u00e9thiques<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Exprimer<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">clairement<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et de fa\u00e7on <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">structur\u00e9e<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">leurs<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">id\u00e9es<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">anglais<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, tant \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019oral<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">qu\u2019\u00e0<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019\u00e9crit<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, dans le cadre <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">d\u2019\u00e9tudes<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> sciences <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Lire et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">comprendre<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des sources <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">d\u2019information<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> fran\u00e7ais dans le cadre des \u00e9tudes <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> sciences <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">D\u00e9montrer<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">leur<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">capacit\u00e9<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">int\u00e9grer<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">connaissances<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">disciplinaires<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et les <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">comp\u00e9tences<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">m\u00e9thodologiques<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">n\u00e9cessaires<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019\u00e9tude<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">r\u00e9alit\u00e9s<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">humaines<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u202f;<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">D\u00e9velopper<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">comp\u00e9tences<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">personnelles<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">favorisant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> la vie <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> soci\u00e9t\u00e9, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">l\u2019am\u00e9lioration<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de soi et la participation \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">une<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> soci\u00e9t\u00e9 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">mondiale<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">diversifi\u00e9e<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">num\u00e9rique\u202f;<\/span><\/span><span class=\"EOP SCXW60096353 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/li>\n<li><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW60096353 BCX8\"><span class=\"NormalTextRun SCXW60096353 BCX8\">Apprendre<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">travailler<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de fa\u00e7on <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">autonome<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">r\u00e9fl\u00e9chissant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> \u00e0 <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">leurs<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> processus <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">d\u2019apprentissage<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">concevant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">planifiant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">, <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">r\u00e9alisant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> et <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">\u00e9valuant<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">projets<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">en<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">fonction<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> de <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">leurs<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\"> <\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">objectifs<\/span><span class=\"NormalTextRun SCXW60096353 BCX8\">.<\/span><\/span><\/li>\n<\/ul>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"2100\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1400x2100.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\/SON05842-1-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-scaled.jpg 1707w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/2100;\" \/>    <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=\"2100\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1400x2100.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON05842-1-scaled.jpg 1707w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/2100;\" \/>  <\/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=\"960\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-640x960.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"\u00c9preuve synth\u00e8se de programme (Sciences humaines)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1.jpg 853w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/960;\" \/>\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 de programme (Sciences humaines)<\/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><strong><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW158715590 BCX8\"><span class=\"NormalTextRun SCXW158715590 BCX8\">Qu\u2019est-ce<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> qui sera <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u00e9valu\u00e9<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u202f?<\/span><\/span><\/strong><span class=\"EOP SCXW158715590 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">L\u2019\u00e9preuve synth\u00e8se est r\u00e9alis\u00e9e dans le cadre du cours d\u2019Int\u00e9gration des acquis (IA) lors de votre derni\u00e8re session.\u00a0<\/span><span data-contrast=\"auto\">Vous devrez d\u00e9montrer votre capacit\u00e9 individuelle \u00e0 int\u00e9grer les connaissances, les habilet\u00e9s et les attitudes d\u00e9velopp\u00e9es tout au long de votre formation en r\u00e9digeant, pr\u00e9sentant \u00e0 l\u2019\u00e9crit et \u00e0 l\u2019oral, un essai de recherche en sciences humaines.<\/span><\/p>\n<p><span data-contrast=\"auto\">Cet essai doit utiliser des sources savantes en fran\u00e7ais et en anglais, mobiliser au moins trois disciplines, et inclure une collecte et une analyse de donn\u00e9es primaires. Autrement dit, vous devez consolider et d\u00e9montrer l\u2019atteinte des objectifs d\u00e9finis dans le profil de sortie.<\/span><\/p>\n<p><span data-contrast=\"auto\">Le sujet de l\u2019essai de fin d\u2019\u00e9tudes sera d\u00e9termin\u00e9 en consultation avec l\u2019enseignant. L\u2019essai doit compter un minimum de 2\u202f500 mots. Une bibliographie de 10 \u00e0 15 sources est exig\u00e9e, dont trois \u00e0 cinq en fran\u00e7ais.<\/span><\/p>\n<p><strong><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW158715590 BCX8\"><span class=\"NormalTextRun SCXW158715590 BCX8\">Comment sera-t-<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">elle<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u00e9valu\u00e9e<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u202f?<\/span><\/span><\/strong><span class=\"EOP SCXW158715590 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW158715590 BCX8\"><span class=\"NormalTextRun SCXW158715590 BCX8\">L\u2019\u00e9preuve<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">synth\u00e8se<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">m\u00e8ne<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> \u00e0 <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">une<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> mention <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">r\u00e9ussite<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">ou<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u00e9chec<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">, <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">selon<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">l\u2019atteinte<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> des <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">\u00e9l\u00e9ments<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> du <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">profil<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> de sortie dans le cadre du <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">cours<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> IA. Vous <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">devez<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">compl\u00e9ter<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">tous<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> les travaux <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">obligatoires<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> du <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">cours<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> IA pour <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">r\u00e9ussir<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">l\u2019\u00e9preuve<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">synth\u00e8se<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">. Si <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">certains<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> travaux <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">sont<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">incomplets<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">, <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">aucune<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> note ne sera <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">attribu\u00e9e<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> \u00e0 <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">l\u2019essai<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> final, <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">ce<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> qui <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">entra\u00eenera<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">l\u2019\u00e9chec<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> \u00e0 la <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">fois<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> du <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">cours<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> IA et de <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">l\u2019\u00e9preuve<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\"> <\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">synth\u00e8se<\/span><span class=\"NormalTextRun SCXW158715590 BCX8\">.<\/span><\/span><\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"853\" height=\"1280\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1.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\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-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 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=\"853\" height=\"1280\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-1-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    <\/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\/SON07420-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"Profil de sortie (Arts, lettres et communciation)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-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 (Arts, lettres et communciation)<\/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>Les dipl\u00f4m\u00e9s du programme Arts, lettres et communication de St. Lawrence doivent poss\u00e9der des connaissances approfondies dans le domaine des arts, avoir une solide formation litt\u00e9raire et \u00eatre capables de communiquer dans quatre langues. Les dipl\u00f4m\u00e9s doivent \u00eatre capables de :<\/p>\n<ul>\n<li>Aborder les questions relatives \u00e0 la culture litt\u00e9raire et esth\u00e9tique \u00e0 l&rsquo;aide d&rsquo;une compr\u00e9hension des classiques occidentaux et des contributions culturelles canadiennes anglaises et qu\u00e9b\u00e9coises ;<\/li>\n<li>Faire preuve de curiosit\u00e9 intellectuelle et de rigueur dans la planification et la conduite d&rsquo;activit\u00e9s de recherche, telles que l&rsquo;identification de sources et de techniques appropri\u00e9es, la lecture critique et la pr\u00e9sentation des r\u00e9sultats d&rsquo;une r\u00e9flexion critique sous forme orale et \u00e9crite ;<\/li>\n<li>Exprimer le processus cr\u00e9atif ;<\/li>\n<li>Fonctionner avec une ma\u00eetrise de niveau natif en anglais, un niveau \u00e9lev\u00e9 de ma\u00eetrise en fran\u00e7ais et un certain degr\u00e9 d&rsquo;autonomie en espagnol et en allemand, soutenu par une compr\u00e9hension de la structure grammaticale et de la phon\u00e9tique ;<\/li>\n<li>Utiliser les technologies de l&rsquo;information appropri\u00e9es ;<\/li>\n<li>\u00c9valuer les d\u00e9cisions en tenant compte de sa propre sant\u00e9 et de son bien-\u00eatre, ainsi que de leur impact sur les autres et sur l&rsquo;environnement<\/li>\n<\/ul>\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-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-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-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-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-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 de programme (Arts, lettres et communication)\" 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 de programme (Arts, lettres et communication)<\/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&rsquo;\u00e9preuve de synth\u00e8se d\u00e9montrant l&rsquo;acquisition globale des comp\u00e9tences du programme et du profil g\u00e9n\u00e9ral des dipl\u00f4m\u00e9s de l&rsquo;enseignement sup\u00e9rieur est requise par le r\u00e8glement sur l&rsquo;enseignement sup\u00e9rieur en vertu de la loi sur les coll\u00e8ges g\u00e9n\u00e9raux et professionnels et par la politique institutionnelle du coll\u00e8ge sur l&rsquo;\u00e9valuation des r\u00e9sultats des \u00e9tudiants (IPESA).<br \/>\nL&rsquo;\u00e9valuation globale du programme ALC est li\u00e9e \u00e0 trois cours qui impliquent un travail analytique et cr\u00e9atif dans les diff\u00e9rentes langues du programme : Pop Fiction, Projet cr\u00e9atif et Exploring Cultural Diversity. L&rsquo;\u00e9valuation globale comprend des \u00e9valuations orales sp\u00e9cifiques ainsi qu&rsquo;un essai et une r\u00e9flexion dans le cadre de ces cours.<\/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-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\">Orientations universitaires<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p data-start=\"0\" data-end=\"94\">Un Double DEC vous pr\u00e9pare \u00e0 poursuivre des \u00e9tudes universitaires dans les deux disciplines.<\/p>\n<p data-start=\"96\" data-end=\"570\">Le DEC en Sciences humaines ouvre la porte \u00e0 de nombreux programmes tels que l\u2019administration des affaires, le commerce, les communications et le journalisme, l\u2019orientation, la criminologie, l\u2019\u00e9conomie, l\u2019enseignement, la g\u00e9ographie, l\u2019histoire, le design industriel, les relations industrielles, le commerce international, les relations internationales, le droit, la science politique, la psychologie, le travail social, la sociologie, le tourisme et les \u00e9tudes urbaines.<\/p>\n<p data-start=\"572\" data-end=\"1161\" data-is-last-node=\"\" data-is-only-node=\"\">Le DEC en Arts, lettres et communication pr\u00e9pare \u00e9galement les \u00e9tudiants \u00e0 des programmes universitaires dans des domaines vari\u00e9s, qui peuvent mener \u00e0 des \u00e9tudes approfondies en \u00e9tudes classiques et anciennes, \u00e9tudes en communication, cr\u00e9ation litt\u00e9raire, \u00e9tudes anglaises, \u00e9tudes fran\u00e7aises, \u00e9tudes germaniques, \u00e9tudes hispaniques, relations internationales, journalisme et m\u00e9dias \u00e9lectroniques, linguistique et langues, litt\u00e9rature, r\u00e9daction professionnelle, relations publiques, enseignement au primaire ou au secondaire, enseignement de l\u2019anglais langue seconde (ALS) et traduction.<\/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\/AR500883-2-1024x683.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500883-2-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\/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":1843,"template":"","program-category":[73],"program-admissions":[58],"program-duration":[71],"program-interests":[60,67,68,69,61,62,63],"program-requirements":[65,66],"class_list":["post-2124","programs","type-programs","status-publish","has-post-thumbnail","hentry","program-category-double-dec-fr","program-admissions-fall-fr","program-duration-3-years-fr","program-interests-social-science-fr","program-interests-arts-literature-fr","program-interests-languages-fr","program-interests-communications-fr","program-interests-business-commerce-fr","program-interests-culture-fr","program-interests-health-wellness-the-body-fr","program-requirements-college-general-admission-requirements-fr","program-requirements-for-the-commerce-or-mathematics-profiles-math-ts-5-or-sn-5-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs\/2124","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\/1843"}],"wp:attachment":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media?parent=2124"}],"wp:term":[{"taxonomy":"program-category","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-category?post=2124"},{"taxonomy":"program-admissions","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-admissions?post=2124"},{"taxonomy":"program-duration","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-duration?post=2124"},{"taxonomy":"program-interests","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-interests?post=2124"},{"taxonomy":"program-requirements","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-requirements?post=2124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}