{"id":2123,"date":"2025-08-08T17:51:52","date_gmt":"2025-08-08T21:51:52","guid":{"rendered":"https:\/\/slc.qc.ca\/programs\/double-dec-science-social-science\/"},"modified":"2025-09-02T09:51:12","modified_gmt":"2025-09-02T13:51:12","slug":"double-dec-sciences-nature-sciences-humaines","status":"publish","type":"programs","link":"https:\/\/slc.qc.ca\/fr\/programmes\/double-dec-sciences-nature-sciences-humaines\/","title":{"rendered":"Double DEC Sciences de la nature + 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 data-start=\"176\" data-end=\"790\">Le Double DEC en Sciences de la nature et en Sciences humaines offre un parcours acad\u00e9mique riche et interdisciplinaire qui r\u00e9pond aux pr\u00e9alables de presque tous les programmes universitaires. De plus, ce programme combine la rigueur analytique des sciences avec la compr\u00e9hension approfondie du comportement humain des sciences humaines, d\u00e9veloppant ainsi un ensemble de comp\u00e9tences complet et \u00e9quilibr\u00e9. Pour certaines carri\u00e8res, comme le droit de l\u2019environnement, une base plus large dans les sciences physiques et sociales pr\u00e9pare mieux aux \u00e9tudes universitaires que le programme de Sciences de la nature ou de Sciences humaines seul.<\/p>\n<p data-start=\"792\" data-end=\"1122\">Le programme Double DEC pr\u00e9sente aussi une charge de cours r\u00e9duite compar\u00e9e \u00e0 un DEC simple. Cette charge all\u00e9g\u00e9e permet aux \u00e9tudiants de mieux se concentrer sur chaque cours. De plus, la dur\u00e9e prolong\u00e9e offre de pr\u00e9cieuses occasions de d\u00e9couvrir davantage leurs int\u00e9r\u00eats et d\u2019am\u00e9liorer leur anglais avant d\u2019aller \u00e0 l\u2019universit\u00e9.<\/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\/SON07265-1024x1536.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07265-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\">Ouvre la porte \u00e0 tous les programmes universitaires<\/h2>\r\n                    <\/div>\r\n            <div class=\"grid gap-6 grid-cols-1 || sm:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\r\n                \r\n        <div class=\"card-content rounded-corners || group flex flex-col justify-between py-8 px-5 bg-accent [.page-template-template-bloom_&#038;]:bg-accentBloom !text-light max-sm:pb-10 sm:min-h-[18.75rem] md:p-8\">\r\n                <span>\r\n                            <h3 class=\"text-h4 !text-light\">Reliez les disciplines, \u00e9largissez vos horizons<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW251162695 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW251162695 BCX0\">Faites des liens significatifs entre vos cours de sciences pures et de sciences humaines. Cette approche interdisciplinaire vous permet d\u2019explorer \u00e0 la fois la m\u00e9thode scientifique et le comportement humain, en combinant l\u2019analyse rigoureuse de la recherche et la r\u00e9flexion critique des enjeux sociaux.<\/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\">Acqu\u00e9rez de l\u2019exp\u00e9rience pratique dans des laboratoires dot\u00e9s d&rsquo;\u00e9quipements sp\u00e9cialis\u00e9s<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW33132046 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW33132046 BCX8\"><span class=\"NormalTextRun SCXW9235547 BCX8\">Gr\u00e2ce \u00e0 nos laboratoires sp\u00e9cialis\u00e9s en biologie, chimie et physique, <\/span><span class=\"NormalTextRun SCXW9235547 BCX8\">nos<\/span><span class=\"NormalTextRun SCXW9235547 BCX8\"> \u00e9tudiants peuvent mettre la th\u00e9orie en pratique \u00e0 travers <\/span><span class=\"NormalTextRun SCXW9235547 BCX8\">d\u2019<\/span><span class=\"NormalTextRun SCXW9235547 BCX8\">exp\u00e9riences concr\u00e8tes.<\/span><\/span><\/span><\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n\r\n        <div class=\"card-content rounded-corners || group flex flex-col justify-between py-8 px-5 bg-accent [.page-template-template-bloom_&#038;]:bg-accentBloom !text-light max-sm:pb-10 sm:min-h-[18.75rem] md:p-8\">\r\n                <span>\r\n                            <h3 class=\"text-h4 !text-light\">Un programme fa\u00e7onn\u00e9 selon vos int\u00e9r\u00eats<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW179401884 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW179401884 BCX0\">Choisissez les cours qui vous passionnent parmi une grande vari\u00e9t\u00e9 de disciplines en sciences humaines telles que la psychologie, la sociologie, la science politique, l&rsquo;histoire, l&rsquo;\u00e9conomie, la g\u00e9ographie et l&rsquo;administration.<\/span><\/span><\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"stats || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper\">\r\n                        <div class=\"flex flex-wrap justify-center gap-y-16\">\r\n                <div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            2        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Dipl\u00f4mes en 3 ans<\/h4>\r\n    <\/div><div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            3        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Laboratoires bien \u00e9quip\u00e9s \u00e0 votre disposition<\/h4>\r\n    <\/div><div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            7        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Sujets \u00e0 explorer en sciences humaines<\/h4>\r\n    <\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"text-and-image-accordion || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"universite\" ><\/span>        <div class=\"wrapper || max-lg:flex max-lg:flex-col-reverse lg:grid-col\">\r\n\r\n            <div class=\"mt-16 || lg:mt-0 lg:col-span-5 lg:col-start-1\">\r\n                    <div class=\"thumbnail w-full rounded-corners\"\r\n        style=\"padding-bottom: 112.80864197531%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1024\" height=\"1536\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2.jpg\" class=\"rounded-corners lazyload\" alt=\"Accordion module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2.jpg 6336w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500513-2-150x225.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1536;\" \/>  <\/div>            <\/div>\r\n\r\n            <div class=\"content ||  lg:col-span-7 xl:col-span-6 lg:col-start-6 xl:col-start-7\">\r\n                                    <h2 class=\"text-h2 || mb-6\">Prenez les devants dans vos \u00e9tudes<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p><span class=\"TextRun SCXW103124989 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW103124989 BCX0\">Bien qu\u2019il n\u2019y ait pas de profils officiels dans le programme Double DEC, vous pouvez personnaliser vos choix de cours selon vos objectifs universitaires et professionnels.<\/span><\/span><\/p>\n<p><span>Si vous \u00eates admissible \u00e0 fr\u00e9quenter une \u00e9cole anglophone en vertu de la Charte de la langue fran\u00e7aise et que vous \u00eates titulaire d&rsquo;un certificat d\u00e9livr\u00e9 par le minist\u00e8re de l&rsquo;\u00c9ducation, vous \u00eates consid\u00e9r\u00e9 comme titulaire d&rsquo;un certificat. Votre s\u00e9quence de cours sera alors d\u00e9termin\u00e9e par votre niveau de fran\u00e7ais (1-2 ou 3-4). Pour plus d&rsquo;informations sur les certificats, veuillez consulter le <a href=\"https:\/\/www.education.gouv.qc.ca\/en\/contenus-communs\/parents-and-guardians\/instruction-in-english\">site web du minist\u00e8re de l&rsquo;\u00c9ducation<\/a>. Si vous n&rsquo;\u00eates pas admissible, vous devez suivre la s\u00e9quence de cours pour les non-titulaires d&rsquo;un certificat qui pr\u00e9pare les \u00e9tudiants \u00e0 l&rsquo;\u00c9preuve uniforme de fran\u00e7ais (EUF).<\/span><\/p>\n<\/div>\r\n                <div class=\"accordions-container mt-8 || lg:mt-10\">\r\n                    \r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-0\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                Sciences de la sant\u00e9            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\">Choisissez <\/span><\/span><em><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\">Organic Chemistry<\/span><\/span><\/em><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\"> et\u00a0<\/span><\/span><em><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\">General Biology II <\/span><\/span><\/em><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\">c<\/span><\/span><span class=\"TextRun SCXW147373759 BCX8\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147373759 BCX8\"><span class=\"NormalTextRun SCXW184112343 BCX8\">omme options scientifiques afin de r\u00e9pondre aux exigences d\u2019admission de tous les programmes li\u00e9s \u00e0 la sant\u00e9 offerts dans les universit\u00e9s du Qu\u00e9bec.<\/span><\/span><\/span><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-1\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                Psychologie            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"NormalTextRun SCXW184112343 BCX8\">Les pr\u00e9alables peuvent varier. Veuillez communiquer avec le conseiller d\u2019orientation pour plus d\u2019informations.<\/span><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-2\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                Administration et \u00e9conomie            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"NormalTextRun SCXW125137946 BCX8\"><span class=\"NormalTextRun SCXW184112343 BCX8\">Les pr\u00e9alables peuvent varier. Veuillez communiquer avec le conseiller d\u2019orientation pour plus d\u2019informations.<\/span><\/span><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n    <section class=\"tabs-accordions || section\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"grille-de-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\">Grille de cours<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p><span>Votre programme de cours sp\u00e9cifique est d\u00e9termin\u00e9 par votre statut de certificat.<\/span><\/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<li>\n<div>Total des heures de contact par semaine : heures de cours (th\u00e9orie + laboratoire) pour la session<\/div>\n<\/li>\n<\/ul>\n<div>Les cours surlign\u00e9s en bleu sont enseign\u00e9s en fran\u00e7ais.<\/div>\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] 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 || \">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 || \">203-SN1-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                Mechanics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">203-SN2-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                Electricity and Magnetism                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-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 || \">201-SN1-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Probability and Statistics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN1-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                Properties of Matter                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-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 || \">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 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-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] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN2-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                Chemistry of Solutions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">101-SN1-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                Cell Biology and Genetics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">420-SNF-LW\u00a0<\/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                Programmation en sciences                                    <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 || \">Enrichment<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Enrichment course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">101-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Ecology and Evolution                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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] 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 || \">Science\/Math<\/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                Science\/Math 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 || \">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 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">203-SN3-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                Waves and Modern Physics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Science\/Math<\/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                Science\/Math 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 || \">CA\/IA\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-3-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Science CA\/IA                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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>                            <p class=\"font-bold pt-4 pb-10\">Total 21h \/ 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] 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 || \">203-SN1-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                Mechanics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">203-SN2-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                Electricity and Magnetism                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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 || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-BNY-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc B                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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-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 || \">201-SN1-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Probability and Statistics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN1-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                Properties of Matter                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">420-SNE-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                Introduction to Programming                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                World Views                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN2-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                Chemistry of Solutions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">101-SN1-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                Cell Biology and Genetics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">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 || \">Enrichment<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Enrichment course                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">101-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Ecology and Evolution                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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] 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 || \">Science\/Math<\/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                Science\/Math 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 || \">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 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">203-SN3-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                Waves and Modern Physics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Science\/Math<\/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                Science\/Math 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 || \">CA\/IA\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-3-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Science CA\/IA                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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-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 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] 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 || \">203-SN1-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                Mechanics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">203-SN2-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                Electricity and Magnetism                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm: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 || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">201-SN1-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Probability and Statistics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN1-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                Properties of Matter                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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 || \">420-SNF-LW\u00a0<\/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                Programmation en sciences                                    <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 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-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] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">202-SN2-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                Chemistry of Solutions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">101-SN1-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                Cell Biology and Genetics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-101-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity and Health                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">101-SN2-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-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                Ecology and Evolution                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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] 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 || \">Science\/Math<\/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                Science\/Math 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 || \">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 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">203-SN3-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                Waves and Modern Physics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">Science\/Math<\/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                Science\/Math 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 || \">CA\/IA\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-3-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Science CA\/IA                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[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>                            <p class=\"font-bold pt-4 pb-10\">Total 21h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n\n\n\r\n    <section class=\"cards-popup || section different-background section-dark\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"nos-diplomes\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Les conditions de r\u00e9ussite du programme<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p><span>Tous les programmes coll\u00e9giaux au Qu\u00e9bec comportent un profil de sortie qui d\u00e9crit les comp\u00e9tences que les \u00e9tudiants doivent acqu\u00e9rir pour obtenir leur dipl\u00f4me. Pour \u00e9valuer l\u2019atteinte de ces comp\u00e9tences, les \u00e9tudiants doivent r\u00e9aliser une \u00e9preuve synth\u00e8se de programme (ESP) au cours de leur formation.<\/span><span>\u00a0<\/span><\/p>\n<p>Dans le cadre de ce Double DEC, vous remplirez les exigences de l&rsquo;\u00e9preuve synth\u00e8se de programme des programmes de Sciences de la nature et de Sciences humaines pendant votre sixi\u00e8me session.<\/p>\n<\/div>            <\/div>\r\n            <div class=\"grid gap-6 grid-cols-1 || sm:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\r\n                \r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"Profil de sortie (Sciences de la nature)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-150x100.jpg 150w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">Profil de sortie (Sciences de la nature)<\/h3>\r\n                        <button class=\"btn-round\"><span class=\"plus block m-auto\"><\/span><\/button>\r\n        <\/span>\r\n    <\/div>\r\n        <div class=\"popup-modal || custom-transition w-screen h-screen translate-x-full justify-between bg-light fixed top-0 right-0 z-[80] flex overflow-y-auto flex-col || lg:overflow-hidden lg:flex-row-reverse\">\r\n        <div class=\"modal-close || absolute top-4 right-4 w-10 h-10 flex justify-center items-center rounded-full z-40 cursor-pointer [&#038;_path]:fill-secondary || lg:top-8 lg:right-8\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#EA0029\" id=\"circle\"\/>\r\n<rect x=\"26.5994\" y=\"25.4\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(135 26.5994 25.4)\" fill=\"white\" id=\"line\"\/>\r\n<rect x=\"14.6006\" y=\"26.6\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(-135 14.6006 26.6)\" fill=\"white\" id=\"line\"\/>\r\n<\/svg>\r\n        <\/div>\r\n        <div class=\"bg-light py-20 px-5 || sm:px-8 lg:w-[55%] lg:overflow-y-auto lg:px-20 lg:py-[6.25rem] xl:py-[9.375rem] xl:px-[7.5rem]\">\r\n            <div class=\"wysiwyg-container || max-w-[46.875rem] mr-auto [&#038;_*]:!text-textcolor [&#038;_a]:!text-secondary [&#038;_a_span]:!text-secondary [&#038;_a.red]:!text-light [&#038;_*_tr]:!border-black\/30\">\r\n    <p>Les dipl\u00f4m\u00e9s du programme scientifique de St. Lawrence doivent \u00eatre capables de :<\/p>\n<ul>\n<li>Appliquer la m\u00e9thode scientifique<\/li>\n<li>Adopter une approche syst\u00e9matique pour r\u00e9soudre des probl\u00e8mes<\/li>\n<li>Utiliser les technologies de l&rsquo;information appropri\u00e9es<\/li>\n<li>Raisonner de mani\u00e8re logique<\/li>\n<li>Communiquer efficacement<\/li>\n<li>Apprendre de mani\u00e8re autonome<\/li>\n<li>Travailler en \u00e9quipe<\/li>\n<li>\u00c9tablir des liens entre les sciences, la technologie et le progr\u00e8s social<\/li>\n<li>Identifier leur syst\u00e8me de valeurs<\/li>\n<li>Se familiariser avec le contexte dans lequel les concepts scientifiques sont d\u00e9couverts et d\u00e9velopp\u00e9s<\/li>\n<li>D\u00e9velopper des attitudes appropri\u00e9es au travail scientifique<\/li>\n<li>Appliquer ce qu&rsquo;ils ont appris \u00e0 de nouvelles situations.<\/li>\n<\/ul>\n<p>Ces objectifs ne sont pas attribu\u00e9s \u00e0 des disciplines sp\u00e9cifiques. Tous les cours du programme contribuent au d\u00e9veloppement et \u00e0 l&rsquo;\u00e9valuation d&rsquo;une ou plusieurs de ces comp\u00e9tences.<\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1400x933.jpg\" class=\"w-full h-full object-cover hidden lg:block lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>    <div class=\"thumbnail w-full lg:hidden\"\r\n        style=\"padding-bottom: 127.05882352941%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/AR508256-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>  <\/div>        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-640x427.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\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-1024x682.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-150x100.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388.jpg 1280w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">Profil de sortie (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 aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Faire preuve de curiosit\u00e9 scientifique et intellectuelle et d\u00e9velopper une pens\u00e9e critique soucieuse des enjeux \u00e9thiques\u202f;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Exp\u00e9rimenter des m\u00e9thodes de recherche en sciences humaines selon les normes \u00e9thiques\u202f;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Lire et comprendre des sources d\u2019information en fran\u00e7ais dans le cadre des \u00e9tudes en sciences humaines\u202f;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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;<\/span><\/li>\n<li aria-setsize=\"-1\" data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">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.<\/span><\/li>\n<\/ul>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1280\" height=\"853\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388.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\/06\/cee1107b-3805-4c94-9dce-1d4583b29388.jpg 1280w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-1024x682.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-150x100.jpg 150w\" data-sizes=\"(max-width: 1280px) 100vw, 1280px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1280px; --smush-placeholder-aspect-ratio: 1280\/853;\" \/>    <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=\"1280\" height=\"853\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388.jpg 1280w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-1024x682.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/06\/cee1107b-3805-4c94-9dce-1d4583b29388-150x100.jpg 150w\" data-sizes=\"(max-width: 1280px) 100vw, 1280px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1280px; --smush-placeholder-aspect-ratio: 1280\/853;\" \/>  <\/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\/SON05842-1-640x960.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"\u00c9preuve synth\u00e8se de programme (Sciences de la nature)\" 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\">\u00c9preuve synth\u00e8se de programme (Sciences de la nature)<\/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>Qu&rsquo;est-ce qui sera \u00e9valu\u00e9 ?<\/strong><\/p>\n<p>L&rsquo;\u00e9valuation globale sera effectu\u00e9e dans le cadre du cours optionnel CA\/IA que vous suivrez au cours de votre dernier semestre d&rsquo;\u00e9tudes. Consultez les descriptions des cours CA\/IA dans l&rsquo;un des profils du programme de sciences.<\/p>\n<p>L&rsquo;\u00e9valuation globale est bas\u00e9e sur un portfolio CA que vous constituez pendant le cours CA\/IA. Le portfolio doit d\u00e9montrer que vous avez atteint les 12 objectifs du profil des dipl\u00f4m\u00e9s. Il peut contenir des travaux (tests, devoirs, dissertations, etc.) r\u00e9alis\u00e9s dans le cadre de l&rsquo;un des cours que vous avez suivis pour satisfaire aux exigences du programme de sciences, ainsi que des documents produits pour l&rsquo;exercice sur les questions \u00e9thiques et le rapport \u00e9crit pour l&rsquo;activit\u00e9 int\u00e9grative. Le portfolio peut \u00e9galement \u00eatre constitu\u00e9 d&rsquo;un essai d&rsquo;auto-r\u00e9flexion qui \u00e9value la mani\u00e8re dont vous avez atteint les objectifs du programme scientifique, en citant des exemples pr\u00e9cis de ce qui a \u00e9t\u00e9 fait pour atteindre ces objectifs.<\/p>\n<p>Le tableau ci-dessous montre comment les \u00e9l\u00e9ments du profil de fin d&rsquo;\u00e9tudes sont li\u00e9s aux objectifs ou aux comp\u00e9tences du cours CA\/IA d\u00e9finis par le gouvernement.<\/p>\n<table style=\"width: 504px;\">\n<tbody>\n<tr style=\"height: 274px;\">\n<td style=\"width: 214.406px; height: 274px;\"><strong>Profil de sortie<\/strong><\/td>\n<td style=\"width: 154.594px; height: 274px;\">\n<p data-start=\"196\" data-end=\"298\"><strong data-start=\"196\" data-end=\"205\">Objectif d&rsquo;int\u00e9gration (OOUU)<\/strong><\/p>\n<p data-start=\"196\" data-end=\"298\"><strong data-start=\"196\" data-end=\"205\">But :<\/strong> Appliquer les connaissances acquises \u00e0 l\u2019\u00e9tude d\u2019une ou plusieurs disciplines scientifiques.<\/p>\n<\/td>\n<td style=\"width: 142px; height: 274px;\">\n<p data-start=\"349\" data-end=\"428\"><strong data-start=\"349\" data-end=\"358\">Objectif d&rsquo;int\u00e9gration (OOUU)<\/strong><\/p>\n<p data-start=\"349\" data-end=\"428\"><strong data-start=\"349\" data-end=\"358\">But :<\/strong> Appliquer l\u2019approche scientifique dans un domaine scientifique donn\u00e9.<\/p>\n<\/td>\n<\/tr>\n<tr style=\"height: 304px;\">\n<td style=\"width: 214.406px; height: 304px;\">1. Appliquer la m\u00e9thode scientifique<\/p>\n<p>2. Adopter une d\u00e9marche syst\u00e9matique pour r\u00e9soudre des probl\u00e8mes<\/p>\n<p>12. Appliquer ce qu\u2019ils ont appris \u00e0 de nouvelles situations<\/td>\n<td style=\"width: 154.594px; height: 304px;\">Appliquer la m\u00e9thode exp\u00e9rimentale<\/p>\n<p>R\u00e9soudre des probl\u00e8mes<\/p>\n<p>Reconna\u00eetre la contribution de plusieurs disciplines scientifiques \u00e0 certaines situations<\/td>\n<td style=\"width: 142px; height: 814.531px;\" rowspan=\"9\">Appliquer des techniques d\u2019exp\u00e9rimentation ou de validation sp\u00e9cifiques \u00e0 la science<\/p>\n<p>R\u00e9soudre des probl\u00e8mes en utilisant une m\u00e9thode propre \u00e0 la science<\/p>\n<p>Repr\u00e9senter diverses situations en s\u2019appuyant sur les concepts, lois et principes pertinents de la science<\/td>\n<\/tr>\n<tr style=\"height: 15.5312px;\">\n<td style=\"width: 214.406px; height: 15.5312px;\">3. Utiliser les technologies de l\u2019information appropri\u00e9es<\/td>\n<td style=\"width: 154.594px; height: 15.5312px;\">Utiliser les technologies de traitement des donn\u00e9es<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"width: 214.406px; height: 48px;\">4. Raisonner de fa\u00e7on logique<\/td>\n<td style=\"width: 154.594px; height: 48px;\">Raisonner de fa\u00e7on logique<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"width: 214.406px; height: 48px;\">5. Communiquer efficacement<\/td>\n<td style=\"width: 154.594px; height: 48px;\">Communiquer efficacement<\/td>\n<\/tr>\n<tr style=\"height: 192px;\">\n<td style=\"width: 214.406px; height: 192px;\">6. Apprendre de mani\u00e8re autonome<\/p>\n<p>10. Se familiariser avec le contexte dans lequel les concepts scientifiques sont d\u00e9couverts et d\u00e9velopp\u00e9s<\/td>\n<td style=\"width: 154.594px; height: 192px;\">Montrer des preuves d\u2019apprentissage autonome dans le choix de la documentation ou des instruments de laboratoire<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"width: 214.406px; height: 24px;\">7. Travailler en \u00e9quipe<\/td>\n<td style=\"width: 154.594px; height: 24px;\">Travailler en \u00e9quipe<\/td>\n<\/tr>\n<tr style=\"height: 96px;\">\n<td style=\"width: 214.406px; height: 96px;\">8. \u00c9tablir des liens entre la science, la technologie et le progr\u00e8s social<\/td>\n<td style=\"width: 154.594px; height: 96px;\">\u00c9tablir des liens entre la science, la technologie et le progr\u00e8s social<\/td>\n<\/tr>\n<tr style=\"height: 48px;\">\n<td style=\"width: 214.406px; height: 48px;\">9. Identifier leur syst\u00e8me de valeurs<\/td>\n<td style=\"width: 154.594px; height: 48px;\"><\/td>\n<\/tr>\n<tr style=\"height: 72px;\">\n<td style=\"width: 214.406px; height: 72px;\">11. Develop attitudes appropriate for scientific work<\/td>\n<td style=\"width: 154.594px; height: 72px;\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Comment sera-t-il \u00e9valu\u00e9 ?<\/strong><\/p>\n<p>Le portfolio CA sera pr\u00e9par\u00e9 individuellement par chaque \u00e9tudiant et remis pour \u00e9valuation. L&rsquo;enseignant du cours CA\/IA d\u00e9terminera, \u00e0 l&rsquo;aide des crit\u00e8res \u00e9num\u00e9r\u00e9s dans le profil des dipl\u00f4m\u00e9s, si les comp\u00e9tences du programme ont \u00e9t\u00e9 acquises, en attribuant une note de r\u00e9ussite ou d&rsquo;\u00e9chec.<\/p>\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\"  id=\"votre-avenir\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-1 xl:col-start-2 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">Orientations universitaires<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p data-start=\"44\" data-end=\"129\"><span>Un Double DEC vous pr\u00e9pare \u00e0 des programmes universitaires dans les deux disciplines.<\/span><\/p>\n<p data-start=\"131\" data-end=\"751\"><span>Le DEC en Sciences de la nature ouvre la porte \u00e0 de nombreux programmes en sciences physiques et en math\u00e9matiques. Il constitue une porte d\u2019entr\u00e9e vers les domaines li\u00e9s \u00e0 la sant\u00e9, notamment l\u2019audiologie, la dentisterie, la kin\u00e9siologie, la m\u00e9decine, la microbiologie, les soins infirmiers, la nutrition, l\u2019ergoth\u00e9rapie, l\u2019optom\u00e9trie, la pharmacie, la physioth\u00e9rapie et la m\u00e9decine v\u00e9t\u00e9rinaire. Il permet \u00e9galement de poursuivre des \u00e9tudes en sciences pures et appliqu\u00e9es, comme l\u2019actuariat, l\u2019architecture, la biochimie, la biologie, la chimie, l\u2019informatique, le g\u00e9nie, la g\u00e9ologie, la g\u00e9omatique, les math\u00e9matiques et la physique.<\/span><\/p>\n<p data-start=\"753\" data-end=\"1229\" data-is-last-node=\"\" data-is-only-node=\"\"><span>Le DEC en Sciences humaines donne acc\u00e8s \u00e0 une vaste gamme de programmes tels que l\u2019administration des affaires, le commerce, les communications et le journalisme, l\u2019orientation, la criminologie, l\u2019\u00e9conomie, l\u2019enseignement, la g\u00e9ographie, l\u2019histoire, le design industriel, les relations industrielles, le commerce international, les relations internationales, le droit, la science politique, la psychologie, le travail social, la sociologie, le tourisme et les \u00e9tudes urbaines.<\/span><\/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=\"1536\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2.jpg 6336w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR500589-2-150x225.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1536;\" \/>            <\/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\u00b7e \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":1728,"template":"","program-category":[73],"program-admissions":[58],"program-duration":[71],"program-interests":[74,60,61,62,63],"program-requirements":[76,77,75],"class_list":["post-2123","programs","type-programs","status-publish","has-post-thumbnail","hentry","program-category-double-dec-fr","program-admissions-fall-fr","program-duration-3-years-fr","program-interests-science-fr","program-interests-social-science-fr","program-interests-business-commerce-fr","program-interests-culture-fr","program-interests-health-wellness-the-body-fr","program-requirements-math-ts-or-sn-5-fr","program-requirements-physics-534-or-equivalent-fr","program-requirements-chemistry-534-or-equivalent-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs\/2123","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\/1728"}],"wp:attachment":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"program-category","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-category?post=2123"},{"taxonomy":"program-admissions","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-admissions?post=2123"},{"taxonomy":"program-duration","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-duration?post=2123"},{"taxonomy":"program-interests","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-interests?post=2123"},{"taxonomy":"program-requirements","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-requirements?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}