
<!DOCTYPE html>
<html>
<head>
    <title>
Collège CDI | 404      </title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="Collège CDI">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Preconnect to speed up external resources -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://use.fontawesome.com">
<link rel="preconnect" href="https://unpkg.com">

<meta name="twitter:card" content="Collège CDI" />
<meta name="twitter:title" content="Collège CDI" />
<meta name="twitter:description" content="Vous pouvez toujours compter sur le Collège CDI pour vous aider à bâtir un meilleur avenir!" />
<meta name="twitter:image" content="http://www.collegecdi.ca/files/templates/style/genericHome.jpg" />

    <meta property="og:title" content="Collège CDI" />
    <meta property="og:type" content="text" />
    <meta property="og:url" content="http://www.collegecdi.ca" />
    <meta property="og:image" content="http://www.collegecdi.ca/files/templates/style/genericHome.jpg" />
    <meta property="og:description" content="Vous pouvez toujours compter sur le Collège CDI pour vous aider à bâtir un meilleur avenir!" />

<meta name="facebook-domain-verification" content="4rc223fwz9rduk46vzv906a3ugeyso" />
<link rel="apple-touch-icon" href="http://www.collegecdi.ca/files/templates/main2020/images/CDI_Logo.png">
<meta name="application-name" content="Collège CDI" />
<link rel="icon" href="/files/templates/style/favicon.ico" type="image/x-icon">

<!-- Optimized Google Fonts with display=swap -->
<link href='https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Archivo+Narrow:wght@400;700&display=swap' rel='stylesheet'>

<!-- Critical CSS only - keep these normal for now -->
<link rel="stylesheet" href="/Files/templates/main2020/css/style2020.css?v=1" />
<link rel="stylesheet" href="/Files/templates/main2020/css/style2021.css" />
<link rel="stylesheet" href="/Files/templates/main2020/css/header.css" />

<!-- Font Awesome - use newer version only -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">

<!-- Less critical CSS - can be async -->
<link rel="preload" href="/Files/templates/main2020/css/study-online-oncampus.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="/Files/templates/main2020/css/program.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="/Files/templates/main2020/css/slick.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="/Files/templates/main2020/css/slick-theme.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="https://unpkg.com/aos@2.3.1/dist/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" href="/Files/templates/main2020/css/content-new.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'">

<noscript>
    <link rel="stylesheet" href="/Files/templates/main2020/css/study-online-oncampus.css?v=1">
    <link rel="stylesheet" href="/Files/templates/main2020/css/program.css?v=1">
    <link rel="stylesheet" href="/Files/templates/main2020/css/slick.css">
    <link rel="stylesheet" href="/Files/templates/main2020/css/slick-theme.css">
    <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
    <link rel="stylesheet" href="/Files/templates/main2020/css/content-new.css?v=1">
</noscript>

<!-- Defer analytics -->
<script async src="//www.google-analytics.com/analytics.js"></script>
    <!--Cookie Policy -->

