{"id":2119,"date":"2025-08-11T17:35:47","date_gmt":"2025-08-11T21:35:47","guid":{"rendered":"https:\/\/slc.qc.ca\/programs\/social-science\/"},"modified":"2025-11-11T09:51:03","modified_gmt":"2025-11-11T14:51:03","slug":"sciences-humaines","status":"publish","type":"programs","link":"https:\/\/slc.qc.ca\/fr\/programmes\/sciences-humaines\/","title":{"rendered":"Sciences humaines"},"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>Le programme de Sciences humaines propose une exploration approfondie de l\u2019\u00eatre humain, incluant le fonctionnement de l\u2019esprit et du corps ainsi que les relations complexes entre les individus, les soci\u00e9t\u00e9s et leur environnement. Con\u00e7u pour offrir une formation compl\u00e8te en sciences humaines, ce programme couvre plusieurs disciplines, telles que l\u2019\u00e9conomie, la science politique, l\u2019histoire, la psychologie et la sociologie.<\/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=\"1536\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-1024x1536.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON06909-scaled.jpg 1707w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1536;\" \/>            <\/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\">L\u2019\u00e9tude de l\u2019humain, de la soci\u00e9t\u00e9 et de l\u2019histoire<\/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\">Ma\u00eetrisez l\u2019art de la recherche<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW16901978 BCX8\"><span class=\"NormalTextRun SCXW16901978 BCX8\">Tous les \u00e9tudiants en Sciences humaines suivent des cours de m\u00e9thodes de r\u00e9ussite acad\u00e9mique, de m\u00e9thodes quantitatives et de m\u00e9thodes qualitatives. Ils ont \u00e9galement l\u2019occasion de participer \u00e0 des projets de recherche dirig\u00e9s par des enseignants de St. Lawrence.<\/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\">Enrichissez vos \u00e9tudes avec un voyage \u00e0 l\u2019\u00e9tranger<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW18810321 BCX8\"><span class=\"NormalTextRun SCXW18810321 BCX8\">Les \u00e9tudiants du profil Monde<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\"> <\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">ont l\u2019opportunit\u00e9 de partir en <\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">voyage \u00e0 l\u2019<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">\u00e9trang<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">er<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\"> dans le cadre d\u2019un de leurs cours<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">. En 2025<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">, ils ont visit\u00e9 <\/span><span class=\"NormalTextRun SCXW18810321 BCX8\">Mexico<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\"> City<\/span><span class=\"NormalTextRun SCXW18810321 BCX8\"> et Oaxaca.<\/span><\/span><span class=\"EOP SCXW18810321 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/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\">Faites reconna\u00eetre vos acquis \u00e0 l\u2019universit\u00e9<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW231706672 BCX8\"><span class=\"NormalTextRun SCXW231706672 BCX8\">Nous <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">avons<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> des ententes avec <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">l\u2019Universit\u00e9<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> Laval pour<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">les<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">\u00e9tudiants<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> qui <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">souhaitent<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">poursuivre<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">leur<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">baccalaur\u00e9at<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">en<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">sociologie<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">ou<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> <\/span><span class=\"NormalTextRun SCXW231706672 BCX8\">en<\/span><span class=\"NormalTextRun SCXW231706672 BCX8\"> science politique.<\/span><\/span><span class=\"EOP SCXW231706672 BCX8\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335559738&quot;:240,&quot;335559739&quot;:240}\"> <\/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            6        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Profils<\/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            2        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Profils avec des cours pratiques lors du dernier semestre<\/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            15+        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Cours au choix parmi lesquels choisir<\/h4>\r\n    <\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"text-and-image-repeater || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"profils\" ><\/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\">Trouvez le profil qui vous convient<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW96421040 BCX8\"><span class=\"NormalTextRun SCXW96421040 BCX8\">Si vous \u00eates admissible \u00e0 fr\u00e9quenter une \u00e9cole anglophone<\/span><span class=\"NormalTextRun SCXW96421040 BCX8\"> 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 vo<\/span><span class=\"NormalTextRun SCXW96421040 BCX8\">tre niveau de fran\u00e7ais<\/span><span class=\"NormalTextRun SCXW96421040 BCX8\"> (1-2 ou 3-4). Pour plus d&rsquo;informations sur les certificats, veuillez consulter le <\/span><\/span><a class=\"Hyperlink SCXW96421040 BCX8\" href=\"https:\/\/www.education.gouv.qc.ca\/en\/contenus-communs\/parents-and-guardians\/instruction-in-english\" target=\"_blank\" rel=\"noreferrer noopener\"><span data-contrast=\"none\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun Underlined SCXW96421040 BCX8\"><span class=\"NormalTextRun SCXW96421040 BCX8\" data-ccp-charstyle=\"Hyperlink\">site web du minist\u00e8re de l&rsquo;\u00c9ducation<\/span><\/span><\/a><span data-contrast=\"auto\" xml:lang=\"FR-CA\" lang=\"FR-CA\" class=\"TextRun SCXW96421040 BCX8\"><span class=\"NormalTextRun SCXW96421040 BCX8\">. 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 <\/span><span class=\"NormalTextRun SCXW96421040 BCX8\">(EUF).<\/span><\/span><\/p>\n<\/div>            <\/div>\r\n            <div class=\"[counter-reset:card-text-image]\">\r\n                <div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"426\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128-640x426.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128-640x426.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07128.jpg 800w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 300.AD \u2013 Profil D\u00e9couverte<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p>Ce profil offre la plus grande vari\u00e9t\u00e9 de cours en Sciences humaines et la plus grande flexibilit\u00e9. Il s\u2019adresse aux \u00e9tudiants qui souhaitent d\u00e9couvrir les sciences humaines et explorer leurs options.<\/p>\n<p><a class=\"btn-primary red\" href=\"#profil-decouverte-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div><div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"426\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1-640x426.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1-640x426.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07165-1.jpg 800w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 300.AP \u2013 Profil Psychologie, soci\u00e9t\u00e9 et sant\u00e9<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p><span class=\"TextRun SCXW131910248 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW131910248 BCX8\">Ce pr<\/span><\/span><span class=\"TextRun SCXW131910248 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW131910248 BCX8\">ofil met l\u2019accent sur des \u00e9tudes orient\u00e9es vers les professions d\u2019aide, telles que la psychologie, le travail social, l\u2019intervention et la criminologie. Il comprend des cours de biologie humaine et de m\u00e9thodes quantitatives avanc\u00e9es, requis pour l\u2019admission aux programmes de psychologie dans les universit\u00e9s qu\u00e9b\u00e9coises. Parmi les autres cours propres \u00e0 ce profil, on retrouve\u00a0<em data-start=\"383\" data-end=\"413\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW256951561 BCX8\"><span class=\"NormalTextRun SCXW256951561 BCX8\">Introduction to Sociology<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW256951561 BCX8\"><span class=\"NormalTextRun SCXW256951561 BCX8\">,\u202f<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW256951561 BCX8\"><span class=\"NormalTextRun SCXW256951561 BCX8\">Social Science and Health<\/span><\/span><\/em>\u00a0ainsi qu\u2019un cours psychosocial de deuxi\u00e8me ann\u00e9e.<\/span><\/span><\/p>\n<p><a class=\"btn-primary red\" href=\"#profil-psychologie-societe-et-sante-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div><div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"960\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-640x960.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07375-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;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 300.AW \u2013 Profil Monde<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p><span class=\"TextRun SCXW74033788 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW74033788 BCX8\">Ce profil permet aux \u00e9tudiants d\u2019explorer les enjeux mondiaux. Tout au long de leur parcours, ils sont expos\u00e9s \u00e0 diverses r\u00e9alit\u00e9s sociales et culturelles afin de les pr\u00e9parer \u00e0 un voyage \u00e0 l\u2019\u00e9tranger dans le cadre d\u2019un cours offert au dernier semestre. Parmi les cours propres \u00e0 ce profil, on retrouve <em>I<\/em><em data-start=\"303\" data-end=\"333\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW247480836 BCX8\"><span class=\"NormalTextRun SCXW247480836 BCX8\">ntroduction to Geography<\/span><\/span><\/em><span data-start=\"303\" data-end=\"333\">,<em> I<\/em><\/span><em data-start=\"337\" data-end=\"366\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW247480836 BCX8\"><span class=\"NormalTextRun SCXW247480836 BCX8\">ntroduction to Politics<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW247480836 BCX8\"><span class=\"NormalTextRun SCXW247480836 BCX8\">,<\/span><\/span> <span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW247480836 BCX8\"><span class=\"NormalTextRun SCXW247480836 BCX8\">Living in an Intercultural World<\/span><\/span><\/em>, un cours compl\u00e9mentaire en langue, et un cours de deuxi\u00e8me ann\u00e9e portant sur une perspective internationale.<\/span><\/span><\/p>\n<p><a class=\"btn-primary red\" href=\"#profil-monde-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div><div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-640x427.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/SON07045-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;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 300.AJ \u2013 Profil Justice et soci\u00e9t\u00e9<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p>Ce profil met l\u2019accent sur les enjeux de justice sociale, l\u2019engagement communautaire et le leadership. Un cours appliqu\u00e9 au dernier semestre permet aux \u00e9tudiants de s\u2019impliquer directement dans la communaut\u00e9. Parmi les autres cours propres \u00e0 ce profil, on retrouve <em><span class=\"TextRun SCXW131910248 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW131910248 BCX8\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW256951561 BCX8\"><span class=\"NormalTextRun SCXW256951561 BCX8\">Introduction to Sociology<\/span><\/span><\/span><\/span><\/em>, <span class=\"TextRun SCXW74033788 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW74033788 BCX8\"><span data-start=\"303\" data-end=\"333\"><em>I<\/em><\/span><em data-start=\"337\" data-end=\"366\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW247480836 BCX8\"><span class=\"NormalTextRun SCXW247480836 BCX8\">ntroduction to Politics <\/span><\/span><\/em><\/span><\/span>ainsi qu\u2019un cours de deuxi\u00e8me ann\u00e9e portant sur les th\u00e8mes de la justice sociale.<\/p>\n<p><a class=\"btn-primary red\" href=\"#profil-justice-et-societe-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div><div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"426\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2-640x426.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2-640x426.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500240-2.jpg 800w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 400.AM \u2013 Profil D\u00e9couverte avec math\u00e9matiques<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p>Les \u00e9tudiants qui souhaitent explorer diverses disciplines des sciences humaines tout en poursuivant un int\u00e9r\u00eat pour les math\u00e9matiques appr\u00e9cieront le profil D\u00e9couverte avec math\u00e9matiques. Ce profil permet \u00e9galement d\u2019acc\u00e9der \u00e0 un plus grand nombre de programmes universitaires. Parmi les cours propres \u00e0 ce profil, on retrouve <em data-start=\"328\" data-end=\"349\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW154475121 BCX8\"><span class=\"NormalTextRun SCXW154475121 BCX8\">Differential Calculus<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW154475121 BCX8\"><span class=\"NormalTextRun SCXW154475121 BCX8\">,\u202f<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW154475121 BCX8\"><span class=\"NormalTextRun SCXW154475121 BCX8\">Integral Calculus, <span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW216135088 BCX8\"><span class=\"NormalTextRun SCXW216135088 BCX8\">Linear Algebra <\/span><\/span><\/span><\/span><\/em><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW154475121 BCX8\"><span class=\"NormalTextRun SCXW154475121 BCX8\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW216135088 BCX8\"><span class=\"NormalTextRun SCXW216135088 BCX8\">and <\/span><\/span><\/span><\/span><em data-start=\"328\" data-end=\"349\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW154475121 BCX8\"><span class=\"NormalTextRun SCXW154475121 BCX8\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW216135088 BCX8\"><span class=\"NormalTextRun SCXW216135088 BCX8\">Vector Geometry<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW216135088 BCX8\"><span class=\"NormalTextRun SCXW216135088 BCX8\">.<\/span><\/span><\/span><\/span><\/em><\/p>\n<p><a class=\"btn-primary red\" href=\"#profil-decouverte-mathematiques-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div><div class=\"card-text-image || [counter-increment:card-text-image] border-black\/30 border-b first:border-t py-8 flex flex-col-reverse items-center || md:py-12 md:grid-col\">\r\n        <div class=\"thumbnail w-full rounded-corners || md:col-span-5 lg:col-span-4\"\r\n        style=\"padding-bottom: 66.6015625%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"640\" height=\"426\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274-640x426.jpg\" class=\"rounded-corners || md:col-span-5 lg:col-span-4 lazyload\" alt=\"Image of the module text and image repeater\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274-640x426.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR506274.jpg 800w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\" \/>  <\/div>    <div class=\"mb-6 || md:col-start-6 xl:col-start-7  md:mb-0 md:col-span-7 xl:col-span-6\">\r\n        <div class=\"flex mb-6 items-baseline gap-4\">\r\n            <span class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom before:content-[counter(card-text-image,decimal-leading-zero)'.']\"><\/span>\r\n                            <h3 class=\"text-h3\"> 400.AC \u2013 Profil Commerce<\/h3>\r\n                    <\/div>\r\n        <div class=\"wysiwyg-container \">\r\n    <p data-start=\"0\" data-end=\"348\">Ce profil s\u2019adresse aux \u00e9tudiants qui s\u2019int\u00e9ressent au monde des affaires, au commerce et \u00e0 l\u2019\u00e9conomie. Il permet d\u2019acqu\u00e9rir les pr\u00e9alables n\u00e9cessaires pour des \u00e9tudes universitaires en administration des affaires, notamment <em data-start=\"225\" data-end=\"240\"><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW183709040 BCX8\"><span class=\"NormalTextRun SCXW183709040 BCX8\">Microeconomics<\/span><\/span><span data-contrast=\"auto\" xml:lang=\"EN-US\" lang=\"EN-US\" class=\"TextRun SCXW183709040 BCX8\"><span class=\"NormalTextRun SCXW183709040 BCX8\">\u202f<\/span><\/span><\/em>\u00a0et les trois cours de math\u00e9matiques. Il comprend \u00e9galement le cours\u00a0<em data-start=\"309\" data-end=\"345\"><span class=\"NormalTextRun SCXW183709040 BCX8\">Introduction<\/span><span class=\"NormalTextRun SCXW183709040 BCX8\"> to Business.<\/span><\/em><\/p>\n<p data-start=\"350\" data-end=\"711\" data-is-last-node=\"\" data-is-only-node=\"\">Les \u00e9tudiants qui souhaitent explorer plusieurs domaines non li\u00e9s aux affaires avant d\u2019entreprendre des \u00e9tudes universitaires devraient envisager ce profil au sein du programme de Sciences humaines. Ceux qui pr\u00e9f\u00e8rent se concentrer sur des \u00e9tudes en administration d\u00e8s le c\u00e9gep devraient plut\u00f4t consid\u00e9rer notre programme d\u2019affaires de trois ans,\u00a0<a href=\"https:\/\/slc.qc.ca\/programs\/business\/\">P.W. Sims.<\/a><\/p>\n<p data-start=\"350\" data-end=\"711\" data-is-last-node=\"\" data-is-only-node=\"\"><a class=\"btn-primary red\" href=\"#profil-commerce-cours\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n<\/div>    <\/div>\r\n<\/div>            <\/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=\"profil-decouverte-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil D\u00e9couverte<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours :<\/p>\n<p>(Th\u00e9orie &#8211; Laboratoire &#8211; Travail personnel)<\/p>\n<ul>\n<li>\n<div>Th\u00e9orie (T) : heures de cours par semaine<\/div>\n<\/li>\n<li>\n<div>Laboratoire (L) : heures de laboratoire ou de stage par semaine<\/div>\n<\/li>\n<li>\n<div>Travail personnel (P) : estimation du nombre d&rsquo;heures de travail personnel en dehors des cours<\/div>\n<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : heures de cours (th\u00e9orie + laboratoire) pour le semestre<\/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-ayant droit                        <\/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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 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 || \">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 || \">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 || \">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 || \">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 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 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 || \">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 || \">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 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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 || \">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 || \">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 || \">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 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 3\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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 || \">602-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 || \">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 || \">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 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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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 25h \/ 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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 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 || \">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 || \">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 || \">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 || \">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 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 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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"profil-psychologie-societe-et-sante-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil Psychologie, soci\u00e9t\u00e9 et sant\u00e9<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/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-ayant droit                        <\/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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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] 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 || \">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 || \">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 || \">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>                            <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 || \">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 || \">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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"1\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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] 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 || \">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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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>                            <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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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 || \">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 || \">602-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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 25h \/ 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 || \">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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 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 || \">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] 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 || \">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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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>                            <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 || \">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 || \">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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"profil-monde-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil Monde<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/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-ayant droit                        <\/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 || \">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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">320-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 the Geography of the World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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>                            <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 || \">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 || \">305-223-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                Living in an Intercultural World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">World-oriented option course<\/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                World-oriented option 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary Language 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 || \">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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">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 || \">320-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 the Geography of the World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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>                            <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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">World-oriented option course<\/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                World-oriented option 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 || \">305-223-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                Living in an Intercultural World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 || \">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 || \">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>                            <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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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 25h \/ 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 || \">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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">320-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 the Geography of the World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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>                            <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 || \">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 || \">305-223-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                Living in an Intercultural World                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">World-oriented option course<\/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                World-oriented option 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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary Language 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"profil-justice-et-societe-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil Justice et soci\u00e9t\u00e9<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/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-ayant droit                        <\/button>\r\n                                            <button\r\n                            data-tab=\"1\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 1-2                        <\/button>\r\n                                            <button\r\n                            data-tab=\"2\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 3-4                        <\/button>\r\n                                    <\/div>\r\n\r\n                <div class=\"accordions || mt-4\">\r\n                                            <div data-content=\"0\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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] 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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-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>                            <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 || \">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 || \">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 || \">Profile option\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                Social Justice second level option 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">305-243-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                Getting Involved: Theory and Practice                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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] 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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-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>                            <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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">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 || \">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 || \">602-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 || \">Profile option\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                Social Justice second level option 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 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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">305-243-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                Getting Involved: Theory and Practice                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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 25h \/ 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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">385-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 Canadian and Quebec Politics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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] 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 || \">383-114-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 Sociology                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-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>                            <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 || \">Profile option\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                Social Justice second level option 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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">305-243-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                Getting Involved: Theory and Practice                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"profil-decouverte-mathematiques-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil D\u00e9couverte avec math\u00e9matiques<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/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-ayant droit                        <\/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 || \">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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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>                            <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 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] 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 || \">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>                            <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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ 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 || \">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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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] 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 || \">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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 27h \/ 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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">602-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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=\"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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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 || \">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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 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 || \">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] 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 || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"profil-commerce-cours\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Cours pour le profil Commerce<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre parcours sp\u00e9cifique de cours d\u00e9pend de votre statut de certificat.<\/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-ayant droit                        <\/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 || \">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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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-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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">401-101-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 Business                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-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>As a foundation course, it introduces basic concepts necessary for understanding how businesses and other types of organizations are structured and operate. The course will cover the primary functions of management, marketing, human resources, finance, accounting, and supply chain management. Students will also gain an understanding of the external environments including economic, social, technological, political\/legal and competitive factors that affect the organization. Students will also identify the roles and responsibilities of administration and management technicians within organizations.<\/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 || \">602-UF1-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Po\u00e9sie, th\u00e9\u00e2tre et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 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 || \">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 || \">383-213-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                Microeconomics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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] 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 || \">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 || \">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>                            <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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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>\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 || \">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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 || \">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 || \">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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">401-101-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 Business                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-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>As a foundation course, it introduces basic concepts necessary for understanding how businesses and other types of organizations are structured and operate. The course will cover the primary functions of management, marketing, human resources, finance, accounting, and supply chain management. Students will also gain an understanding of the external environments including economic, social, technological, political\/legal and competitive factors that affect the organization. Students will also identify the roles and responsibilities of administration and management technicians within organizations.<\/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 || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 27h \/ 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\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-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 || \">383-213-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                Microeconomics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-BN1-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                Culture qu\u00e9b\u00e9coise et communication                                    <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 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-BN2-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                Le fran\u00e7ais au travail                                    <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-BN3-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                Projet exp\u00e9rientiel en fran\u00e7ais                                    <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=\"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 || \">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 || \">201-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-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                Differential Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 || \">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 || \">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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] 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 || \">201-SN3-RE<\/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                Integral Calculus                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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] 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 || \">401-101-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 Business                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-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>As a foundation course, it introduces basic concepts necessary for understanding how businesses and other types of organizations are structured and operate. The course will cover the primary functions of management, marketing, human resources, finance, accounting, and supply chain management. Students will also gain an understanding of the external environments including economic, social, technological, political\/legal and competitive factors that affect the organization. Students will also identify the roles and responsibilities of administration and management technicians within organizations.<\/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>                            <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 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 || \">383-213-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                Microeconomics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/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                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Complementary<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Complementary course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4\u00a0        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-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><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Compl\u00e9mentaire<\/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                Cours compl\u00e9mentaire en fran\u00e7ais                                    <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>\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=\"diplomes\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Les conditions de r\u00e9ussite du programme<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>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&rsquo;atteinte de ces comp\u00e9tences, les \u00e9tudiants doivent r\u00e9aliser une \u00e9preuve synth\u00e8se de programme (ESP) au cours de leur formation. <span style=\"font-family: helvetica, sans-serif;\"><span lang=\"fr-CA\"><\/span><\/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\">Les dipl\u00f4m\u00e9s du programme de Sciences humaines de St. Lawrence devraient \u00eatre en mesure de\u202f:<\/span><\/p>\n<ul>\n<li>Expliquer les r\u00e9alit\u00e9s humaines en mobilisant les faits, concepts, th\u00e9ories, mod\u00e8les et approches propres aux disciplines des sciences humaines dans une perspective multidisciplinaire\u202f;<\/li>\n<li>Examiner et aborder, de mani\u00e8re inclusive, diverses questions li\u00e9es \u00e0 la citoyennet\u00e9 dans le monde actuel, \u00e0 la diversit\u00e9 culturelle et \u00e0 l\u2019engagement civique\u202f;<\/li>\n<li>Utiliser les outils et m\u00e9thodes de travail intellectuel ainsi que les technologies, incluant les technologies de l\u2019information, n\u00e9cessaires \u00e0 la poursuite de leurs \u00e9tudes\u202f;<\/li>\n<li>Faire preuve de curiosit\u00e9 scientifique et intellectuelle et d\u00e9velopper une pens\u00e9e critique soucieuse des enjeux \u00e9thiques\u202f;<\/li>\n<li>Exp\u00e9rimenter des m\u00e9thodes de recherche en sciences humaines selon les normes \u00e9thiques\u202f;<\/li>\n<li>Exprimer clairement et de fa\u00e7on structur\u00e9e leurs id\u00e9es en anglais, tant \u00e0 l\u2019oral qu\u2019\u00e0 l\u2019\u00e9crit, dans le cadre d\u2019\u00e9tudes en sciences humaines\u202f;<\/li>\n<li>Lire et comprendre des sources d\u2019information en fran\u00e7ais dans le cadre des \u00e9tudes en sciences humaines\u202f;<\/li>\n<li>D\u00e9montrer leur capacit\u00e9 \u00e0 int\u00e9grer les connaissances disciplinaires et les comp\u00e9tences m\u00e9thodologiques n\u00e9cessaires \u00e0 l\u2019\u00e9tude des r\u00e9alit\u00e9s humaines\u202f;<\/li>\n<li>D\u00e9velopper des comp\u00e9tences personnelles favorisant la vie en soci\u00e9t\u00e9, l\u2019am\u00e9lioration de soi et la participation \u00e0 une soci\u00e9t\u00e9 mondiale, diversifi\u00e9e et num\u00e9rique\u202f;<\/li>\n<li>Apprendre et travailler de fa\u00e7on autonome, en r\u00e9fl\u00e9chissant \u00e0 leurs processus d\u2019apprentissage et en concevant, planifiant, r\u00e9alisant et \u00e9valuant des projets en fonction de leurs objectifs.<\/li>\n<li style=\"list-style-type: none;\"><\/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-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-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3.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\">Qu\u2019est-ce qui sera \u00e9valu\u00e9\u202f?<\/span><\/strong><\/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. <\/span><\/p>\n<p><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. 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\">Comment sera-t-elle \u00e9valu\u00e9e\u202f?<\/span><\/strong><\/p>\n<p><span data-contrast=\"auto\">L\u2019\u00e9preuve synth\u00e8se m\u00e8ne \u00e0 une mention r\u00e9ussite ou \u00e9chec, selon l\u2019atteinte des \u00e9l\u00e9ments du profil de sortie dans le cadre du cours IA. Vous devez compl\u00e9ter tous les travaux obligatoires du cours IA pour r\u00e9ussir l\u2019\u00e9preuve synth\u00e8se. Si certains travaux sont incomplets, aucune note ne sera attribu\u00e9e \u00e0 l\u2019essai final, ce qui entra\u00eenera l\u2019\u00e9chec \u00e0 la fois du cours IA et de l\u2019\u00e9preuve synth\u00e8se.<\/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.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.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-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.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/c8b97a9d-afaa-43d4-bb82-0b4805f7adc3-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>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-7 xl:col-start-7 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">Orientations universitaires<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <ul>\n<li>Administration des affaires<\/li>\n<li>Commerce<\/li>\n<li>Communication et journalisme<\/li>\n<li>Conseil<\/li>\n<li>Criminologie<\/li>\n<li>\u00c9conomie<\/li>\n<li>\u00c9ducation<\/li>\n<li>G\u00e9ographie<\/li>\n<li>Histoire<\/li>\n<li>Design industriel<\/li>\n<li>Relations industrielles<\/li>\n<li>Commerce international<\/li>\n<li>Relations internationales<\/li>\n<li>Droit<\/li>\n<li>Sciences politiques<\/li>\n<li>Psychologie<\/li>\n<li>Travail social<\/li>\n<li>Sociologie<\/li>\n<li>Tourisme<\/li>\n<li>\u00c9tudes urbaines<\/li>\n<\/ul>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-1 lg:col-start-2 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"1024\" height=\"682\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-1024x682.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-1024x682.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/827abd17-5c25-4a59-b6ba-01f77d5612a0.jpg 1280w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/682;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n    <section class=\"slider-testimonials || section || \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"temoignages\" ><\/span>        <div class=\"wrapper || md:grid-col\">\r\n\r\n            <div class=\"content || col-span-8 flex flex-col items-center justify-center text-center  ||  max-w-[52rem] xl:col-span-7\">\r\n                <div class=\"content-slider swiper-container || flex flex-col overflow-hidden w-full\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        \r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">Le programme de sciences sociales de St. Lawrence a v\u00e9ritablement \u00e9t\u00e9 mon passeport pour le monde, sans m\u00eame avoir besoin d&rsquo;une carte d&#8217;embarquement ! J&rsquo;ai eu la chance d&rsquo;explorer toutes sortes de domaines, des langues \u00e9trang\u00e8res \u00e0 la g\u00e9ographie, en passant par l&rsquo;histoire, la psychologie, la sociologie et m\u00eame le commerce. Ce qui a rendu cette exp\u00e9rience encore plus sp\u00e9ciale, ce sont les professeurs incroyables venus du monde entier, que ce soit du Royaume-Uni, d&rsquo;Allemagne, du Mexique ou du Salvador, qui m&rsquo;ont ouvert les yeux sur des perspectives et des cultures diverses. J&rsquo;ai \u00e9galement ador\u00e9 la libert\u00e9 de pouvoir organiser mon emploi du temps et mon parcours, tout en b\u00e9n\u00e9ficiant d&rsquo;un syst\u00e8me de soutien qui m&rsquo;a toujours \u00e9paul\u00e9e. Et cette activit\u00e9 int\u00e9grative finale ? Elle m&rsquo;a permis d&rsquo;affiner mes comp\u00e9tences en mati\u00e8re de recherche et m&rsquo;a donn\u00e9 une longueur d&rsquo;avance dans mon parcours universitaire. Ce n&rsquo;\u00e9tait pas seulement un programme, c&rsquo;\u00e9tait un tremplin unique en son genre.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Bon Pham<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiante en sciences humaines<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">Apr\u00e8s avoir suivi le programme de sciences sociales \u00e0 St. Lawrence, j&rsquo;ai acquis une compr\u00e9hension beaucoup plus approfondie de la soci\u00e9t\u00e9, non pas d&rsquo;un seul point de vue, mais de plusieurs. Au fur et \u00e0 mesure de mes progr\u00e8s, chaque nouvelle discipline que je d\u00e9couvrais, enseign\u00e9e par des professeurs issus de divers horizons et ayant des styles d&rsquo;enseignement vari\u00e9s, m&rsquo;apparaissait comme une nouvelle pi\u00e8ce du puzzle expliquant le fonctionnement du monde. De l&rsquo;exploration du comportement humain en psychologie \u00e0 l&rsquo;\u00e9tude de l&rsquo;ascension et du d\u00e9clin des civilisations dans l&rsquo;histoire, le programme de sciences sociales m&rsquo;a sembl\u00e9 novateur et int\u00e9ressant du d\u00e9but \u00e0 la fin.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Dominic Gaumont<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiant en sciences humaines<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">En tant que professeur de psychologie avec pr\u00e8s de 30 ans d&rsquo;exp\u00e9rience, je peux dire avec beaucoup de fiert\u00e9 que le d\u00e9partement des sciences sociales du St. Lawrence College est vraiment unique. Nos professeurs d\u00e9vou\u00e9s et talentueux se consacrent corps et \u00e2me \u00e0 l&rsquo;enseignement et au soutien des \u00e9tudiants, et cela se voit. Les \u00e9tudiants nous r\u00e9p\u00e8tent sans cesse \u00e0 quel point ils sont satisfaits, non seulement de leur choix de programme, mais aussi de la chaleur, de l&rsquo;attention et de l&rsquo;inspiration qu&rsquo;ils trouvent au sein de notre petit d\u00e9partement. Nous sommes peut-\u00eatre modestes en taille, mais nous avons un grand c\u0153ur ! Nos enseignants sont profond\u00e9ment engag\u00e9s et disponibles, cr\u00e9ant un environnement o\u00f9 les \u00e9tudiants se sentent \u00e9cout\u00e9s, soutenus et encourag\u00e9s \u00e0 s&rsquo;\u00e9panouir. C&rsquo;est une joie de faire partie d&rsquo;une communaut\u00e9 universitaire aussi dynamique et attentionn\u00e9e !<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Meagan Daley<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">Professeure de psychologie<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">Le programme de sciences sociales m&rsquo;a donn\u00e9 une orientation que je n&rsquo;aurais jamais imagin\u00e9e. Avant de m&rsquo;inscrire \u00e0 ce programme, je ne savais pas du tout o\u00f9 j&rsquo;allais, mais gr\u00e2ce \u00e0 la grande vari\u00e9t\u00e9 de sujets abord\u00e9s, j&rsquo;ai pu pr\u00e9ciser mes centres d&rsquo;int\u00e9r\u00eat et d\u00e9terminer ce qui me convenait le mieux. Au fil du temps, je me suis fait de nouveaux amis et j&rsquo;ai am\u00e9lior\u00e9 mes comp\u00e9tences en tant que chercheuse, conf\u00e9renci\u00e8re et r\u00e9dactrice.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">Jeremy Rh\u00e9aume\u202f<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiant en sciences humaines<\/p>\r\n    <\/div>\r\n<div class=\"swiper-slide\">\r\n    <p class=\"text-h6\">Les sciences sociales \u00e0 St. Lawrence sont plus qu&rsquo;un simple programme ; elles constituent un moyen d&rsquo;en apprendre davantage sur le monde et sur nous-m\u00eames. Pour moi, ce programme m&rsquo;a ouvert de nouveaux horizons et m&rsquo;a permis de m&rsquo;int\u00e9resser \u00e0 des sujets auxquels je n&rsquo;aurais jamais pens\u00e9 autrement. Je pars maintenant \u00e0 la d\u00e9couverte du monde avec une meilleure connaissance de moi-m\u00eame et de mes capacit\u00e9s.<\/p>\r\n            <p class=\"text-h6 || font-bold mt-8 || lg:mt-10\">\u00c9milie Gosselin\u202f<\/p>\r\n            <p class=\"surtitle || text-secondary [.page-template-template-bloom_&#038;]:text-accentBloom [.page-template-template-bloom_section.section-dark_&#038;]:text-lightBloom mt-2\">\u00c9tudiante en sciences humaines<\/p>\r\n    <\/div>                    <\/div>\r\n                <\/div>\r\n                <div class=\"mt-10 || lg:mt-16\">\r\n                    <div class=\"relative flex items-center gap-2\">\r\n    <div class=\"btn-slider button-prev || rotate-180 custom-transition relative isolate flex h-12 w-12 items-center justify-center overflow-hidden rounded-full cursor-pointer bg-secondary hover:bg-accent [.page-template-template-bloom_&#038;]:bg-lightBloom [.page-template-template-bloom_&#038;_svg_path]:fill-accentBloom || lg:[&#038;_svg]:scale-[1.3] lg:h-16 lg:w-16\">\r\n        <svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M12.0459 7.91268C11.9116 7.90905 11.8349 7.9054 11.7582 7.90501C8.29243 7.90505 4.82668 7.9051 1.36092 7.90677C0.998963 7.90682 0.69789 7.79405 0.514115 7.46418C0.33602 7.14404 0.342555 6.81779 0.531688 6.50532C0.711487 6.20786 0.995142 6.0938 1.33194 6.09375C2.01202 6.09285 2.69211 6.09276 3.3726 6.09308C6.16517 6.09272 8.95774 6.09235 11.7503 6.09442C11.8278 6.09482 11.9053 6.11713 11.9828 6.12888C11.9926 6.10373 12.0023 6.07857 12.012 6.05341C11.9552 5.9966 11.8988 5.94021 11.842 5.88341C10.5206 4.56196 9.19834 3.24132 7.87932 1.91743C7.76896 1.80708 7.66226 1.68495 7.58761 1.54943C7.38518 1.18304 7.50048 0.732609 7.84827 0.454605C8.22284 0.155497 8.65175 0.154224 9.00433 0.454049C9.0587 0.500301 9.1082 0.552234 9.15891 0.60295C11.0626 2.50662 12.9662 4.41028 14.8699 6.31395C15.3097 6.75376 15.3105 7.24556 14.8722 7.68386C12.953 9.60304 11.0346 11.523 9.11504 13.441C8.62804 13.928 8.01938 13.8704 7.63924 13.3077C7.43842 13.0103 7.43522 12.6564 7.64058 12.3626C7.71363 12.2579 7.80089 12.1609 7.89179 12.07C9.20709 10.7523 10.524 9.43617 11.8405 8.11966C11.8957 8.06446 11.9509 8.00927 12.0467 7.91349L12.0459 7.91268Z\" fill=\"white\"\/>\r\n<\/svg>\r\n    <\/div>\r\n    <div class=\"btn-slider button-next custom-transition relative isolate flex h-12 w-12 items-center justify-center overflow-hidden rounded-full cursor-pointer bg-secondary hover:bg-accent [.page-template-template-bloom_&#038;]:bg-lightBloom [.page-template-template-bloom_&#038;_svg_path]:fill-accentBloom || lg:[&#038;_svg]:scale-[1.3] lg:h-16 lg:w-16\">\r\n        <svg width=\"16\" height=\"14\" viewBox=\"0 0 16 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M12.0459 7.91268C11.9116 7.90905 11.8349 7.9054 11.7582 7.90501C8.29243 7.90505 4.82668 7.9051 1.36092 7.90677C0.998963 7.90682 0.69789 7.79405 0.514115 7.46418C0.33602 7.14404 0.342555 6.81779 0.531688 6.50532C0.711487 6.20786 0.995142 6.0938 1.33194 6.09375C2.01202 6.09285 2.69211 6.09276 3.3726 6.09308C6.16517 6.09272 8.95774 6.09235 11.7503 6.09442C11.8278 6.09482 11.9053 6.11713 11.9828 6.12888C11.9926 6.10373 12.0023 6.07857 12.012 6.05341C11.9552 5.9966 11.8988 5.94021 11.842 5.88341C10.5206 4.56196 9.19834 3.24132 7.87932 1.91743C7.76896 1.80708 7.66226 1.68495 7.58761 1.54943C7.38518 1.18304 7.50048 0.732609 7.84827 0.454605C8.22284 0.155497 8.65175 0.154224 9.00433 0.454049C9.0587 0.500301 9.1082 0.552234 9.15891 0.60295C11.0626 2.50662 12.9662 4.41028 14.8699 6.31395C15.3097 6.75376 15.3105 7.24556 14.8722 7.68386C12.953 9.60304 11.0346 11.523 9.11504 13.441C8.62804 13.928 8.01938 13.8704 7.63924 13.3077C7.43842 13.0103 7.43522 12.6564 7.64058 12.3626C7.71363 12.2579 7.80089 12.1609 7.89179 12.07C9.20709 10.7523 10.524 9.43617 11.8405 8.11966C11.8957 8.06446 11.9509 8.00927 12.0467 7.91349L12.0459 7.91268Z\" fill=\"white\"\/>\r\n<\/svg>\r\n    <\/div>\r\n<\/div>                <\/div>\r\n            <\/div>\r\n\r\n                            <div class=\"medias col-span-4 col-start-9 mt-16 || md:mt-0 xl:col-start-8\">\r\n                    <div class=\"media-slider swiper-container || overflow-hidden\">\r\n                        <div class=\"swiper-wrapper\">\r\n                                                            <div class=\"text-image-slider-item || swiper-slide || pointer-events-none\">\r\n                                    <div class=\"[mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] aspect-[201\/234] relative\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/themes\/champla\/assets\/svg\/mask-stripes.svg\" alt=\"Background stripes\" class=\"w-full h-auto lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n        <img decoding=\"async\" width=\"853\" height=\"1280\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4.jpg\" class=\"w-full h-auto absolute left-0 bottom-0 top-0 right-0 object-cover h-full lazyload\" alt=\"Background image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4.jpg 853w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/fed896b2-8c71-42dc-9137-9dc0b3e29da4-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 class=\"text-image-slider-item || swiper-slide || pointer-events-none\">\r\n                                    <div class=\"[mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] aspect-[201\/234] relative\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/themes\/champla\/assets\/svg\/mask-stripes.svg\" alt=\"Background stripes\" class=\"w-full h-auto lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n        <img decoding=\"async\" width=\"533\" height=\"800\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A6984.jpg\" class=\"w-full h-auto absolute left-0 bottom-0 top-0 right-0 object-cover h-full lazyload\" alt=\"Background image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A6984.jpg 533w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A6984-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A6984-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A6984-150x225.jpg 150w\" data-sizes=\"(max-width: 533px) 100vw, 533px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 533px; --smush-placeholder-aspect-ratio: 533\/800;\" \/><\/div>                                <\/div>\r\n                                                            <div class=\"text-image-slider-item || swiper-slide || pointer-events-none\">\r\n                                    <div class=\"[mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] aspect-[201\/234] relative\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/themes\/champla\/assets\/svg\/mask-stripes.svg\" alt=\"Background stripes\" class=\"w-full h-auto lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n        <\/div>                                <\/div>\r\n                                                            <div class=\"text-image-slider-item || swiper-slide || pointer-events-none\">\r\n                                    <div class=\"[mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] aspect-[201\/234] relative\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/themes\/champla\/assets\/svg\/mask-stripes.svg\" alt=\"Background stripes\" class=\"w-full h-auto lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n        <\/div>                                <\/div>\r\n                                                            <div class=\"text-image-slider-item || swiper-slide || pointer-events-none\">\r\n                                    <div class=\"[mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] aspect-[201\/234] relative\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/themes\/champla\/assets\/svg\/mask-stripes.svg\" alt=\"Background stripes\" class=\"w-full h-auto lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n        <\/div>                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"vie-etudiante\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-1 xl:col-start-2 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">La vie \u00e9tudiante \u00e0 St. Lawrence<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p>St. Lawrence offre un large \u00e9ventail de possibilit\u00e9s d&rsquo;acqu\u00e9rir une exp\u00e9rience pratique gr\u00e2ce \u00e0 des clubs, des \u00e9v\u00e9nements et des activit\u00e9s. Les clubs suivants peuvent pr\u00e9senter un int\u00e9r\u00eat particulier pour les \u00e9tudiants du programme de sciences sociales :<\/p>\n<ul>\n<li>Club Model United Nations<\/li>\n<li>Club interculturel<\/li>\n<li>Club sant\u00e9 et bien-\u00eatre<\/li>\n<\/ul>\n<p>Toutes les activit\u00e9s parascolaires sont ouvertes \u00e0 tous les \u00e9tudiants de St. Lawrence. Consultez la page Clubs et activit\u00e9s socioculturelles pour plus d&rsquo;informations et la liste compl\u00e8te des clubs.<\/p>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-8 lg:col-start-8 xl:col-start-8 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-1024x768.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-1024x768.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-1536x1152.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-1920x1440.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-1400x1050.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-640x480.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-480x360.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-350x263.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n-150x113.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/490441366_1666454797410820_1608023745762792094_n.jpg 2048w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"cta-banner || section different-background || relative !py-0 overflow-hidden bg-secondary text-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>                <div class=\"wrapper || [position:initial] || md:grid-col md:items-center md:min-h-[25rem] lg:min-h-[34.375rem] xl:min-h-[43.75rem]\">\r\n            <div class=\"md:col-span-5 lg:col-span-6 \">\r\n                <div class=\"absolute left-0 top-0 w-1\/2 h-full flex items-center z-20 || md:w-[36.5%]\">\r\n                                            <span class=\"custom-transition [&#038;_svg]:w-full\">\r\n                            <svg width=\"729\" height=\"550\" viewBox=\"0 0 729 550\" fill=\"none\" opacity=\"0.15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<g clip-path=\"url(#clip0_3262_6905)\">\r\n<path d=\"M578.374 173.956C563.805 179.42 550.146 187.452 538.113 197.632C527.738 206.542 518.437 215.843 509.527 224.949C497.689 236.625 487.835 246.251 476.745 254.479C451.248 273.601 423.378 283.813 392.385 283.813H347.766V318.611H394.206C432.484 318.611 466.176 305.862 497.494 282.545C510.437 272.886 521.722 261.764 534.113 249.568C542.666 241.015 551.414 232.072 560.715 224.234C574.927 212.201 591.675 204.363 609.529 201.111L578.374 173.956Z\" fill=\"#202945\"\/>\r\n<path d=\"M389.782 63.9372C400.709 55.5467 408.742 46.083 418.563 35.8713L392.318 13.1064C383.928 21.8547 377.749 29.3346 369.001 35.8713C362.074 40.9772 354.984 43.5138 347.699 47.3514V85.9866C362.269 80.1653 376.285 73.9538 389.782 63.9372Z\" fill=\"#202945\"\/>\r\n<path d=\"M426.595 133.89C439.18 123.873 450.27 112.589 462.498 100.198C467.051 95.4498 470.498 91.8075 478.173 87.2545L451.408 64.1318C446.14 66.6685 441.554 71.7743 437.392 76.1647C425.716 88.0025 416.253 97.8564 405.131 106.214C383.439 123.353 370.886 129.337 347.73 130.996V165.793C380.349 164.167 398.203 155.939 426.627 133.923L426.595 133.89Z\" fill=\"#202945\"\/>\r\n<path d=\"M567.803 374.19L554.859 382.938L539.379 394.418L636.845 514.487L611.153 514.682L548.843 461.477L464.84 389.702L461.003 386.418C488.32 380.954 514.207 369.669 537.883 351.978C552.095 341.213 564.29 329.018 576.128 317.18C584.876 308.627 593.072 300.432 601.82 292.952C618.048 279.293 645.561 267.975 666.505 267.975H686.733L651.577 237.73C625.528 239.194 599.641 249.21 579.413 266.349C569.591 274.74 560.453 283.846 551.705 292.594C540.062 304.074 529.297 314.806 516.907 324.107C487.573 345.961 456.059 356.173 419.993 355.458H128.115L50.8767 440.371H-34.3941L-80.3142 514.519H-116.38L-53.5167 407.589C-28.5728 405.215 -5.41768 394.093 10.2576 376.792C20.4693 365.864 41.2178 331.782 49.4132 283.52H14.0626C9.6722 305.017 1.31422 335.457 -15.2716 353.311C-26.9143 366.059 -44.6058 373.344 -63.7283 373.344H-73.5823L-177 549.284H-60.9315L-15.0115 475.136H64.6006L141.839 390.223H411.473L596.942 548.374L598.405 549.642L709.53 549.089L580.714 389.67L567.77 374.19H567.803Z\" fill=\"#202945\"\/>\r\n<path d=\"M422.952 443.981L363.373 515.203H342.071L388.707 436.501L394.886 424.858H354.982L283.565 548.017L282.492 550H381.422L450.27 467.299L424.057 444.696L422.952 443.981Z\" fill=\"#202945\"\/>\r\n<path d=\"M171.337 424.857H156.052L140.734 441.801L140.181 442.321L187.923 514.486H159.694L116.864 469.672L116.148 468.924L92.993 494.453L92.4727 494.973L142.913 548.178L144.214 549.642H253.518L177.906 435.232L171.337 424.857Z\" fill=\"#202945\"\/>\r\n<path d=\"M562.209 55.9036V78.2782L591.901 101.043V55.9036H698.408V96.165L681.659 93.7909H655.805C643.414 93.7909 632.487 98.7016 624.292 106.734C616.259 114.735 611.348 126.052 611.348 138.247C611.348 162.834 631.219 182.704 655.805 182.704H698.798V211.258L728.327 237.665V153.565H655.447C647.252 153.565 640.682 146.996 640.682 138.8C640.682 130.605 647.252 124.036 655.447 124.036H676.586L698.44 127.873L728.49 132.979V27.48H507.508L478.141 0.162109H431.863L494.532 55.9036H562.176H562.209Z\" fill=\"#202945\"\/>\r\n<path d=\"M540.094 141.012C532.81 144.655 526.436 148.85 520.094 154.314C510.955 162.119 501.134 170.509 492.548 178.9C480.385 191.323 472.353 201.307 458.694 212.071C428.807 235.552 390.529 242.316 353.39 242.869H347.731L259.468 243.064H-94.656C-132.771 243.064 -165.13 211.876 -164.414 173.794C-163.699 136.85 -133.389 107.125 -96.5097 107.125H168.344C186.003 107.125 200.605 92.7182 200.605 74.8965C200.605 50.6682 186.003 36.2612 168.344 36.2612H4.40385L-37.4836 0H168.376C206.361 0 237.094 32.6839 236.313 76.4901C235.663 113.434 204.995 142.801 168.051 142.801H-96.5097C-114.169 142.801 -128.576 157.208 -128.576 175.062C-128.576 185.762 -123.307 195.225 -115.274 201.079C-109.843 205.014 -103.112 206.803 -96.3796 206.803H351.178C383.407 207.518 411.668 200.591 437.717 181.079C448.84 172.883 457.783 163.224 469.035 151.744C478.174 142.801 486.499 133.923 498.174 124.622C502.923 120.752 506.207 118.573 510.728 115.678L540.062 141.012H540.094Z\" fill=\"#202945\"\/>\r\n<\/g>\r\n<defs>\r\n<clipPath id=\"clip0_3262_6905\">\r\n<rect width=\"905.49\" height=\"550\" fill=\"white\" transform=\"translate(-177)\"\/>\r\n<\/clipPath>\r\n<\/defs>\r\n<\/svg>\r\n                        <\/span>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"relative z-30 py-20 || md:col-span-7 md:col-start-6 lg:col-span-6 lg:col-start-7\">\r\n                <h2 class=\"text-h2\">Pr\u00eat \u00e0 poursuivre vos \u00e9tudes \u00e0 St. Lawrence?<\/h2>\r\n                                    <a href=\"https:\/\/slc.qc.ca\/fr\/admission\/\" class=\"mt-6 lg:mt-8 white btn-primary\"  target=\"\" rel=\"noopener\" >\r\n        Faire une demande d&rsquo;admission    <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"relative z-20 || md:hidden\">\r\n                    <\/div>\r\n    <\/section>\r\n","protected":false},"featured_media":1965,"template":"","program-category":[57],"program-admissions":[58],"program-duration":[59],"program-interests":[60,61,62,63,64],"program-requirements":[66,65],"class_list":["post-2119","programs","type-programs","status-publish","has-post-thumbnail","hentry","program-category-pre-universitaire","program-admissions-fall-fr","program-duration-2-years-fr","program-interests-social-science-fr","program-interests-business-commerce-fr","program-interests-culture-fr","program-interests-health-wellness-the-body-fr","program-interests-crime-law-justice-fr","program-requirements-for-the-commerce-or-mathematics-profiles-math-ts-5-or-sn-5-fr","program-requirements-college-general-admission-requirements-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs\/2119","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\/1965"}],"wp:attachment":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media?parent=2119"}],"wp:term":[{"taxonomy":"program-category","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-category?post=2119"},{"taxonomy":"program-admissions","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-admissions?post=2119"},{"taxonomy":"program-duration","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-duration?post=2119"},{"taxonomy":"program-interests","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-interests?post=2119"},{"taxonomy":"program-requirements","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-requirements?post=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}