{"id":2125,"date":"2025-08-07T15:09:08","date_gmt":"2025-08-07T19:09:08","guid":{"rendered":"https:\/\/slc.qc.ca\/programs\/double-dec-science-alc\/"},"modified":"2025-10-07T10:34:58","modified_gmt":"2025-10-07T14:34:58","slug":"double-dec-science-nature-arts-lettres-communication","status":"publish","type":"programs","link":"https:\/\/slc.qc.ca\/fr\/programmes\/double-dec-science-nature-arts-lettres-communication\/","title":{"rendered":"Double DEC Sciences de la nature + Arts, lettres et communication"},"content":{"rendered":"    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"a-propos\" ><\/span>        <div class=\"wrapper || md:grid-col md:items-center\">\r\n            <div class=\"content || md:col-start-7 xl:col-start-7 md:col-span-6 md:row-start-1 xl:col-span-5\">\r\n                                    <h2 class=\"text-h2 || mb-8 [.page-template-template-careers_&#038;]:text-secondary\">Ce que vous pouvez attendre du programme<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p>Le Double DEC en Sciences de la nature et en Arts, lettres et communication offre une formation interdisciplinaire unique qui cr\u00e9\u00e9 des liens entre la rigueur analytique des sciences et la richesse culturelle et communicative des arts. Ce programme combine le raisonnement scientifique et la pens\u00e9e critique avec des comp\u00e9tences en communication et une grande sensibilit\u00e9 culturelle. Une formation \u00e0 la fois scientifique et artistique vous permettra de d\u00e9velopper les comp\u00e9tences techniques et relationnelles n\u00e9cessaires pour vous adapter \u00e0 un monde en constante \u00e9volution.<\/p>\n<p>Le programme Double DEC offre \u00e9galement une charge de cours r\u00e9duite par rapport \u00e0 un DEC simple. Cette charge all\u00e9g\u00e9e permet aux \u00e9tudiants de consacrer plus de temps \u00e0 chaque cours. De plus, le calendrier prolong\u00e9 offre aux \u00e9tudiants de pr\u00e9cieuses occasions de mieux d\u00e9couvrir leurs int\u00e9r\u00eats et d&rsquo;am\u00e9liorer leurs comp\u00e9tences en anglais avant d&rsquo;entrer \u00e0 l&rsquo;universit\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\/6H2A1987E-1024x1536.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-1024x1536.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-1365x2048.jpg 1365w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-1920x2880.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-1400x2100.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-640x960.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-480x720.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-350x525.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-150x225.jpg 150w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1987E-scaled.jpg 1707w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1536;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"content-cards || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">L\u00e0 o\u00f9 la science rencontre la cr\u00e9ativit\u00e9<\/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\">\u00c9tablissez des liens significatifs entre vos cours de sciences de la nature et vos cours d\u2019arts. Cette approche int\u00e9gr\u00e9e favorise la pens\u00e9e critique, la cr\u00e9ativit\u00e9 et la r\u00e9solution de probl\u00e8mes en incitant les \u00e9tudiants \u00e0 explorer des sujets complexes sous divers angles.<\/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\">\u00c9tudiez en fran\u00e7ais, anglais et espagnol<\/h3>\r\n                        <div class=\"wysiwyg-container || mt-3 [&#038;_*]:!text-light !text-light || lg:mt-4\">\r\n    <p><span class=\"TextRun SCXW253481585 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW253481585 BCX0\">D\u00e9veloppez des comp\u00e9tences en communication multilingue qui vous feront sortir du lot dans n\u2019importe quel domaine.<\/span><\/span><\/p>\n<p><span class=\"TextRun SCXW253481585 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW253481585 BCX0\"><br data-start=\"248\" data-end=\"251\" \/>Pendant votre Double DEC, vous aurez l\u2019occasion d\u2019apprendre l\u2019espagnol \u00e0 travers les cours de niveau coll\u00e9gial I, II et III, tout en perfectionnant vos comp\u00e9tences en fran\u00e7ais et en anglais.<\/span><\/span><\/p>\n<\/div>\r\n        <\/span>\r\n\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"stats || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>        <div class=\"wrapper\">\r\n                        <div class=\"flex flex-wrap justify-center gap-y-16\">\r\n                <div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            2        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Dipl\u00f4mes en 3 ans<\/h4>\r\n    <\/div><div class=\"stat-simple || text-center relative w-full after:content-[''] after:absolute after:-bottom-8 after:h-px after:w-full after:bg-black\/30 after:right-0 || sm:px-6 sm:after:top-1\/2 sm:bottom-0 sm:right-0 sm:after:-translate-y-1\/2 sm:after:w-px sm:after:h-[75%] sm:last:after:!hidden sm:[&#038;:nth-child(2n)]:after:hidden sm:w-1\/2 md:px-8 lg:[&#038;:nth-child(2n)]:after:block lg:[&#038;:nth-child(3n)]:after:hidden lg:w-1\/3\">\r\n            <h3 class=\"text-h1 text-secondary [.page-template-template-careers_&#038;]:text-cyan [.page-template-template-bloom_&#038;]:text-accentBloom\">\r\n            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            3        <\/h3>\r\n            <h4 class=\"text-h6 || mt-6 xxl:px-[2.3125rem]\">Langues d\u2019enseignement<\/h4>\r\n    <\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\n\n    <section class=\"text-and-image-accordion || section different-background section-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"niveau-d-espagnol\" ><\/span>        <div class=\"wrapper || max-lg:flex max-lg:flex-col-reverse lg:grid-col\">\r\n\r\n            <div class=\"mt-16 || lg:mt-0 lg:col-span-5 lg:col-start-1\">\r\n                    <div class=\"thumbnail w-full rounded-corners\"\r\n        style=\"padding-bottom: 112.80864197531%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-1024x683.jpg\" class=\"rounded-corners lazyload\" alt=\"Accordion module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/6H2A1760E-150x100.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\" \/>  <\/div>            <\/div>\r\n\r\n            <div class=\"content ||  lg:col-span-7 xl:col-span-6 lg:col-start-6 xl:col-start-7\">\r\n                                    <h2 class=\"text-h2 || mb-6\">Prenez les devants dans vos \u00e9tudes<\/h2>\r\n                <div class=\"wysiwyg-container \">\r\n    <p><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. Dans l\u2019option Langues, vous aurez l\u2019occasion d\u2019\u00e9tudier l\u2019anglais, le fran\u00e7ais et l\u2019espagnol. Votre cheminement pr\u00e9cis sera d\u00e9termin\u00e9 en fonction de votre statut de certificat et de vos connaissances pr\u00e9alables en espagnol.<\/span><\/span><\/p>\n<p>Si vous \u00eates admissible \u00e0 fr\u00e9quenter une \u00e9cole anglophone en vertu de la Charte de la langue fran\u00e7aise et que vous \u00eates titulaire d&rsquo;un certificat d\u00e9livr\u00e9 par le minist\u00e8re de l&rsquo;\u00c9ducation, vous \u00eates consid\u00e9r\u00e9 comme titulaire d&rsquo;un certificat. Votre s\u00e9quence de cours sera alors d\u00e9termin\u00e9e par votre niveau de fran\u00e7ais (1-2 ou 3-4). Pour plus d&rsquo;informations sur les certificats, veuillez consulter le site web du <a href=\"https:\/\/www.quebec.ca\/education\/prescolaire-primaire-et-secondaire\/accompagnement-soutien-eleves\/admissibilite-enseignement-anglais\">minist\u00e8re de l&rsquo;\u00c9ducation<\/a>. Si vous n&rsquo;\u00eates pas admissible, vous devez suivre la s\u00e9quence de cours pour les non-titulaires d&rsquo;un certificat qui pr\u00e9pare les \u00e9tudiants \u00e0 l&rsquo;\u00c9preuve uniforme de fran\u00e7ais (EUF).<\/p>\n<\/div>\r\n                <div class=\"accordions-container mt-8 || lg:mt-10\">\r\n                    \r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-0\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                L1 \u2013 Pas de connaissances pr\u00e9alables en espagnol            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"TextRun SCXW140122130 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW140122130 BCX0\">Ce parcours comprend les cours coll\u00e9giaux I, II et III en espagnol.<\/span><\/span><\/p>\n<p><a class=\"btn-primary red\" href=\"#cours-pas-d-espagnol-prealable\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 [.section-dark_&#038;]:border-light\/20 first:border-t\">\r\n        <button aria-controls=\"accordion-answer-1\" aria-expanded=\"false\" class=\"js-accordion-trigger || group || appearance-none relative flex flex-col items-start py-8 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 2xl:gap-x-8\">\r\n            <h3 itemprop=\"name\" class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n                L2 \u2013 Connaissances pr\u00e9alables en espagnol            <\/h3>\r\n            <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light  || sm:h-10  sm:w-10\">\r\n                <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n            <\/div>\r\n        <\/button>\r\n        <div class=\"js-accordion-answer || h-0 overflow-hidden\">\r\n                            <div class=\"wysiwyg-container || pb-8\">\r\n                    <p><span class=\"TextRun SCXW64878885 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW64878885 BCX0\">Ce parcours comprend les cours coll\u00e9giaux II, III et IV en espagnol.<\/span><\/span><\/p>\n<p><strong data-start=\"242\" data-end=\"293\">Proc\u00e9dure d\u2019\u00e9quivalence linguistique (espagnol)<\/strong><\/p>\n<p>Les \u00e9tudiants ayant des connaissances pr\u00e9alables en espagnol peuvent demander une \u00e9quivalence de cours moyennant des frais de 25 $.<\/p>\n<p><strong data-start=\"429\" data-end=\"441\">\u00c9tapes :<\/strong><\/p>\n<ol>\n<li data-start=\"444\" data-end=\"594\">\n<p data-start=\"447\" data-end=\"594\">Soumettez le formulaire de demande d\u2019\u00e9quivalence ainsi que le paiement de 25 $ \u00e0 <a href=\"mailto:admissionslc@crcmail.net\">admissionslc@crcmail.net<\/a>. Un test de placement vous sera envoy\u00e9.<\/p>\n<\/li>\n<li data-start=\"595\" data-end=\"707\">\n<p data-start=\"598\" data-end=\"707\">Selon vos r\u00e9sultats, vous pourriez \u00eatre invit\u00e9 \u00e0 passer un test suppl\u00e9mentaire lors des journ\u00e9es d\u2019accueil.<\/p>\n<\/li>\n<li data-start=\"708\" data-end=\"872\">\n<p data-start=\"711\" data-end=\"872\">Une fois que St. Lawrence aura vos r\u00e9sultats, ils vous seront transmis et vous serez plac\u00e9 au niveau appropri\u00e9. Vous recevrez un cr\u00e9dit pour les cours d\u00e9j\u00e0 acquis.<\/p>\n<\/li>\n<\/ol>\n<p>Pour toute question, veuillez contacter notre conseiller p\u00e9dagogique.<\/p>\n<p><a class=\"btn-primary red\" href=\"#cours-espagnol-prealable\" target=\"\"> Voir s\u00e9quence de cours <\/a><\/p>\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n    <section class=\"tabs-accordions || section\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"cours-pas-d-espagnol-prealable\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Grille de cours pour \u00e9tudiants sans connaissances pr\u00e9alables en espagnol<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre s\u00e9quence de cours sp\u00e9cifique est d\u00e9termin\u00e9 par votre statut de certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours :<\/p>\n<p>(Th\u00e9orie &#8211; Laboratoire &#8211; Travail personnel)<\/p>\n<ul>\n<li>Th\u00e9orie (T) : heures de cours par semaine<\/li>\n<li>Laboratoire (L) : heures de laboratoire ou de stage par semaine<\/li>\n<li>Travail personnel (P) : estimation du nombre d&rsquo;heures de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : heures de cours (th\u00e9orie + laboratoire) pour la session.<\/p>\n<p>Les cours surlign\u00e9s en bleu sont enseign\u00e9s en fran\u00e7ais.<\/p>\n<\/div>            <\/div>\r\n\r\n                            <div class=\"tabs-topbar\">\r\n                                            <button\r\n                            data-tab=\"0\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Non-titulaire de certificat                        <\/button>\r\n                                            <button\r\n                            data-tab=\"1\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 1-2                        <\/button>\r\n                                            <button\r\n                            data-tab=\"2\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 3-4                        <\/button>\r\n                                    <\/div>\r\n\r\n                <div class=\"accordions || mt-4\">\r\n                                            <div data-content=\"0\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF2-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Comparaison d&rsquo;oeuvres litt\u00e9raires                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 || \">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 || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"1\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 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 || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">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 || \">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 || \">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 || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-101-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Knowledge                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <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        <\/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 || \">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-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 || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"2\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish I                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 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 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 || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">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 26h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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] \">\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 || \">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 || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <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        <\/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 || \">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 || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <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 || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">607-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish III                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 23h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n\n\n\r\n    <section class=\"tabs-accordions || section\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"cours-espagnol-prealable\" ><\/span>\r\n        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Grille de cours pour les \u00e9tudiants avec une connaissance pr\u00e9alable en espagnol<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p>Votre s\u00e9quence de cours sp\u00e9cifique est d\u00e9termin\u00e9 par votre statut de certificat.<\/p>\n<p>L\u00e9gende pour les s\u00e9quences de cours :<\/p>\n<p>(Th\u00e9orie &#8211; Laboratoire &#8211; Travail personnel)<\/p>\n<ul>\n<li>Th\u00e9orie (T) : heures de cours par semaine<\/li>\n<li>Laboratoire (L) : heures de laboratoire ou de stage par semaine<\/li>\n<li>Travail personnel (P) : estimation du nombre d&rsquo;heures de travail personnel en dehors des cours<\/li>\n<\/ul>\n<p>Total des heures de contact par semaine : heures de cours (th\u00e9orie + laboratoire) pour la session.<\/p>\n<p>Les cours surlign\u00e9s en bleu sont enseign\u00e9s en fran\u00e7ais.<\/p>\n<\/div>            <\/div>\r\n\r\n                            <div class=\"tabs-topbar\">\r\n                                            <button\r\n                            data-tab=\"0\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Non titulaire de certificat                        <\/button>\r\n                                            <button\r\n                            data-tab=\"1\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 1-2                        <\/button>\r\n                                            <button\r\n                            data-tab=\"2\"\r\n                            class=\"tab-button || custom-transition py-3 px-4 rounded-full border leading-none mr-2 mb-2 hover:text-light hover:border-transparent [&#038;.active]:border-transparent [&#038;.active]:text-light border-accent hover:bg-secondary [&#038;.active]:bg-secondary || lg:py-4 lg:px-5\">\r\n                            Fran\u00e7ais niveau 3-4                        <\/button>\r\n                                    <\/div>\r\n\r\n                <div class=\"accordions || mt-4\">\r\n                                            <div data-content=\"0\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-UF0-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Oeuvres narratives et \u00e9criture                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 26h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 3        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-102-MQ <\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Genres                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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] \">\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 || \">602-UF2-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Comparaison d&rsquo;oeuvres litt\u00e9raires                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <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 || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-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 || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 6        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">3-0-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Ethics                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                            <div data-content=\"1\" class=\"tab-content || hidden\">\r\n                                                            <div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 1        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-101-MQ\u202f\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to College English                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">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 || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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] \">\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 || \">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>                            <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 || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-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 || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <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 || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Introduction to Creation                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-110-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Le Qu\u00e9bec \u00e0 travers son art                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-10X-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Fran\u00e7ais Bloc A                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 25h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 2        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Literary Themes in Poetry                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-610-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish II                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-120-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                On sort: parcours culturels                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">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 || \">603-710-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Modes of Expression                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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] \">\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 || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 4        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-BNR-LW\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Long Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-810-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Evolving Expressions                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">201-SN4-RE<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-2<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Linear Algebra                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">607-410-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Spanish IV                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>                            <p class=\"font-bold pt-4 pb-10\">Total 22h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div><div class=\"accordion || js-accordion-parent accordion-section || border-b border-black\/20 first:border-t\">\r\n    <button class=\"js-accordion-trigger || group appearance-none relative flex flex-col items-start py-6 w-full cursor-pointer || sm:flex-row sm:items-center sm:gap-x-6 md:py-8 2xl:gap-x-8\">\r\n        <h3 class=\"text-h5 || custom-transition text-left pr-16 group-hover:text-secondary || sm:pr-20\">\r\n            Session 5        <\/h3>\r\n        <div class=\"js-accordion-arrow || absolute right-0 top-1\/2 -translate-y-1\/2 flex items-center justify-center aspect-square w-8 transition duration-300 [&#038;_svg]:transition [&#038;_svg]:duration-300 [&#038;_path]:custom-transition [&#038;_rect]:custom-transition group-hover:[&#038;_path]:stroke-secondary group-hover:[&#038;_rect]:stroke-secondary [.section-dark_&#038;_path]:stroke-light [.section-dark_&#038;_rect]:stroke-light || sm:h-10 sm:w-10\">\r\n            <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14.5 18.5L20 23.5L25.5 18.5\" stroke=\"#202945\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<rect opacity=\"0.3\" x=\"0.5\" y=\"1\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#202945\"\/>\r\n<\/svg>\r\n        <\/div>\r\n    <\/button>\r\n\r\n    <div class=\"js-accordion-answer || h-0 overflow-hidden [.js-accordion-line--opened_&#038;]:!overflow-visible\">\r\n                    <div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">109-102-MQ<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">0-2-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Effectiveness                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">345-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 || \">603-310-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Perspectives in English Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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 || \">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 || \">603-210-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-1-3<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Canadian Arts and Literature                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <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 || \">109-103-MQ\u00a0<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">1-1-1<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Physical Activity &#038; Autonomy                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">502-411-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Exploring Cultural Diversity                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">603-550-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Pop Fiction                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">602-130-LW<\/p>\r\n            <p class=\"mt-2 custom-transition group-hover:text-secondary\">2-2-4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sm:col-span-9 sm:pl-4 max-md:pr-16 md:col-span-8 md:pl-0\">\r\n            <p class=\"text-h6 custom-transition || group-hover:text-secondary\">\r\n                Projet cr\u00e9atif                                    <button class=\"group\/child relative -translate-y-[0.1875rem]\">\r\n                        <span class=\"size-[1.6875rem] rounded-[0.3125rem] flex items-center justify-center bg-black\/50\">\r\n                            <p class=\"surtitle || text-light !tracking-normal !normal-case\">Fr<\/p>\r\n                        <\/span>\r\n                        <span class=\"opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+2px)] w-0 h-0 border-l-[0.375rem] border-r-[0.375rem] border-t-[0.375rem] border-l-transparent border-r-transparent border-t-grey\"><\/span>\r\n                        <span class=\"text-[0.875rem] leading-[120%] text-textcolor || opacity-0 custom-transition group-hover\/child:opacity-100 pointer-events-none absolute top-0 w-[12.5rem] bg-grey p-2 rounded left-1\/2 -translate-x-1\/2 -translate-y-[calc(100%+0.4375rem)]\">\r\n                            Enseign\u00e9 en fran\u00e7ais                        <\/span>\r\n                    <\/button>\r\n                                            <\/p>\r\n        <\/div>\r\n        <div class=\"!mt-0 || sm:col-span-3 max-md:absolute max-md:right-5 max-md:top-1\/2 max-md:-translate-y-1\/2 md:col-span-2\">\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div><div class=\"card-popup || rounded-[0.625rem] odd:bg-greyLight last:odd:mb-6 relative\">\r\n    <div class=\"modal-trigger || py-5 || max-sm:px-4 max-sm:space-y-2 sm:grid-col sm:gap-y-2 sm:items-center md:py-6 lg:py-[1.875rem] \">\r\n        <div class=\"sm:col-span-12 sm:pl-4 md:col-span-2\">\r\n            <p class=\"surtitle || text-secondary || \">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>                            <p class=\"font-bold pt-4 pb-10\">Total 24h \/ semaine<\/p>\r\n            <\/div>\r\n<\/div>                                                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n\n\n\r\n    <section class=\"cards-popup || section different-background section-dark\">\r\n        \r\n<span class=\"absolute top-0 left-0\"  id=\"nos-diplomes\" ><\/span>        <div class=\"wrapper\">\r\n                <div class=\"intro-left mb-12 max-w-[49rem] || lg:mb-16\">\r\n        <h2 class=\"text-h2 [.page-template-template-careers_section:not(.section-dark)_&#038;]:text-secondary\">Les conditions de r\u00e9ussite du programme<\/h2>\r\n        <div class=\"wysiwyg-container || mt-6\">\r\n    <p><span><span lang=\"fr-CA\">Tous les programmes coll\u00e9giaux au Qu\u00e9bec comportent un profil de sortie qui d\u00e9crit les comp\u00e9tences que les \u00e9tudiants doivent acqu\u00e9rir pour obtenir leur dipl\u00f4me. Pour \u00e9valuer l\u2019atteinte de ces comp\u00e9tences, les \u00e9tudiants doivent r\u00e9aliser une \u00e9preuve synth\u00e8se de programme (ESP) au cours de leur formation.<\/span><\/span><\/p>\n<p><span>Dans le cadre de ce Double DEC, vous remplirez les exigences de l&rsquo;\u00e9preuve synth\u00e8se de programme des programmes de Sciences de la nature et de Arts, lettres et communication (ALC) pendant votre sixi\u00e8me session.<\/span><\/p>\n<\/div>            <\/div>\r\n            <div class=\"grid gap-6 grid-cols-1 || sm:grid-cols-2 lg:grid-cols-3 lg:gap-8\">\r\n                \r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"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=\"\u00c9preuve synth\u00e8se de programme (Science de la nature)\" 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\">\u00c9preuve synth\u00e8se de programme (Science 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: 497px;\">\n<tbody>\n<tr>\n<td style=\"width: 176.391px;\"><strong>Profil de sortie<\/strong><\/td>\n<td style=\"width: 154.609px;\">\n<h4 data-start=\"159\" data-end=\"195\">Objectif d\u2019int\u00e9gration (00UU)<\/h4>\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: 173px;\">\n<h4 data-start=\"305\" data-end=\"348\">Objectif de l\u2019option sciences (00UV)<\/h4>\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>\n<td style=\"width: 176.391px;\">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>3. Appliquer ce qu\u2019ils ont appris \u00e0 de nouvelles situations<\/td>\n<td style=\"width: 154.609px;\">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: 173px;\" 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>\n<td style=\"width: 176.391px;\">4. Utiliser les technologies de l\u2019information appropri\u00e9es<\/td>\n<td style=\"width: 154.609px;\">Utiliser les technologies de traitement des donn\u00e9es<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">5. Raisonner de fa\u00e7on logique<\/td>\n<td style=\"width: 154.609px;\">Raisonner de fa\u00e7on logique<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">6. Communiquer efficacement<\/td>\n<td style=\"width: 154.609px;\">Communiquer efficacement<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">7. Apprendre de mani\u00e8re autonome<\/p>\n<p>8. Se familiariser avec le contexte dans lequel les concepts scientifiques sont d\u00e9couverts et d\u00e9velopp\u00e9s<\/td>\n<td style=\"width: 154.609px;\">Montrer des preuves d\u2019apprentissage autonome dans le choix de la documentation ou des instruments de laboratoire<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">9. Travailler en \u00e9quipe<\/td>\n<td style=\"width: 154.609px;\">Travailler en \u00e9quipe<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">10. \u00c9tablir des liens entre la science, la technologie et le progr\u00e8s social<\/td>\n<td style=\"width: 154.609px;\">\u00c9tablir des liens entre la science, la technologie et le progr\u00e8s social<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">11. Identifier leur syst\u00e8me de valeurs<\/td>\n<td style=\"width: 154.609px;\"><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 176.391px;\">12. D\u00e9velopper des attitudes appropri\u00e9es au travail scientifique<\/td>\n<td style=\"width: 154.609px;\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Comment sera-t-il \u00e9valu\u00e9 ?<\/strong><\/p>\n<p>Le portfolio 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=\"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=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"Profil de sortie (Arts, lettres et communication)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-150x100.jpg 150w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">Profil de sortie (Arts, lettres et communication)<\/h3>\r\n                        <button class=\"btn-round\"><span class=\"plus block m-auto\"><\/span><\/button>\r\n        <\/span>\r\n    <\/div>\r\n        <div class=\"popup-modal || custom-transition w-screen h-screen translate-x-full justify-between bg-light fixed top-0 right-0 z-[80] flex overflow-y-auto flex-col || lg:overflow-hidden lg:flex-row-reverse\">\r\n        <div class=\"modal-close || absolute top-4 right-4 w-10 h-10 flex justify-center items-center rounded-full z-40 cursor-pointer [&#038;_path]:fill-secondary || lg:top-8 lg:right-8\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#EA0029\" id=\"circle\"\/>\r\n<rect x=\"26.5994\" y=\"25.4\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(135 26.5994 25.4)\" fill=\"white\" id=\"line\"\/>\r\n<rect x=\"14.6006\" y=\"26.6\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(-135 14.6006 26.6)\" fill=\"white\" id=\"line\"\/>\r\n<\/svg>\r\n        <\/div>\r\n        <div class=\"bg-light py-20 px-5 || sm:px-8 lg:w-[55%] lg:overflow-y-auto lg:px-20 lg:py-[6.25rem] xl:py-[9.375rem] xl:px-[7.5rem]\">\r\n            <div class=\"wysiwyg-container || max-w-[46.875rem] mr-auto [&#038;_*]:!text-textcolor [&#038;_a]:!text-secondary [&#038;_a_span]:!text-secondary [&#038;_a.red]:!text-light [&#038;_*_tr]:!border-black\/30\">\r\n    <p>Les dipl\u00f4m\u00e9s du programme Arts, lettres et communication de St. Lawrence doivent poss\u00e9der des connaissances approfondies dans le domaine des arts, avoir une solide formation litt\u00e9raire et \u00eatre capables de communiquer dans quatre langues. Les dipl\u00f4m\u00e9s doivent \u00eatre capables de :<\/p>\n<ul>\n<li>Aborder les questions relatives \u00e0 la culture litt\u00e9raire et esth\u00e9tique en s&rsquo;appuyant sur leur compr\u00e9hension des classiques occidentaux et des contributions culturelles du Canada anglais et du Qu\u00e9bec ;<\/li>\n<li>Faire preuve de curiosit\u00e9 intellectuelle et de rigueur dans la planification et la conduite d&rsquo;activit\u00e9s de recherche, telles que l&rsquo;identification de sources et de techniques appropri\u00e9es, la lecture critique et la pr\u00e9sentation des r\u00e9sultats d&rsquo;une r\u00e9flexion critique sous forme orale et \u00e9crite ;<\/li>\n<li>Exprimer le processus cr\u00e9atif ;<\/li>\n<li>Fonctionner avec une ma\u00eetrise de niveau natif en anglais, un niveau \u00e9lev\u00e9 de ma\u00eetrise en fran\u00e7ais et un certain degr\u00e9 d&rsquo;autonomie en espagnol et en allemand, soutenu par une compr\u00e9hension de la structure grammaticale et de la phon\u00e9tique ;<\/li>\n<li>Utiliser les technologies de l&rsquo;information appropri\u00e9es ;<\/li>\n<li>\u00c9valuer les d\u00e9cisions en tenant compte de sa propre sant\u00e9 et de son bien-\u00eatre, ainsi que de leur impact sur les autres et l&rsquo;environnement.<\/li>\n<\/ul>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg\" class=\"w-full h-full object-cover hidden lg:block lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>    <div class=\"thumbnail w-full lg:hidden\"\r\n        style=\"padding-bottom: 127.05882352941%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07420-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>  <\/div>        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"card-popup\">\r\n    <div class=\"modal-trigger || group rounded-corners overflow-hidden p-6 min-h-[15.625rem] max-w-full relative hover:cursor-pointer || max-sm:grid sm:aspect-[512\/341] xl:p-8\">\r\n        <img decoding=\"async\" width=\"640\" height=\"427\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg\" class=\"absolute left-0 top-0 w-full h-full object-cover lazyload\" alt=\"\u00c9preuve synth\u00e8se Arts, lettres et communication (ALC)\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/>\r\n        <span class=\"absolute inset-0 bg-gradient-to-b from-black\/10 to-black\/70 transition-opacity duration-300 ease-in-out\"><\/span>\r\n        <span class=\"gradient-secondary-vertical || absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out\"><\/span>\r\n\r\n        <span class=\"relative z-20 flex flex-col justify-between size-full box-border\">\r\n                            <h3 class=\"text-h4 || !text-light mb-4\">\u00c9preuve synth\u00e8se Arts, lettres et communication (ALC)<\/h3>\r\n                        <button class=\"btn-round\"><span class=\"plus block m-auto\"><\/span><\/button>\r\n        <\/span>\r\n    <\/div>\r\n        <div class=\"popup-modal || custom-transition w-screen h-screen translate-x-full justify-between bg-light fixed top-0 right-0 z-[80] flex overflow-y-auto flex-col || lg:overflow-hidden lg:flex-row-reverse\">\r\n        <div class=\"modal-close || absolute top-4 right-4 w-10 h-10 flex justify-center items-center rounded-full z-40 cursor-pointer [&#038;_path]:fill-secondary || lg:top-8 lg:right-8\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#EA0029\" id=\"circle\"\/>\r\n<rect x=\"26.5994\" y=\"25.4\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(135 26.5994 25.4)\" fill=\"white\" id=\"line\"\/>\r\n<rect x=\"14.6006\" y=\"26.6\" width=\"1.69706\" height=\"16.9706\" rx=\"0.848529\" transform=\"rotate(-135 14.6006 26.6)\" fill=\"white\" id=\"line\"\/>\r\n<\/svg>\r\n        <\/div>\r\n        <div class=\"bg-light py-20 px-5 || sm:px-8 lg:w-[55%] lg:overflow-y-auto lg:px-20 lg:py-[6.25rem] xl:py-[9.375rem] xl:px-[7.5rem]\">\r\n            <div class=\"wysiwyg-container || max-w-[46.875rem] mr-auto [&#038;_*]:!text-textcolor [&#038;_a]:!text-secondary [&#038;_a_span]:!text-secondary [&#038;_a.red]:!text-light [&#038;_*_tr]:!border-black\/30\">\r\n    <p>L&rsquo;\u00e9preuve de synth\u00e8se montrant l&rsquo;acquisition globale des comp\u00e9tences du programme et du profil g\u00e9n\u00e9ral des dipl\u00f4m\u00e9s de l&rsquo;enseignement sup\u00e9rieur est requise par le r\u00e8glement sur l&rsquo;enseignement sup\u00e9rieur en vertu de la loi sur les coll\u00e8ges g\u00e9n\u00e9raux et professionnels et par la politique institutionnelle du coll\u00e8ge sur l&rsquo;\u00e9valuation des r\u00e9sultats scolaires (IPESA).<\/p>\n<p>L&rsquo;\u00e9valuation globale du programme ALC est li\u00e9e \u00e0 trois cours qui impliquent un travail analytique et cr\u00e9atif dans les diff\u00e9rentes langues du programme : Pop Fiction, Projet cr\u00e9atif et Exploring Cultural Diversity. L&rsquo;\u00e9valuation globale comprend des \u00e9valuations orales sp\u00e9cifiques ainsi qu&rsquo;une dissertation et un travail de r\u00e9flexion dans ces cours.<\/p>\n<\/div>        <\/div>\r\n        <div class=\"lg:w-[45%]\">\r\n            <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg\" class=\"w-full h-full object-cover hidden lg:block lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>    <div class=\"thumbnail w-full lg:hidden\"\r\n        style=\"padding-bottom: 127.05882352941%\"\r\n    >\r\n\r\n\r\n    <img decoding=\"async\" width=\"1400\" height=\"933\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg\" class=\"lg:hidden lazyload\" alt=\"Popup image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1536x1024.jpg 1536w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-2048x1365.jpg 2048w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1920x1280.jpg 1920w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/SON07398-1-150x100.jpg 150w\" data-sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1400px; --smush-placeholder-aspect-ratio: 1400\/933;\" \/>  <\/div>        <\/div>\r\n    <\/div>\r\n<\/div>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"text-and-image || section \">\r\n        \r\n<span class=\"absolute top-0 left-0\"  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>Un Double DEC vous pr\u00e9pare \u00e0 poursuivre des \u00e9tudes universitaires dans les deux disciplines.<\/p>\n<p>Le DEC en Sciences de la nature ouvre la porte \u00e0 de nombreux programmes en sciences physiques et en math\u00e9matiques. Il m\u00e8ne vers des domaines li\u00e9s \u00e0 la sant\u00e9 tels que 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 les sciences actuarielles, 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.<\/p>\n<p>Le DEC en ALC pr\u00e9pare \u00e9galement les \u00e9tudiants \u00e0 des programmes universitaires dans des domaines vari\u00e9s, pouvant mener \u00e0 des \u00e9tudes approfondies en \u00e9tudes classiques et anciennes, \u00e9tudes en communication, cr\u00e9ation litt\u00e9raire, \u00e9tudes anglaises, \u00e9tudes fran\u00e7aises, \u00e9tudes germaniques, \u00e9tudes hispaniques, relations internationales, journalisme et m\u00e9dias \u00e9lectroniques, linguistique et langues, litt\u00e9rature, r\u00e9daction professionnelle, relations publiques, enseignement au primaire ou au secondaire, enseignement de l\u2019anglais langue seconde (ALS) et traduction.<\/p>\n<\/div>            <\/div>\r\n            <div class=\"md:col-start-8 lg:col-start-8 xl:col-start-8 mt-8 || aspect-[201\/234] relative || [mask-image:url(..\/assets\/svg\/image-mask-bottom.svg)] [mask-repeat:no-repeat] [mask-size:cover] [mask-position:bottom] || md:mt-0 md:col-span-5 md:row-start-1 xl:col-span-4\">\r\n                <img decoding=\"async\" width=\"1024\" height=\"683\" data-src=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-1024x683.jpg\" class=\"w-full h-full  object-cover lazyload\" alt=\"Module image\" data-srcset=\"https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-1024x683.jpg 1024w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-1400x933.jpg 1400w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-640x427.jpg 640w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-480x320.jpg 480w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-350x233.jpg 350w, https:\/\/slc.qc.ca\/wp-content\/uploads\/2025\/08\/AR506219-150x100.jpg 150w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\" \/>            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"cta-banner || section different-background || relative !py-0 overflow-hidden bg-secondary text-light\">\r\n        \r\n<span class=\"absolute top-0 left-0\" ><\/span>                <div class=\"wrapper || [position:initial] || md:grid-col md:items-center md:min-h-[25rem] lg:min-h-[34.375rem] xl:min-h-[43.75rem]\">\r\n            <div class=\"md:col-span-5 lg:col-span-6 \">\r\n                <div class=\"absolute left-0 top-0 w-1\/2 h-full flex items-center z-20 || md:w-[36.5%]\">\r\n                                            <span class=\"custom-transition [&#038;_svg]:w-full\">\r\n                            <svg width=\"729\" height=\"550\" viewBox=\"0 0 729 550\" fill=\"none\" opacity=\"0.15\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<g clip-path=\"url(#clip0_3262_6905)\">\r\n<path d=\"M578.374 173.956C563.805 179.42 550.146 187.452 538.113 197.632C527.738 206.542 518.437 215.843 509.527 224.949C497.689 236.625 487.835 246.251 476.745 254.479C451.248 273.601 423.378 283.813 392.385 283.813H347.766V318.611H394.206C432.484 318.611 466.176 305.862 497.494 282.545C510.437 272.886 521.722 261.764 534.113 249.568C542.666 241.015 551.414 232.072 560.715 224.234C574.927 212.201 591.675 204.363 609.529 201.111L578.374 173.956Z\" fill=\"#202945\"\/>\r\n<path d=\"M389.782 63.9372C400.709 55.5467 408.742 46.083 418.563 35.8713L392.318 13.1064C383.928 21.8547 377.749 29.3346 369.001 35.8713C362.074 40.9772 354.984 43.5138 347.699 47.3514V85.9866C362.269 80.1653 376.285 73.9538 389.782 63.9372Z\" fill=\"#202945\"\/>\r\n<path d=\"M426.595 133.89C439.18 123.873 450.27 112.589 462.498 100.198C467.051 95.4498 470.498 91.8075 478.173 87.2545L451.408 64.1318C446.14 66.6685 441.554 71.7743 437.392 76.1647C425.716 88.0025 416.253 97.8564 405.131 106.214C383.439 123.353 370.886 129.337 347.73 130.996V165.793C380.349 164.167 398.203 155.939 426.627 133.923L426.595 133.89Z\" fill=\"#202945\"\/>\r\n<path d=\"M567.803 374.19L554.859 382.938L539.379 394.418L636.845 514.487L611.153 514.682L548.843 461.477L464.84 389.702L461.003 386.418C488.32 380.954 514.207 369.669 537.883 351.978C552.095 341.213 564.29 329.018 576.128 317.18C584.876 308.627 593.072 300.432 601.82 292.952C618.048 279.293 645.561 267.975 666.505 267.975H686.733L651.577 237.73C625.528 239.194 599.641 249.21 579.413 266.349C569.591 274.74 560.453 283.846 551.705 292.594C540.062 304.074 529.297 314.806 516.907 324.107C487.573 345.961 456.059 356.173 419.993 355.458H128.115L50.8767 440.371H-34.3941L-80.3142 514.519H-116.38L-53.5167 407.589C-28.5728 405.215 -5.41768 394.093 10.2576 376.792C20.4693 365.864 41.2178 331.782 49.4132 283.52H14.0626C9.6722 305.017 1.31422 335.457 -15.2716 353.311C-26.9143 366.059 -44.6058 373.344 -63.7283 373.344H-73.5823L-177 549.284H-60.9315L-15.0115 475.136H64.6006L141.839 390.223H411.473L596.942 548.374L598.405 549.642L709.53 549.089L580.714 389.67L567.77 374.19H567.803Z\" fill=\"#202945\"\/>\r\n<path d=\"M422.952 443.981L363.373 515.203H342.071L388.707 436.501L394.886 424.858H354.982L283.565 548.017L282.492 550H381.422L450.27 467.299L424.057 444.696L422.952 443.981Z\" fill=\"#202945\"\/>\r\n<path d=\"M171.337 424.857H156.052L140.734 441.801L140.181 442.321L187.923 514.486H159.694L116.864 469.672L116.148 468.924L92.993 494.453L92.4727 494.973L142.913 548.178L144.214 549.642H253.518L177.906 435.232L171.337 424.857Z\" fill=\"#202945\"\/>\r\n<path d=\"M562.209 55.9036V78.2782L591.901 101.043V55.9036H698.408V96.165L681.659 93.7909H655.805C643.414 93.7909 632.487 98.7016 624.292 106.734C616.259 114.735 611.348 126.052 611.348 138.247C611.348 162.834 631.219 182.704 655.805 182.704H698.798V211.258L728.327 237.665V153.565H655.447C647.252 153.565 640.682 146.996 640.682 138.8C640.682 130.605 647.252 124.036 655.447 124.036H676.586L698.44 127.873L728.49 132.979V27.48H507.508L478.141 0.162109H431.863L494.532 55.9036H562.176H562.209Z\" fill=\"#202945\"\/>\r\n<path d=\"M540.094 141.012C532.81 144.655 526.436 148.85 520.094 154.314C510.955 162.119 501.134 170.509 492.548 178.9C480.385 191.323 472.353 201.307 458.694 212.071C428.807 235.552 390.529 242.316 353.39 242.869H347.731L259.468 243.064H-94.656C-132.771 243.064 -165.13 211.876 -164.414 173.794C-163.699 136.85 -133.389 107.125 -96.5097 107.125H168.344C186.003 107.125 200.605 92.7182 200.605 74.8965C200.605 50.6682 186.003 36.2612 168.344 36.2612H4.40385L-37.4836 0H168.376C206.361 0 237.094 32.6839 236.313 76.4901C235.663 113.434 204.995 142.801 168.051 142.801H-96.5097C-114.169 142.801 -128.576 157.208 -128.576 175.062C-128.576 185.762 -123.307 195.225 -115.274 201.079C-109.843 205.014 -103.112 206.803 -96.3796 206.803H351.178C383.407 207.518 411.668 200.591 437.717 181.079C448.84 172.883 457.783 163.224 469.035 151.744C478.174 142.801 486.499 133.923 498.174 124.622C502.923 120.752 506.207 118.573 510.728 115.678L540.062 141.012H540.094Z\" fill=\"#202945\"\/>\r\n<\/g>\r\n<defs>\r\n<clipPath id=\"clip0_3262_6905\">\r\n<rect width=\"905.49\" height=\"550\" fill=\"white\" transform=\"translate(-177)\"\/>\r\n<\/clipPath>\r\n<\/defs>\r\n<\/svg>\r\n                        <\/span>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"relative z-30 py-20 || md:col-span-7 md:col-start-6 lg:col-span-6 lg:col-start-7\">\r\n                <h2 class=\"text-h2\">Pr\u00eat \u00e0 poursuivre vos \u00e9tudes \u00e0 St. Lawrence?<\/h2>\r\n                                    <a href=\"https:\/\/slc.qc.ca\/fr\/admission\/\" class=\"mt-6 lg:mt-8 white btn-primary\"  target=\"\" rel=\"noopener\" >\r\n        Faire une demande d&rsquo;admission    <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"relative z-20 || md:hidden\">\r\n                    <\/div>\r\n    <\/section>\r\n","protected":false},"featured_media":1702,"template":"","program-category":[73],"program-admissions":[58],"program-duration":[71],"program-interests":[74,67,68,69,62,63],"program-requirements":[75,76,77],"class_list":["post-2125","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-arts-literature-fr","program-interests-languages-fr","program-interests-communications-fr","program-interests-culture-fr","program-interests-health-wellness-the-body-fr","program-requirements-chemistry-534-or-equivalent-fr","program-requirements-math-ts-or-sn-5-fr","program-requirements-physics-534-or-equivalent-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/programs\/2125","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\/1702"}],"wp:attachment":[{"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/media?parent=2125"}],"wp:term":[{"taxonomy":"program-category","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-category?post=2125"},{"taxonomy":"program-admissions","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-admissions?post=2125"},{"taxonomy":"program-duration","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-duration?post=2125"},{"taxonomy":"program-interests","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-interests?post=2125"},{"taxonomy":"program-requirements","embeddable":true,"href":"https:\/\/slc.qc.ca\/fr\/wp-json\/wp\/v2\/program-requirements?post=2125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}