<script>
    class CSCookiePolicy {
        constructor() {
            this._initialize();
        }

        _initialize() {
            //1. Check user saved preferences (Load if saved, create if new )
            this.preferences = '';
            this.preferences_duration = 1;//1 day
            this._selected_cookie_container = null; //For Real-time update
            this._bannerclose_container = null;
            this._cookieExclusions = ["_source", "_entry", "_lead", "visitorId"];
            this._checkCookiePreference();
            this._bannerclose_container = JSON.parse(this._getCookieByName('hide_cookie_banner'));
            document.addEventListener('DOMContentLoaded', this._loadToMarkup.bind(this));
        }


        _checkCookiePreference() {
            this.preferences = this._readObjectFromLocalStorage('cookie_preference');

            //Load if saved
            if (this.preferences != null) {
                //Load to container
                this._selected_cookie_container = this.preferences;
            }
            else {
                //Create blank preference
                let blank_pref = {
                    Necessary: true,
                    TargetedAdvertising: true,
                    Personalization: true,
                    Analytics: true,
                    PersonalizationOptions: {
                        Google: false,
                        Analytics: false,
                        Bing: false,
                        Facebook: false,
                        Taboola: false,
                        Reddit: false,
                        Salesforce: false,
                        Criteo: false
                    },
                    PolicyAccepted: false,
                    RejectAll: false,
                    AcceptAll: false,
                    AcceptanceDate: new Date().toDateString()
                }

                let json_blank_pref = JSON.stringify(blank_pref);
                this._selected_cookie_container = JSON.parse(json_blank_pref);
                this._saveObjectToLocalStorage('cookie_preference', this._selected_cookie_container);
                //this._setCookie('cookie_preference', JSON.stringify(blank_pref), this.preferences_duration);
            }


            this._purgeCookies();

        }

        _purgeCookies() {

            if (this._selected_cookie_container.TargetedAdvertising == false || this._selected_cookie_container.Personalization == false || this._selected_cookie_container.Analytics == false) {
                // Get all cookies
                const cookies = document.cookie.split(";");

                const analytics_Regex = /^(ga|_ga|_gac|_gid|_gat|_gaexp|_gat_UA).*/img;
                const targeted_Regex = /^(_ga|_gid|_gcl|_gads|_gac|_fbp|_fbc|_fb|_tt|_tiktok|cto|_rdt|_twt|_twitter|ar|uid|t_|__cf|_li|lidid|muc|receive-|personal|gb|_uet|_rdt|_adkey)/img;

                // Loop through the cookies and delete each one
                for (let i = 0; i < cookies.length; i++) {
                    const cookie = cookies[i];
                    const eqPos = cookie.indexOf("=");
                    const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;

                    // Set the cookie with an expired date to delete it
                    if (!this._cookieExclusions.includes(name) && this._selected_cookie_container.RejectAll == true) {
                        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
                    }
                    else if (!this._cookieExclusions.includes(name) && this._selected_cookie_container.Analytics == false && name.trim().match(analytics_Regex)) {
                        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
                    }
                    else if (!this._cookieExclusions.includes(name) && this._selected_cookie_container.TargetedAdvertising == false && name.trim().match(targeted_Regex)) {
                        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
                    }
                }
            }
        }

        _saveCookiePreference() {
            if (this._selected_cookie_container != null) {
                this._selected_cookie_container.PolicyAccepted = true;
                this._purgeCookies();
                this._saveObjectToLocalStorage('cookie_preference', this._selected_cookie_container);
                //this._setCookie('cookie_preference', JSON.stringify(blank_pref), this.preferences_duration);
            }
            this._selected_cookie_container.AcceptanceDate = new Date().toDateString();
            this._purgeCookies();
            this._loadToMarkup();
            this._deleteCookie('hide_cookie_banner');
        }

        _showBannerAgain() {
            var acceptanceDate = this._selected_cookie_container.AcceptanceDate;
            if ((this._isDurationGreaterThanTwoWeeks(acceptanceDate, new Date().toDateString()) && this._selected_cookie_container.PolicyAccepted)
                && (this._selected_cookie_container.TargetedAdvertising == false || this._selected_cookie_container.Personalization == false || this._selected_cookie_container.Analytics == false)) {
                return true;
            } else {
                return false;
            }
        }

        _loadToMarkup() {
            /*if (document.querySelector('cookie_banner') != null) {*/
            //Get checkbox fields
            var necessary = document.querySelector('input[name="Necessary"]');
            var targetedAdvertising = document.querySelector('input[name="TargetedAdvertising"]');
            var personalization = document.querySelector('input[name="Personalization"]');
            var analytics = document.querySelector('input[name="Analytics"]');

            // Set the checkbox to checked
            if (this._selected_cookie_container.AcceptAll) {
                targetedAdvertising.checked = true;
                personalization.checked = true;
                analytics.checked = true;
            } else if (this._selected_cookie_container.RejectAll) {
                targetedAdvertising.checked = false;
                personalization.checked = false;
                analytics.checked = false;
            } else {
                targetedAdvertising.checked = this._selected_cookie_container.TargetedAdvertising;
                personalization.checked = this._selected_cookie_container.Personalization;
                analytics.checked = this._selected_cookie_container.Analytics;
            }
            /*}*/
        }

        _customize() {

            var targetedAdvertising = document.querySelector('input[name="TargetedAdvertising"]');
            var personalization = document.querySelector('input[name="Personalization"]');
            var analytics = document.querySelector('input[name="Analytics"]');

            this._selected_cookie_container.TargetedAdvertising = targetedAdvertising.checked;
            this._selected_cookie_container.Personalization = personalization.checked;
            this._selected_cookie_container.Analytics = analytics.checked;

            this._selected_cookie_container.AcceptAll = false;
            this._selected_cookie_container.RejectAll = false;

            this._saveCookiePreference();
        }

        _acceptAll() {
            this._selected_cookie_container.TargetedAdvertising = true;
            this._selected_cookie_container.Personalization = true;
            this._selected_cookie_container.Analytics = true;
            this._selected_cookie_container.AcceptAll = true;
            this._selected_cookie_container.RejectAll = false;

            this._saveCookiePreference();
        }

        _rejectAll() {
            this._selected_cookie_container.TargetedAdvertising = false;
            this._selected_cookie_container.Personalization = false;
            this._selected_cookie_container.Analytics = false;
            this._selected_cookie_container.RejectAll = true;
            this._selected_cookie_container.AcceptAll = false;

            this._saveCookiePreference();
        }

        _hideCookieBannerForSession() {
            let blank_pref = {
                Hide: true,
                HideClickDatetime: new Date().toGMTString()
            }

            let json_blank_pref = JSON.stringify(blank_pref);
            this._bannerclose_container = JSON.parse(json_blank_pref);
            this._setCookie('hide_cookie_banner', json_blank_pref);
        }

        //************Utilities***********
        _isPolicyAccepted() {
            return this._selected_cookie_container.PolicyAccepted;
        }

        _isHiddenForSession() {
            if (this._bannerclose_container != null) {
                return this._bannerclose_container.Hide;
            } else {
                return false;
            }

        }

        _saveObjectToLocalStorage(key, obj) {
            const jsonString = JSON.stringify(obj);
            localStorage.setItem(key, jsonString);
        }

        _readObjectFromLocalStorage(key) {
            const jsonString = localStorage.getItem(key);
            if (jsonString) {
                const obj = JSON.parse(jsonString);
                return obj;
            } else {
                return null;
            }
        }

        _setCookie(name, value, days) {
            let expires = "";
            if (days) {
                const date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }

        _getCookieByName(name) {
            const cookies = document.cookie.split(';');
            for (let i = 0; i < cookies.length; i++) {
                let cookie = cookies[i].trim();
                if (cookie.startsWith(name + '=')) {
                    return cookie.substring((name + '=').length, cookie.length);
                }
            }
            return null;
        }

        _deleteCookie(name) {
            try {
                document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;
            } catch {

            }
        }

        _isDurationGreaterThanTwoWeeks(date1, date2) {
            const startDate = new Date(date1);
            const endDate = new Date(date2);

            const differenceInMillis = endDate - startDate;

            const millisecondsInAWeek = 7 * 24 * 60 * 60 * 1000;
            const differenceInWeeks = differenceInMillis / millisecondsInAWeek;
            return differenceInWeeks > 2;
        }
    }


    const cookie_policy = new CSCookiePolicy();
    window.cookie_policy = cookie_policy;
</script>
<script>
    if (JSON.parse(localStorage.getItem('cookie_preference')) != null) {
        window.policy = JSON.parse(localStorage.getItem('cookie_preference'));
    }
</script>
<!--Cookie Policy END-->

<meta name="google-site-verification" content="6ozLpYWaPcukPKnRitIsWJq1aVwRMYjlxEEFJhb5olc" />

<script src="/utility/files/analytics/enhanced_conversion.js" type="text/javascript"></script>

    <script>
        if (cookie_policy._selected_cookie_container.Analytics == true) {
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-9339589-2', 'auto');
            ga('require', 'displayfeatures');
            ga('set', 'dimension1', 'G');
            ga('set', 'dimension2', 'QC');
            ga('send', 'pageview');
        }
    </script>
    <!-- Google tag (gtag.js)  DV360  -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=DC-15082178"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'DC-15082178');
    </script>
    <!-- Google Analytics GA4-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JC6G3B162"></script>
    <script>
        if (cookie_policy._selected_cookie_container.Analytics == true) {
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());
            gtag('config', 'G-4JC6G3B162', {
                'program_id': 'G',
                'location_id': 'QC'
            });
        }
    </script>
    <!-- Bing tracking -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            (function (w, d, t, r, u) { var f, n, i; w[u] = w[u] || [], f = function () { var o = { ti: "4070167" }; o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function () { var s = this.readyState; s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) })(window, document, "script", "//bat.bing.com/bat.js", "uetq");
        }
    </script>
    <noscript><img alt="img" src="//bat.bing.com/action/0?ti=4070167&Ver=2" height="0" width="0" style="display:none; visibility: hidden;" /></noscript>
    <!-- Bing New Account tracking -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            (function (w, d, t, r, u) { var f, n, i; w[u] = w[u] || [], f = function () { var o = { ti: "97080706", enableAutoSpaTracking: true }; o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function () { var s = this.readyState; s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) })(window, document, "script", "//bat.bing.com/bat.js", "uetq");
        }
    </script>
    <!-- Facebook Remarketing - New 2020  -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            !function (f, b, e, v, n, t, s) {
                if (f.fbq) return; n = f.fbq = function () {
                    n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                }; if (!f._fbq) f._fbq = n;
                n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0;
                t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s)
            }(window,
                document, 'script', '//connect.facebook.net/en_US/fbevents.js');
            fbq('init', '115131823261565');
            fbq('track', 'PageView', { program: 'G', location: 'QC', language: 'FR' });
        }
    </script>
    <noscript><img height="1" width="1" alt="img" style="display:none" src="https://www.facebook.com/tr?id=115131823261565&ev=PageView&noscript=1" /></noscript>
    <!-- Twitter universal website tag code -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            !function (e, t, n, s, u, a) {
                e.twq || (s = e.twq = function () {
                    s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
                }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
                    a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
            }(window, document, 'script');
            // Insert Twitter Pixel ID and Standard Event data below
            twq('init', 'o2eyv');
            twq('track', 'PageView');
        }
    </script>
    <!-- End Twitter universal website tag code -->
    <!-- GOOGLE GTAG -->
    <!-- NEW - I installed the global site tag on my website from another Google product (example: Google Analytics) or from another Google Ads account-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1033944800"></script>
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());
            gtag('config', 'AW-1033944800', { 'allow_enhanced_conversions': true });
        }
    </script>
    <!-- Google Tag Manager -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            (function (w, d, s, l, i) {
                w[l] = w[l] || []; w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                }); var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-5JTHXH2');
        }
    </script>
    <!-- End Google Tag Manager -->
    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5JTHXH2" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- Reddit Pixel -->
        <script>
            if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
                rdt_email = '<EMAIL-HERE>';
            }
        </script>
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            !function (w, d) { if (!w.rdt) { var p = w.rdt = function () { p.sendEvent ? p.sendEvent.apply(p, arguments) : p.callQueue.push(arguments) }; p.callQueue = []; var t = d.createElement("script"); t.src = "https://www.redditstatic.com/ads/pixel.js", t.async = !0; var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(t, s) } }(window, document);
            rdt('init', 't2_aj5v1zads', { "optOut": false, "useDecimalCurrencyValues": true, "email": rdt_email }); rdt('track', 'PageVisit');
        }
    </script>
    <!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER -->
    <!-- End Reddit Pixel -->
    <!-- TikTok Pixel Code Start -->
    <script>
        if (cookie_policy._selected_cookie_container.TargetedAdvertising == true) {
            !function (w, d, t) {
                w.TiktokAnalyticsObject = t; var ttq = w[t] = w[t] || []; ttq.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias", "group", "enableCookie", "disableCookie", "holdConsent", "revokeConsent", "grantConsent"], ttq.setAndDefer = function (t, e) { t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))) } }; for (var i = 0; i < ttq.methods.length; i++)ttq.setAndDefer(ttq, ttq.methods[i]); ttq.instance = function (t) {
                    for (
                        var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++)ttq.setAndDefer(e, ttq.methods[n]); return e
                }, ttq.load = function (e, n) {
                    var r = "https://analytics.tiktok.com/i18n/pixel/events.js", o = n && n.partner; ttq._i = ttq._i || {}, ttq._i[e] = [], ttq._i[e]._u = r, ttq._t = ttq._t || {}, ttq._t[e] = +new Date, ttq._o = ttq._o || {}, ttq._o[e] = n || {}; n = document.createElement("script")
                        ; n.type = "text/javascript", n.async = !0, n.src = r + "?sdkid=" + e + "&lib=" + t; e = document.getElementsByTagName("script")[0]; e.parentNode.insertBefore(n, e)
                };


                ttq.load('CRU6V83C77UDN9PK8FF0');
                ttq.page();
            }(window, document, 'ttq');
        }
    </script>
    <!-- TikTok Pixel Code End -->



    <script>localStorage.setItem('_source', '5065');</script>



<!--DF VisitorID-->
<script src="/utility/files/analytics/df-visitorid.js" type="text/javascript"></script>
<!--FB Continued Flow-->
<script src="/utility/files/analytics/fb-continous-flow.js" type="text/javascript"></script>

<script type="text/javascript">
    (function (c, l, a, r, i, t, y) {
        c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
        t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
        y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
    })(window, document, "clarity", "script", "qxf3r46i1u");
</script>
<script type="text/javascript">
    (function (c, l, a, r, i, t, y) {
        c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
        t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
        y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
    })(window, document, "clarity", "script", "tjgpjzpjqc");
</script>


<!--******************************************************************************************************STRUCTURED SNIPPET******************************************************************************************************************-->


<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": ["CollegeOrUniversity", "EducationalOrganization"],
          "@id": "https://www.collegecdi.ca/#organization",
          "name": "Collège CDI",
          "url": "https://www.collegecdi.ca",
          "logo": "https://www.collegecdi.ca/files/templates/main2020/images/CDI Logo.svg",
          "image": "https://www.collegecdi.ca/files/pages/hero-bg-2.webp",
          "description": "Vous pouvez toujours compter sur le Collège CDI pour vous aider à bâtir un meilleur avenir!",
          "telephone": "+1-800-251-6621",
          "address": {
            "@type": "PostalAddress",
            "streetAddress": "Complexe St-Charles, 1111 rue St-Charles Ouest, Suite #120",
            "addressLocality": "Longueuil",
            "addressRegion": "QC",
            "postalCode": "J4K 5G4",
            "addressCountry": "CA"
          },
          "subOrganization": [
            { "@type": "CollegeOrUniversity", "name": "College CDI - Calgary City Centre", "address": { "@type": "PostalAddress", "streetAddress": "200 - 703 6th Ave. SW", "addressLocality": "Calgary", "addressRegion": "AB", "postalCode": "T2P 0T9", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Montreal", "address": { "@type": "PostalAddress", "streetAddress": "1259 Berri Street, 3rd Floor", "addressLocality": "Montreal", "addressRegion": "QC", "postalCode": "H2L 4C7", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Burnaby", "address": { "@type": "PostalAddress", "streetAddress": "500 - 5021 Kingsway", "addressLocality": "Burnaby", "addressRegion": "BC", "postalCode": "V5H 4A5", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Richmond", "address": { "@type": "PostalAddress", "streetAddress": "290 - 4351 No 3 Rd.", "addressLocality": "Richmond", "addressRegion": "BC", "postalCode": "V6X 3A7", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - South Surrey", "address": { "@type": "PostalAddress", "streetAddress": "112 - 14928 56th Ave.", "addressLocality": "Surrey", "addressRegion": "BC", "postalCode": "V3S 2N5", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Surrey", "address": { "@type": "PostalAddress", "streetAddress": "100 - 11125 124th St.", "addressLocality": "Surrey", "addressRegion": "BC", "postalCode": "V3V 4V2", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Winnipeg", "address": { "@type": "PostalAddress", "streetAddress": "280 Main St.", "addressLocality": "Winnipeg", "addressRegion": "MB", "postalCode": "R3C 1A9", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Calgary North", "address": { "@type": "PostalAddress", "streetAddress": "100 - 403 33rd St. NE", "addressLocality": "Calgary", "addressRegion": "AB", "postalCode": "T2A 1X5", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Edmonton City Centre", "address": { "@type": "PostalAddress", "streetAddress": "200 - 10004 Jasper Ave.", "addressLocality": "Edmonton", "addressRegion": "AB", "postalCode": "T5J 1R3", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Edmonton North", "address": { "@type": "PostalAddress", "streetAddress": "North Town Centre, 174 - 9450 137th Ave. NW", "addressLocality": "Edmonton", "addressRegion": "AB", "postalCode": "T5E 6C2", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Edmonton South", "address": { "@type": "PostalAddress", "streetAddress": "101 – 4723 52 Ave. NW", "addressLocality": "Edmonton", "addressRegion": "AB", "postalCode": "T6B 3R6", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Edmonton West", "address": { "@type": "PostalAddress", "streetAddress": "176 Mayfield Common", "addressLocality": "Edmonton", "addressRegion": "AB", "postalCode": "T5P 4B3", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Calgary South", "address": { "@type": "PostalAddress", "streetAddress": "#12 6624 Centre Street SE", "addressLocality": "Calgary", "addressRegion": "AB", "postalCode": "T2H 0C6", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Mississauga", "address": { "@type": "PostalAddress", "streetAddress": "280 – 33 City Centre Dr.", "addressLocality": "Mississauga", "addressRegion": "ON", "postalCode": "L5B 2N5", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - North York", "address": { "@type": "PostalAddress", "streetAddress": "33 - 4950 Yonge St.", "addressLocality": "North York", "addressRegion": "ON", "postalCode": "M2N 6K1", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Scarborough", "address": { "@type": "PostalAddress", "streetAddress": "205 – 2206 Eglinton Ave. E", "addressLocality": "Scarborough", "addressRegion": "ON", "postalCode": "M1L 4S8", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Laval", "address": { "@type": "PostalAddress", "streetAddress": "3 Place Laval, Suite #400", "addressLocality": "Laval", "addressRegion": "QC", "postalCode": "H7N 1A2", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Longueuil", "address": { "@type": "PostalAddress", "streetAddress": "Complexe St-Charles, 1111 rue St-Charles Ouest, Suite #120", "addressLocality": "Longueuil", "addressRegion": "QC", "postalCode": "J4K 5G4", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Pointe-Claire", "address": { "@type": "PostalAddress", "streetAddress": "500 - 1000 Boulevard Saint-Jean", "addressLocality": "Pointe-Claire", "addressRegion": "QC", "postalCode": "H9R 5P1", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - St-Leonard", "address": { "@type": "PostalAddress", "streetAddress": "9480 Lacordaire Boulevard, Suite #204", "addressLocality": "Montreal", "addressRegion": "QC", "postalCode": "H1R 0C4", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Red Deer", "address": { "@type": "PostalAddress", "streetAddress": "5th floor, 5000 Gaetz (50) Ave.", "addressLocality": "Red Deer", "addressRegion": "AB", "postalCode": "T4N 6C2", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Brampton", "address": { "@type": "PostalAddress", "streetAddress": "101 – 2 County Court Blvd.", "addressLocality": "Brampton", "addressRegion": "ON", "postalCode": "L6W 3W8", "addressCountry": "CA" } },
            { "@type": "CollegeOrUniversity", "name": "College CDI - Online", "address": { "@type": "PostalAddress", "streetAddress": "5021 Kingsway, Suite #500", "addressLocality": "Burnaby", "addressRegion": "BC", "postalCode": "V5H 4A5", "addressCountry": "CA" }, "areaServed": "CA" }
          ],
          "sameAs": [
            "https://twitter.com/CollegeCDI",
            "https://www.facebook.com/CollegeCDI",
            "https://instagram.com/CollegeCDIQC/",
            "https://www.youtube.com/collegecdi",
            "https://ca.linkedin.com/company/collegecdi"
          ]
        },
        {
          "@type": "Service",
          "@id": "https://www.collegecdi.ca/#education",
          "name": "Programmes de formation professionnelle",
          "serviceType": "Education and Vocational Training",
          "provider": { "@id": "https://www.collegecdi.ca/#organization" },
          "areaServed": [{ "@type": "Country", "name": "Canada" }],
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Programmes du Collège CDI",
            "itemListElement": [
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Administration", "description": "Formations concrètes en gestion, finance et communication numérique pour évoluer dans des milieux professionnels dynamiques." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Art et design", "description": "Développez votre maîtrise technique en animation, design graphique et numérique pour transformer vos idées en projets visuels." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Technologie", "description": "Maîtrisez la programmation, l'intelligence artificielle et la cybersécurité grâce à un apprentissage axé sur la pratique." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Soins dentaires", "description": "Formation pratique et stages pour jouer un rôle clé aux côtés des dentistes et veiller au bien-être des patients." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Soins de santé", "description": "Programmes axés sur la pratique pour intégrer le réseau de la santé au Québec et offrir des soins de qualité." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Études juridiques", "description": "Devenez un spécialiste du droit québécois apte à soutenir efficacement le travail des avocats et des notaires." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Apprentissage et métiers", "description": "Formations professionnelles et travaux pratiques en atelier pour acquérir les habiletés demandées dans le secteur de la construction." } },
              { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Éducation à l'enfance", "description": "Apprenez à soutenir le développement global des tout-petits avec professionnalisme, créativité et sécurité." } }
            ]
          }
        },
        {
          "@type": "WebSite",
          "@id": "https://www.collegecdi.ca/#website",
          "url": "https://www.collegecdi.ca",
          "name": "Colleg&#232; CDI",
          "publisher": { "@id": "https://www.collegecdi.ca/#organization" }
        }

                          
         , {
             "@type": "FAQPage",
             "@id": "https://www.collegecdi.ca/NewsRSS.aspx#faq",
             "isPartOf": { "@id": "https://www.collegecdi.ca/#website" },
             "mainEntity": [
             ]
         }
         

      ]
    }
</script>

















































































































































<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.collegecdi.ca/NewsRSS.aspx#webpage","url":"https://www.collegecdi.ca","name":"Colleg&#232; CDI","isPartOf":{"@id":"https://www.collegecdi.ca/#website"},"creator":[{"@type":"Organization","@id":"https://www.campus-support.ca/#organization","name":"Campus Support"},{"@type":"Organization","@id":"https://pixelwall.ca/#organization","name":"Pixelwall","url":"https://www.pixelwall.ca"}]}]}</script>

    
</head>
<body>
    <div class="main">
        

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
<link href="/files/templates/main2020/css/header.css" rel="stylesheet" />
<link href="/files/templates/main2020/css/style2021.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


<div class="header-v2" id="header-section-v2-id">
    <div class="section-first">
        <div class="wrapper">
            <div class="wrap-flex">
                <div class="left">

                </div>
                <div class="right">
                    <a onclick="ShowOverlayModalDialog()" class="font-style-default apply-section">Inscrivez-vous</a>
                    <a href="tel:1-800-251-6621" class="font-style-default text-bold phone-field">
                        1 800 251-6621
                    </a>
                    <a href="https://www.cdicollege.ca" class="font-style-default language-field">English</a>

                    <div class="right-first-item">
                        <script async src="https://cse.google.com/cse.js?cx=429a616cee6d44429">
                        </script>
                        <div class="gcse-search"></div>

                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="section-second">
        <div class="wrapper">
            <div class="wrap-flex">
                <div class="left-container">
                    <img class="left-container-menu" id="left-container-menu-id" src="/files/templates/main2020/images/menu-icon-black.svg" />
                    <a href="/"><img class="logo-left" src="/files/templates/main2020/images/CDI Logo.svg" alt="Logo"></a>
                </div>
                <a href="tel:1-800-251-6621" class="phone-icon-section-2">
                    <img class="phone-field-icon" src="/files/templates/main2020/images/phone-icon.svg" />
                </a>
                <div class="right-menu-wrap" id="right-menu-section-in-header-id">
                    <div class="right-menu">

                        <div class="right-menu-first-item">
                            <script async src="https://cse.google.com/cse.js?cx=429a616cee6d44429">
                            </script>
                            <div class="gcse-search"></div>
                            <img class="section-second-right-menu-exit" src="/files/templates/main2020/images/exit-black.svg" />
                        </div>

                        <!-- Programmes -->
                        <div class="right-menu-item">
                            <div class="right-menu-item-content">
                                <a class="font-style-default btn-nav-menu">Programmes</a>
                                <img class="caret-down" src="/files/templates/main2020/images/rectangle-down-black.svg" />
                                <img class="caret-up" src="/files/templates/main2020/images/rectangle-up-black.svg" />
                            </div>
                            <div class="section-second-submenu">
                                <div class="wrapper">
                                    <div class="section-second-submenu-inside">
                                        <div class="left-inside">
                                            <div class="left-inside-content">
                                                <text class="font-style-default font-style-small font-style-bold">Programmes et cours</text>
                                            </div>
                                        </div>
                                        <div class="right-inside">
                                            <div class="right-inside-content">

                                                    <a href="/programmes/administration/" class="font-style-default right-inside-content-item">Administration</a>
                                                    <a href="/programmes/art-et-design/" class="font-style-default right-inside-content-item">Art et design</a>
                                                    <a href="/programmes/education-a-l-enfance/" class="font-style-default right-inside-content-item">&#201;ducation &#224; l&#39;enfance</a>
                                                    <a href="/programmes/etudes-juridiques/" class="font-style-default right-inside-content-item">&#201;tudes juridiques</a>
                                                    <a href="/programmes/soins-de-sante/" class="font-style-default right-inside-content-item">Soins de sant&#233;</a>
                                                    <a href="/programmes/soins-dentaires/" class="font-style-default right-inside-content-item">Soins dentaires</a>
                                                    <a href="/programmes/technologie/" class="font-style-default right-inside-content-item">Technologie</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Campus Menu -->
                        <div class="right-menu-item">
                            <div class="right-menu-item-content">
                                <a class="font-style-default btn-nav-menu">Campus</a>
                                <img class="caret-down" src="/files/templates/main2020/images/rectangle-down-black.svg" />
                                <img class="caret-up" src="/files/templates/main2020/images/rectangle-up-black.svg" />
                            </div>
                            <div class="section-second-submenu">
                                <div class="wrapper">
                                    <div class="section-second-submenu-inside">
                                        <div class="left-inside">
                                            <div class="left-inside-content">
                                                <text class="font-style-default font-style-small font-style-bold">Campus au Québec</text>
                                            </div>
                                        </div>
                                        <div class="right-inside">
                                            <div class="right-inside-content">
                                                    <a href="/campus/laval/" class="font-style-default right-inside-content-item">Laval</a>
                                                    <a href="/campus/longueuil/" class="font-style-default right-inside-content-item">Longueuil</a>
                                                    <a href="/campus/montreal/" class="font-style-default right-inside-content-item">Montr&#233;al</a>
                                                    <a href="/campus/pointe-claire/" class="font-style-default right-inside-content-item">Pointe-Claire</a>
                                                    <a href="/campus/st-leonard/" class="font-style-default right-inside-content-item">St-L&#233;onard</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Admissions -->
                        <div class="right-menu-item">
                            <div class="right-menu-item-content">
                                <a class="font-style-default btn-nav-menu">Admissions</a>
                                <img class="caret-down" src="/files/templates/main2020/images/rectangle-down-black.svg" />
                                <img class="caret-up" src="/files/templates/main2020/images/rectangle-up-black.svg" />
                            </div>
                            <div class="section-second-submenu">
                                <div class="wrapper">
                                    <div class="section-second-submenu-inside">
                                        <div class="left-inside">
                                            <div class="left-inside-content">
                                                <text class="font-style-default font-style-small font-style-bold">Admissions</text>
                                            </div>
                                        </div>
                                        <div class="right-inside">
                                            <div class="right-inside-content">
                                                            <a href="/admissions/conditions-d-admission/" class="font-style-default right-inside-content-item">Conditions d&#39;admission</a>
                                                            <a href="/admissions/reconnaissance-des-acquis/" class="font-style-default right-inside-content-item">Reconnaissance des acquis</a>
                                                            <a href="/admissions/bourses-d-etudes/" class="font-style-default right-inside-content-item">Bourses d&#39;&#233;tudes</a>
                                                            <a href="/admissions/experience-etudiante/" class="font-style-default right-inside-content-item">Exp&#233;rience &#233;tudiante</a>
                                                            <a href="/admissions/etudiants-etrangers/" class="font-style-default right-inside-content-item">&#201;tudiants internationaux</a>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- À propos du Collège CDI -->
                        <div class="right-menu-item">
                            <div class="right-menu-item-content">
                                <a class="font-style-default btn-nav-menu">À propos du Collège CDI</a>
                                <img class="caret-down" src="/files/templates/main2020/images/rectangle-down-black.svg" />
                                <img class="caret-up" src="/files/templates/main2020/images/rectangle-up-black.svg" />
                            </div>
                            <div class="section-second-submenu">
                                <div class="wrapper">
                                    <div class="section-second-submenu-inside">
                                        <div class="left-inside">
                                            <div class="left-inside-content">
                                                <text class="font-style-default font-style-small font-style-bold">À propos du Collège CDI</text>
                                            </div>
                                        </div>
                                        <div class="right-inside">
                                            <div class="right-inside-content">
                                                            <a href="/a-propos-du-college-cdi/autorisation/" class="font-style-default right-inside-content-item">Autorisation</a>
                                                            <a href="/a-propos-du-college-cdi/pourquoi-choisir-le-college-cdi/" class="font-style-default right-inside-content-item">Pourquoi choisir le Coll&#232;ge CDI?</a>
                                                            <a href="/a-propos-du-college-cdi/notre-impact-au-quebec/" class="font-style-default right-inside-content-item">Notre impact au Qu&#233;bec</a>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Communauté -->
                        <div class="right-menu-item">
                            <div class="right-menu-item-content">
                                <a class="font-style-default btn-nav-menu">Communauté</a>
                                <img class="caret-down" src="/files/templates/main2020/images/rectangle-down-black.svg" />
                                <img class="caret-up" src="/files/templates/main2020/images/rectangle-up-black.svg" />
                            </div>
                            <div class="section-second-submenu">
                                <div class="wrapper">
                                    <div class="section-second-submenu-inside">
                                        <div class="left-inside">
                                            <div class="left-inside-content">
                                                <text class="font-style-default font-style-small font-style-bold">Communauté</text>
                                            </div>
                                        </div>
                                        <div class="right-inside">
                                            <div class="right-inside-content">
                                                            <a href="/communaute/actualites/" class="font-style-default right-inside-content-item">Actualit&#233;s</a>
                                                            <a href="/communaute/aide-au-placement/" class="font-style-default right-inside-content-item">Aide au placement</a>
                                                            <a href="/communaute/bulletins-d-information/" class="font-style-default right-inside-content-item">Bulletins d&#39;information</a>
                                                            <a href="/communaute/evenements-a-venir-au-college-cdi/" class="font-style-default right-inside-content-item">&#201;v&#233;nements &#224; venir au Coll&#232;ge CDI</a>
                                                            <a href="/communaute/implication-sociale/" class="font-style-default right-inside-content-item">Implication sociale</a>
                                                            <a href="/communaute/politique-de-resolution-des-conflits-aec/" class="font-style-default right-inside-content-item">Politique de r&#233;solution des conflits (AEC)</a>
                                                            <a href="/communaute/politique-de-resolution-des-conflits-dep/" class="font-style-default right-inside-content-item">R&#233;solution des conflits, Code d’&#233;thique et Plan de lutte contre l’intimidation et la violence (DEP)</a>
                                                            <a href="/communaute/politique-du-college-cdi-sur-les-temoins-de-navigation/" class="font-style-default right-inside-content-item">Politique sur les t&#233;moins de navigation</a>
                                                            <a href="/communaute/rencontres-d-information-virtuelles/" class="font-style-default right-inside-content-item">Rencontres d&#39;information virtuelles</a>
                                                            <a href="/communaute/services-etudiants/" class="font-style-default right-inside-content-item">Services &#233;tudiants</a>
                                                            <a href="/communaute/temoignages-d-etudiants/" class="font-style-default right-inside-content-item">T&#233;moignages d&#39;&#233;tudiants</a>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <a onclick="ShowOverlayModalDialog()" class="font-style-default request-header-info-btn">
                            Demande d'info
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="section-third">
        <a onclick="ShowOverlayModalDialog()" class="apply-section-bottom">Inscrivez-vous</a>
        <a onclick="ShowOverlayModalDialog()" class="request-header-info-bottom">Demande d'info</a>
    </div>
</div>

<!-- #region ReviewForm -->
<div class="overlay hidden" id="overlayRequestInfoForm">
    <form id="submitRequestInfo">
        <input type="hidden" name="talon6" id="talon6" value='{"version": 6, "status": -1}'>
        <div class="overlay-close" onclick="HideOverlayModalDialog()">
            
            <img class="icon-modal-close_grey" src="/files/templates/main2020/images/close-grey.svg" />
            <img class="icon-modal-close_orange" src="/files/templates/main2020/images/close-orange.svg" />
        </div>
        <div class="review-form req-from">

            <div id="modal_dialog_form_request_info">
                <h4>Demande d'info</h4>
                <p>
                    Remplissez le formulaire ci-dessous pour obtenir de l’information sur le Collège CDI.
                </p>
            </div>

            <div id="modal_dialog_form_apply_now" style="display: none">
                <h4>Inscrivez-vous</h4>
                <p>
                    Veuillez remplir le formulaire ci-dessous pour soumettre votre demande.
                </p>
            </div>
            <hr />
            <div class="submit-review-form-inputs">

                <div class="select select-wrapper" style="width: 100%;">
                    <select id="canada-status" name="canada_status" class="dropdown" style="text-align: left;">
                            <option value=""   selected disabled > Quel est votre statut au Canada?</option>
                            <option value="canadian_or_pr" > Je suis r&#233;sident canadien ou r&#233;sident permanent</option>
                            <option value="international_student" > Je suis un &#233;tudiant international</option>
                            <option value="pre-refugee" > Je suis un r&#233;fugi&#233;</option>
                            <option value="refugee" > Je suis reconnu comme r&#233;fugi&#233; (personne prot&#233;g&#233;e)</option>
                            <option value="work-permit" > Je suis titulaire d&#39;un permis de travail</option>
                            <option value="visitor-visa" > J&#39;ai un visa de visiteur</option>
                    </select>
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
                <div class="input-wrapper">
                    <input type="text" name="FirstName" placeholder="Prénom" data-name="FirstName" />
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
                <div class="input-wrapper">
                    <input type="text" name="LastName" placeholder="Nom" data-name="LastName" />
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
                <div class="input-wrapper">
                    <input type="text" name="Email" placeholder="Courriel" data-name="Email" />
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
                <div class="input-wrapper">
                    <input type="tel" name="Phone" maxlength="16" placeholder="Téléphoner" data-name="Phone" />
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
                <div class="input-wrapper">
                    <input name="Postal" type="text" placeholder="Code postal" data-name="Postal">
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>

                <div class="select-wrapper">
                    <select name="ProgramID" data-name="Program">
                        <option value="" selected="" disabled="" hidden="">
                            -Sélectionnez votre programme-
                        </option>
                                <optgroup label="Administration:">
                                        <option value="1310" >Gestion de l’approvisionnement – LCA.FL (Fran&#231;ais)</option>
                                        <option value="1309" >Gestion des m&#233;dias sociaux - NWY.1W (Fran&#231;ais)</option>
                                        <option value="39" >Gestion financi&#232;re informatis&#233;e  – LEA.AC (Fran&#231;ais)</option>
                                </optgroup>
                                <optgroup label="Art et design:">
                                        <option value="2" >Conception, mod&#233;lisation et animation 3D - NTL.0Z (Fran&#231;ais)</option>
                                        <option value="8" >Design graphique - NTA.1U (Fran&#231;ais)</option>
                                        <option value="11" >Design Web - LCA.C0 (Fran&#231;ais)</option>
                                </optgroup>
                                <optgroup label="&#201;ducation &#224; l&#39;enfance:">
                                        <option value="55" >Techniques d&#39;&#233;ducation &#224; l&#39;enfance - JEE.13 (Fran&#231;ais)</option>
                                </optgroup>
                                <optgroup label="&#201;tudes juridiques:">
                                        <option value="113" >Techniques juridiques - JCA.1F (Fran&#231;ais)</option>
                                </optgroup>
                                <optgroup label="Soins de sant&#233;:">
                                        <option value="1303" >Assistance &#224; la personne en &#233;tablissement et &#224; domicile – 5358 DEP (Fran&#231;ais)</option>
                                        <option value="83" >Sant&#233;, assistance et soins infirmiers – 5325 DEP (Fran&#231;ais) </option>
                                        <option value="81" >Sp&#233;cialiste en technologies appliqu&#233;es &#224; la bureautique, option adm. m&#233;dical/juridique – LCE.3V (Fran&#231;ais)</option>
                                        <option value="1307" >Techniques d’&#233;ducation sp&#233;cialis&#233;e – JNC.1U (Fran&#231;ais)</option>
                                </optgroup>
                                <optgroup label="Soins dentaires:">
                                        <option value="65" >Assistance dentaire - 5144 DEP (Fran&#231;ais)</option>
                                        <option value="79" >Assistance dentaire - 5644 DEP (Anglais)</option>
                                </optgroup>
                                <optgroup label="Technologie:">
                                        <option value="123" > Gestion de r&#233;seaux - LEA.AE (Fran&#231;ais)</option>
                                        <option value="116" >Programmeur-analyste – LEA.9C (Fran&#231;ais)</option>
                                        <option value="3431" >Sp&#233;cialiste en cybers&#233;curit&#233; - LEA.DV (Fran&#231;ais)</option>
                                        <option value="4422" >Sp&#233;cialiste en intelligence artificielle - LEA.E3 (Fran&#231;ais)</option>
                                </optgroup>
                    </select>
                    <img src="/files/templates/main2020/images/error-icon.svg">
                    <div class="error-alert-message"></div>
                </div>
            </div>
            <button type="button" style="padding: 10px 0; border-radius: 2px;" onclick="saveLeadShared202310('form#submitRequestInfo');">Demande d'info</button>
            
            <small>En soumettant ce formulaire, je consens à ce qu’un(e) conseiller(ère) du Collegè CDI me contacte par courriel, téléphone, messagerie textuelle ou tout autre moyen de communication et que des messages publicitaires me soient envoyés. Je peux retirer mon consentement en tout temps.</ small>
        </div>

    </form>
    <div id="submitedRequestInfo" class="review-form-submited hidden">
        <h2>Your Review was submited. </h2>
        <h2>Thank you for your time!</h2>
        <h3 class="subheaderOrange">Click to close this page</h3>
    </div>
</div>
<!-- #endregion -->
<!-- #region FixedItemsBottomRightBubble -->

<div class="fixed-bubble">
    <img class="top-bubble hide" src="/Files/templates/main2020/images/back-to-top-btn.svg" onclick="BackToTop();" />
    
</div>

<link rel="stylesheet" type="text/css" href="/Files/templates/main2020/css/open-house-2023.css">

<!-- #endregion -->








<script src="/files/templates/main2020/js/header.js"></script>
<script src="/files/templates/scripts/lead-form-2023.js"></script>
<script>
    $(document).ready(function () {
        leadFormShared2023('form#submitRequestInfo');
    });
</script>

<script>
    (function () {
        // Keeps numbering stable across initial + later inserts
        let autoAltCount = 0;

        function shouldSkip(img) {
            // Don't override meaningful alts, or decorative images
            if (img.hasAttribute('alt') && img.getAttribute('alt') !== '') return true;
            if (img.getAttribute('role') === 'presentation') return true;
            if (img.getAttribute('aria-hidden') === 'true') return true;
            return false;
        }

        function label(img) {
            if (shouldSkip(img)) return;
            autoAltCount += 1;
            img.setAttribute('alt', 'Image ' + autoAltCount);
        }

        function initialPass() {
            // Only label missing or empty alts
            var imgs = document.querySelectorAll('img:not([alt]), img[alt=""]');
            imgs.forEach(label);
        }

        // Run as soon as DOM is ready (or immediately if it already is)
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initialPass, { once: true });
        } else {
            initialPass();
        }

        // Watch for late-added/lazy images
        var mo = new MutationObserver(function (mutations) {
            mutations.forEach(function (m) {
                m.addedNodes.forEach(function (node) {
                    if (node.nodeType !== 1) return; // ELEMENT_NODE
                    if (node.tagName === 'IMG') {
                        label(node);
                    } else {
                        node.querySelectorAll && node.querySelectorAll('img').forEach(label);
                    }
                });
            });
        });
        mo.observe(document.documentElement, { childList: true, subtree: true });
    })();
</script>



            <div class="none-hero-padding"></div>

        <div class="content">
            <div class="wrapper">
                

<div class="directory bread-crumbs-wrapper">
                    <a class="bread-item" href="/">CDI College</a>
                <img class="right-arrow-bread" src="/files/templates/main2020/images/right-arrow-black.svg" />
            <a class="bread-item-no-hover">
NewsRSS.aspx            </a>
</div>

<script>
    $(document).ready(function () {
        const firstBreadItem = $(".bread-item").first();
        if (firstBreadItem.length > 0) {
            firstBreadItem.text("");
            firstBreadItem.append('<img class="home-image-bread" src="/files/templates/main2020/images/home-icon-for-bread.svg" />');
            firstBreadItem.append('<img class="home-image-bread-blue" src="/files/templates/main2020/images/home-icon-for-bread-blue.svg" />');
        }
    });
</script>
                <div class="topline padding">
                    <div class="CDICollege-section">
                        <div class="text">
                            <h6 id="error-404">
                                404

                            </h6>
                            <p>
                                Désolé, la page que vous demandez est introuvable.
                            </p>
                        </div>
                        

                    </div>

                </div>
            </div>
        </div>




        <div class="wrapper">
            <div class="end-section ready" style="background-image: url('/files/templates/main2020/images/background-end-image.png');">
                <div class="fade">
                    <div class="content">
                        <h2>Souhaitez-vous obtenir plus d&#39;information ou vous inscrire?</h2>
                        <p>Cliquez sur le bouton ci-dessous et un conseiller communiquera avec vous d&#232;s que possible. </p>
                        <div class="end-section-buttons">
                            <button class="btnstyle-blue" onclick="ShowOverlayModalDialog()">En savoir plus</button>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

</body>


<style>
    @font-face {
        font-family: 'HindSiliguriRegular';
        src: url('/files/templates/main2020/font/HindSiliguri-Regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'MuktaVaaniRegular';
        src: url('/files/templates/main2020/font/MuktaVaani-Regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'HindSiliguriBold';
        src: url('/files/templates/main2020/font/HindSiliguri-Bold.ttf') format('truetype');
    }

    .footer-container {
        padding: 30px 0 37px 0;
        margin: 0;
        background: #fff;
       /* box-shadow: 0px -1px 4px rgba(143, 142, 142, 0.25);*/
    }

        .footer-container span {
            margin: 0;
            padding: 0;
            font-family: HindSiliguriRegular;
            font-style: normal;
            display: unset !important;
            align-items: unset !important;
            text-align: unset !important;
            text-decoration-line: unset !important;
            color: var(--DarkGrey) !important;
        }

        .footer-container a {
            margin: 0;
            padding: 0;
            font-family: HindSiliguriRegular;
            font-style: normal;
            color: var(--DarkGrey);
            cursor: pointer;
        }

        .footer-container .footer-top-title {
            margin: 0;
            padding: 0 0 10px 0;
            border-bottom: 1px solid #E7E7E7;
        }

            .footer-container .footer-top-title a {
                font-family: HindSiliguriBold;
                font-weight: bold !important;
                font-size: 12px !important;
                line-height: 19px !important;
                cursor: default;
                color: var(--CDIGreyV2);
            }

        .footer-container .footer-menu {
            margin: 15px 0 0 0;
            padding: 0 0 17px 0;
            border-bottom: 1px solid #E7E7E7;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-column-gap: 20px;
        }

            .footer-container .footer-menu .footer-menu-item {
                margin-top: 20px;
                text-align: left;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-content: flex-start;
                align-items: flex-start;
            }
        

        .footer-container .footer-menu .footer-menu-item h4 {
            font-family: HindSiliguriBold;
            font-style: normal;
            font-weight: bold;
            font-size: 18px !important;
            line-height: 22px !important;
            color: var(--DarkGrey) !important;
            margin-bottom: 17px;
        }
            .footer-container .footer-menu h4.footer-menu-item-campus {
                margin-top: 30px;
            }

                .footer-container .footer-menu .footer-menu-item a {
                    font-family: HindSiliguriRegular;
                    font-size: 14px !important;
                    line-height: 20px !important;
                    margin-bottom: 12px;
                }

                    .footer-container .footer-menu .footer-menu-item a:hover, .footer-container .footer-bottom a.font-style:hover {
                        text-decoration: underline;
                    }

      

        .footer-container .footer-brand {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-content: center;
            align-items: center;
      /*      height: 72px;*/
          /*  margin-top: 18px;*/
            border-bottom: 1px solid #E7E7E7
        }

            .footer-container .footer-brand .footer-brand-left {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-content: center;
                align-items: center;
                height: 100%;
                padding: 0;
                margin: 0;
            }

                .footer-container .footer-brand .footer-brand-left a {
                    /*cursor: default;*/
                }

                .footer-container .footer-brand .footer-brand-left .footer-logo-cdi {
                    width: 187px;
                    height: 70px;
                    padding: 0;
                   
                    margin:20px 30px 33px 0;
                }

                .footer-container .footer-brand .footer-brand-left .footer-badge-wrapper {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-content: center;
                    align-items: center;
                    padding: 0;
                    margin: 0;
                }

                    .footer-container .footer-brand .footer-brand-left .footer-badge-wrapper .footer-badge {
                        width: 64px;
                        height: 64px;
                        padding: 0;
                        margin: 0;
                        margin-left: 25px;
                    }

            .footer-container .footer-brand .footer-brand-right {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-content: center;
                align-items: center;
                height: 100%;
                margin: 0;
                padding: 0;
            }

                .footer-container .footer-brand .footer-brand-right img {
                    margin: 0;
                    margin-left: 25px;
                    padding: 0;
                    height: 40px;
                    width: 40px;
                }

                .footer-container .footer-brand .footer-brand-right a img:first-child {
                    display: block;
                }

                .footer-container .footer-brand .footer-brand-right a img:last-child {
                    display: none;
                }

                .footer-container .footer-brand .footer-brand-right a:hover img:first-child {
                    display: none;
                }

                .footer-container .footer-brand .footer-brand-right a:hover img:last-child {
                    display: block;
                }

        .footer-container .footer-designation {
            display: flex;
            flex-direction: column-reverse;
            justify-content: center;
            align-content: center;
            align-items: center;
            margin-top: 32px;
        }
        .footer-container .footer-desig-left {
            text-align: center;
            align-items: center;
            margin-top: 15px;
        }
    .footer-container .footer-designation .footer-desig-left .footer-desig-title {
        color: #393939;
        font-family: "HindSiliguriBold";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
       
    }

            .footer-container .footer-designation .footer-desig-left .footer-desig-info {
                color: #393939;
                font-family: "HindSiliguriRegular";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                max-width: 815px;
            }

        .footer-container .footer-bottom {
            margin-top: 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            align-items: center;
        }

            .footer-container .footer-bottom .font-style {
                font-family: MuktaVaaniRegular;
                font-style: normal;
                font-weight: normal;
                font-size: 14px !important;
                line-height: 23px !important;
            }
    @media only screen and (max-width: 1000px){
        .footer-container .footer-designation .footer-desig-left .footer-desig-info {
            max-width: 720px;
        }
    }
    @media only screen and (max-width: 800px) {
        .footer-container {
            padding: 20px 0 37px 0;
        }

            .footer-container .footer-menu {
                grid-template-columns: 1fr 1fr;
                grid-column-gap: 20px;
                grid-row-gap: 30px;
            }

                .footer-container .footer-menu .footer-menu-item {
                    margin-top: 10px;
                }

                    .footer-container .footer-menu .footer-menu-item h4 {
                        font-size: 16px !important;
                        line-height: 20px !important;
                    }

                    .footer-container .footer-menu .footer-menu-item a {
                        font-size: 14px !important;
                        line-height: 18px !important;
                    }

            .footer-container .footer-brand {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-content: center;
                align-items: center;
                height: auto;
             /*   margin-top: 22px;*/
            }

                .footer-container .footer-brand .footer-brand-left {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-content: center;
                    align-items: center;
                    height: auto;
                }

                    .footer-container .footer-brand .footer-brand-left .footer-logo-cdi {
                        width: 140px;
                        height: 53px;
                        margin: 20px 0 0 0 ;
                    }

                .footer-container .footer-brand .footer-brand-right {
                    margin: 40px 0 22px 0 ;
                    width: 100%;
                    justify-content: space-around;
                }

                    .footer-container .footer-brand .footer-brand-right img {
                        margin: 0;
                        padding: 0;
                        height: 56px;
                        width: 56px;
                    }

            .footer-container .footer-bottom .font-style {
                font-family: MuktaVaaniRegular;
                font-style: normal;
                font-weight: normal;
                font-size: 12px !important;
                line-height: 20px !important;
                text-align: center !important;
            }
            .footer-container .footer-designation{

            }

            .footer-container .footer-designation .footer-desig-left{

                text-align:center;
            }
    
    }

    @media only screen and (max-width: 400px) {
        .footer-container .footer-brand .footer-brand-left .footer-logo-cdi {
            width: 140px;
            height: 53px;
        
        }

        .footer-container .footer-brand .footer-brand-left .footer-badge-wrapper .footer-badge {
            width: 64px;
            height: 64px;
            padding: 0;
            margin: 0;
            margin-left: 10px;
        }

        .footer-container .footer-brand .footer-brand-right img {
            margin: 0;
            padding: 0;
            height: 56px;
            width: 56px;
        }
    }

    @media only screen and (max-width: 330px) {
        .footer-container .footer-brand .footer-brand-left .footer-logo-cdi {
            width: 130px;
            height: auto;

        }

        .footer-container .footer-brand .footer-brand-left .footer-badge-wrapper .footer-badge {
            width: 50px;
            height: 50px;
            padding: 0;
            margin: 0;
            margin-left: 10px;
        }

        .footer-container .footer-brand .footer-brand-right {
  
        }

            .footer-container .footer-brand .footer-brand-right img {
                margin: 0;
                padding: 0;
                height: 45px;
                width: 45px;
            }
    }
</style>

<footer class="footer-container">
    <div class="wrapper">
            <div class="footer-menu">

                <!-- Programmes et cours -->
                <div class="footer-menu-item">
                    <h4>Programmes et cours</h4>


                        <a href="/programmes/administration/">Administration</a>
                        <a href="/programmes/art-et-design/">Art et design</a>
                        <a href="/programmes/education-a-l-enfance/">&#201;ducation &#224; l&#39;enfance</a>
                        <a href="/programmes/etudes-juridiques/">&#201;tudes juridiques</a>
                        <a href="/programmes/soins-de-sante/">Soins de sant&#233;</a>
                        <a href="/programmes/soins-dentaires/">Soins dentaires</a>
                        <a href="/programmes/technologie/">Technologie</a>

                    
                    <!-- Campus -->
                    
                    
                </div>

                <!-- Admissions -->
                <div class="footer-menu-item">
                    <h4>Admissions</h4>


                        <a href="/admissions/conditions-d-admission/">Conditions d&#39;admission</a>
                        <a href="/admissions/reconnaissance-des-acquis/">Reconnaissance des acquis</a>
                        <a href="/admissions/bourses-d-etudes/">Bourses d&#39;&#233;tudes</a>
                        <a href="/admissions/experience-etudiante/">Exp&#233;rience &#233;tudiante</a>
                        <a href="/admissions/etudiants-etrangers/">&#201;tudiants internationaux</a>
                </div>

                <!-- À propos du Collège CDI -->
                <div class="footer-menu-item">
                    <h4>À propos du Collège CDI</h4>


                        <a href="/a-propos-du-college-cdi/autorisation/">Autorisation</a>
                        <a href="/a-propos-du-college-cdi/pourquoi-choisir-le-college-cdi/">Pourquoi choisir le Coll&#232;ge CDI?</a>
                        <a href="/a-propos-du-college-cdi/notre-impact-au-quebec/">Notre impact au Qu&#233;bec</a>
                </div>

                <!-- Communauté -->
                <div class="footer-menu-item">
                    <h4>Communauté</h4>


                        <a href="/communaute/actualites/">Actualit&#233;s</a>
                        <a href="/communaute/aide-au-placement/">Aide au placement</a>
                        <a href="/communaute/bulletins-d-information/">Bulletins d&#39;information</a>
                        <a href="/communaute/evenements-a-venir-au-college-cdi/">&#201;v&#233;nements &#224; venir au Coll&#232;ge CDI</a>
                        <a href="/communaute/implication-sociale/">Implication sociale</a>
                        <a href="/communaute/politique-de-resolution-des-conflits-aec/">Politique de r&#233;solution des conflits (AEC)</a>
                        <a href="/communaute/politique-de-resolution-des-conflits-dep/">R&#233;solution des conflits, Code d’&#233;thique et Plan de lutte contre l’intimidation et la violence (DEP)</a>
                        <a href="/communaute/politique-du-college-cdi-sur-les-temoins-de-navigation/">Politique sur les t&#233;moins de navigation</a>
                        <a href="/communaute/rencontres-d-information-virtuelles/">Rencontres d&#39;information virtuelles</a>
                        <a href="/communaute/services-etudiants/">Services &#233;tudiants</a>
                        <a href="/communaute/temoignages-d-etudiants/">T&#233;moignages d&#39;&#233;tudiants</a>
                </div>

            </div>

        <div class="footer-brand">
            <div class="footer-brand-left">
                <a href="/"><img class="footer-logo-cdi" src="/files/templates/main2020/images/CDI Logo.svg" alt="Logo"></a>

                

            </div>
            <div class="footer-brand-right">
                <a href="https://twitter.com/CollegeCDI"  target="_blank">
                    <img  src="/files/templates/main2020/images/twitter-blue.svg">
                    <img src="/files/templates/main2020/images/twitter-dark-blue.svg">
                </a>

                <a href="https://www.facebook.com/CollegeCDI"  target="_blank">
                    <img  src="/files/templates/main2020/images/facebook-blue.svg">
                    <img src="/files/templates/main2020/images/facebook-dark-blue.svg">
                </a>

                <a href="https://instagram.com/CollegeCDIQC/"  target="_blank">
                    <img  src="/files/templates/main2020/images/instagram-blue.svg">
                    <img src="/files/templates/main2020/images/instagram-dark-blue.svg">
                </a>

                <a href="https://www.youtube.com/collegecdi"  target="_blank">
                    <img  src="/files/templates/main2020/images/youtube-blue.svg">
                    <img src="/files/templates/main2020/images/youtube-dark-blue.svg">
                </a>
                <a href="https://ca.linkedin.com/company/collegecdi"  target="_blank">
                    <img  src="/files/templates/main2020/images/linkedin-blue.svg">
                    <img src="/files/templates/main2020/images/linkedin-dark-blue.svg">
                </a>
            </div>
        </div>
        <div class="footer-bottom">


            <span class="font-style">
                <a class="font-style" href="/avis-legaux/">Mentions l&#233;gales</a> &#8226;
                <a class="font-style" href="/politique-de-confidentialite/">Politique de confidentialit&#233;</a> &#8226;
                <a class="font-style" onclick="manageCookies()">Gestion des témoins</a> &#8226;
                <a class="font-style" href="/carrieres" target="_blank">Carrières</a>
            </span>

            <span class="font-style">Tous droits réservés ® Collège CDI, Inc.</span>
        </div>

    </div>


</footer>


<section class="cookie_policy">
    <div class="cookie_popup">
        <div class="cookie_popup_bg"></div>

        <div class="cookie_popup_window">
            <div class="hed">
                <div class="title">
                    <img class="two-cookies" src="/Files/templates/main2020/images/two-cookies.png" />
                    <h2>Personnalisez vos choix en matière de protection de la vie privée</h2>
                </div>
                <button class="bak-arow" onclick="closeCookiePopup()">
                    <img src="/Files/templates/main2020/images/plus.png" />
                </button>
            </div>
            <div class="cookie-description">

                <div class="text">
                    <p>
                        Vous pouvez gérer vos préférences en matière d'informations personnelles. Certains témoins de navigation sont essentiels au bon fonctionnement de notre site Web et ne peuvent pas être personnalisés alors que d’autres peuvent être désactivés. Vous pouvez mettre à jour vos choix à tout moment en cliquant sur le lien fourni. Vous pouvez utiliser les boutons ci-dessous pour refuser le consentement à des activités de traitement spécifiques ou utiliser le bouton « Tout refuser ».
                    </p>
                </div>
                <div class="yes-no-cookie">
                    <button class="rejection" onclick="rejectAllCookie();">Tout refuser</button>
                    <button class="rejection" onclick="acceptAllCookie();">Tout accepter</button>
                </div>
            </div>
            <div class="cookie-form-cont">
                <h3>
                    Gérez vos préférences en matière de consentement
                </h3>
                <div class="text">
                    <p>
                        Vous pouvez déterminer vos préférences en matière de consentement pour les technologies de suivi à partir des catégories ci-dessous. Pour plus de détails sur leur fonctionnement, consultez notre Politique sur les témoins de navigation (ou « cookies »). Veuillez noter que la désactivation de certains témoins de navigation pourrait affecter certaines fonctionnalités.
                    </p>
                </div>
                <form id="cookie-custom-form">
                    <div class="form-fields">
                        <div class="input-wrapper">
                            <div class="row1">
                                <div class="lefty">
                                    <p>
                                        Témoins nécessaires
                                    </p>
                                </div>
                                <div class="righty">
                                    <button type="button" onclick="cookieDescriptionToggle(this);">Voir la description</button>
                                    <div class="custom_checkbox">
                                        <input type="checkbox" name="Necessary" id="Necessary" checked disabled />
                                        <label for="Necessary"></label>
                                        <div class="checkbox-bg"></div>
                                    </div>
                                </div>

                            </div>
                            <div class="row2">
                                <p>Ces témoins sont essentiels au fonctionnement de nos sites Web. Sans eux, vous ne pourriez pas consulter nos sites Web ni utiliser leurs fonctions de base.</p>
                            </div>
                        </div>


                        <div class="input-wrapper">
                            <div class="row1">
                                <div class="lefty">
                                    <p>
                                        Témoins de marketing
                                    </p>
                                </div>
                                <div class="righty">
                                    <button type="button" onclick="cookieDescriptionToggle(this);">Voir la description</button>
                                    <div class="custom_checkbox">
                                        <input type="checkbox" value="true" name="TargetedAdvertising" id="TargetedAdvertising" />
                                        <label for="TargetedAdvertising"></label>
                                        <div class="checkbox-bg"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="row2">
                                <p>Les témoins marketing sont de petits morceaux de code stockés sur votre appareil et/ou votre navigateur. Ils sont utilisés pour suivre votre activité en ligne à des fins de marketing et de publicité. Ces témoins peuvent aider les annonceurs à fournir des publicités plus pertinentes ou à limiter le nombre de fois que vous voyez une publicité particulière.</p>
                            </div>
                        </div>


                        <div class="input-wrapper">
                            <div class="row1">
                                <div class="lefty">
                                    <p>
                                        Témoins de préférences
                                    </p>
                                </div>
                                <div class="righty">
                                    <button type="button" onclick="cookieDescriptionToggle(this);">Voir la description</button>
                                    <div class="custom_checkbox">
                                        <input type="checkbox" value="true" name="Personalization" id="Personalization" />
                                        <label for="Personalization"></label>
                                        <div class="checkbox-bg"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="row2">
                                <p>Ces témoins stockent des données que vous avez saisies, comme votre choix de langue et votre emplacement, afin que nous puissions personnaliser votre expérience lorsque vous reviendrez sur nos sites Web.</p>
                            </div>
                        </div>

                        <div class="input-wrapper">
                            <div class="row1">
                                <div class="lefty">
                                    <p>
                                        Témoins statistiques
                                    </p>
                                </div>
                                <div class="righty">
                                    <button type="button" onclick="cookieDescriptionToggle(this);">Voir la description</button>
                                    <div class="custom_checkbox">
                                        <input type="checkbox" value="true" name="Analytics" id="Analytics" />
                                        <label for="Analytics"></label>
                                        <div class="checkbox-bg"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="row2">
                                <p>Également connus sous le nom de « témoins de performance », ces témoins recueillent des informations sur la façon dont vous utilisez un site Web, comme les pages que vous avez visitées et les liens sur lesquels vous avez cliqué.</p>
                            </div>
                        </div>

                    </div>
                    <button class="save-pref" type="button" onclick="saveCookiePreference(this);">
                        Enregistrer les préférences
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="cookie_banner">
        <div class="lefty">
            <img src="/Files/templates/main2020/images/two-cookies.png" />
            <div>
                <h3>
                    Nous respectons votre vie privée et vos préférences en matière de navigation.
                </h3>
                <p>
                    Les témoins de navigation ou « cookies » nous aident à fournir des fonctions essentielles du site, à comprendre le comportement des visiteurs, à personnaliser le contenu et à afficher des publicités ciblées.
                </p>
                <p>
                    Pour plus d’information, consultez notre <a href="/formation-en-presentiel/quebec/communaute/politique-du-college-cdi-sur-les-temoins-de-navigation/">Politique sur les témoins de navigation</a> (ou « cookies »).
                </p>
            </div>
        </div>
        <div class="righty">
            <button class="customize" onclick="openCookiePopup();">
                Personnaliser
            </button>
            <button onclick="acceptAllCookie();">
                Tout accepter
            </button>
        </div>
        <a class="banner_close_button" onclick="closeCookieBanner()">
            <img src="/Files/templates/main2020/images/plus3.svg" />
        </a>
    </div>

</section>

<link rel="stylesheet" href="/Files/templates/main2020/css/cookie-policy.css" type="text/css" async />
<script src="/Files/templates/main2020/js/cookie-policy-handler.js" defer></script>

</html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="/Files/templates/main2020/js/Site.js"></script>
<script src="/utility/files/libs/jquery/jquery.cookie.js"></script>
<script src="/utility/files/libs/hammer/hammer.min.js"></script>

<script async="" src="//www.google-analytics.com/analytics.js"></script>
<script src="/Files/templates/main2020/js/slick.js"></script>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    AOS.init({
        once: true
    });
</script>