{"id":3,"date":"2023-11-13T20:47:57","date_gmt":"2023-11-13T20:47:57","guid":{"rendered":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/home/"},"modified":"2024-07-01T12:41:21","modified_gmt":"2024-07-01T16:41:21","slug":"home","status":"publish","type":"page","link":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"shortcode-row\">\n<div class=\"mobile-full tablet-full desktop-8 \" style=\"padding: 0; text-align:;\">\n\n        <style>\n            .buttons-navo {\n                width: 100%;\n                max-width: 100%;\n                box-sizing: border-box;\n\n            }\n            @media only screen and (min-width: 769px) {\n                .buttons-navo.dc-col-2, .buttons-navo.dc-col-3 {\n                    max-width: 50% !important;\n                    width: 100% !important;\n                }\n            }\n            @media only screen and (min-width: 789px) {\n                .buttons-navo.dc-col-4 {\n                    max-width: 50% !important;\n                    width: 100% !important;\n                }\n            }\n            @media only screen and (min-width: 980px) {\n                .buttons-navo.dc-col-4 {\n                    max-width: 25% !important;\n                    width: 100% !important;\n                }\n            }\n\n            .child-block {\n                padding: 10px;\n                background: #d3eaff;\n                margin-bottom: 15px;\n\n            }\n\n            .child-block-title {\n                display: block;\n                margin-bottom: 5px;\n                font-weight: 600;\n            }\n\n            .child-block-excerpt {\n                font-size: 13px;\n                line-height: 1.4;\n                display: block;\n            }\n\n            .cp-block {\n                border-top: 1px solid #53b1a6;\n                display: flex;\n                flex-flow: column;\n                width: 100%;\n            }\n\n            .cp-block figcaption {\n                background: #fff;\n                flex: 1;\n            }\n\n            .cp-block h2 {\n                margin: 0;\n            }\n\n            .buttons-navo {\n                /* display: flex;\n\t\t\tflex-flow: row wrap; */\n\n            }\n\n            /* .buttons-navo > div{\n\t\t\twidth: 50%;\n\t\t} */\n\n            .buttons-nav {\n                text-align: center;\n            }\n\n            .buttons-nav a {\n                display: block;\n                position: relative;\n                color: #fff;\n                font-size: 30px;\n                text-transform: uppercase;\n            }\n\n            .buttons-nav a::after {\n                position: absolute;\n                background: rgb(3, 25, 64);\n                background: rgba(0, 30, 58, 0.7);\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                z-index: 1;\n                display: block;\n                content: \"\";\n                /*background: linear-gradient(to bottom, #045ccb 0%,#024bcb 25%,#003189 75%,#021436 100%);*/\n                opacity: 0.75;\n            }\n\n            .buttons-nav a.green:after {\n                background: #0e7d17;\n            }\n\n            .buttons-nav a.blue:after {\n                background: #165ea0;\n            }\n\n            .buttons-nav a.purple:after {\n                background: #711bb9;\n            }\n\n            .buttons-nav a.orange:after {\n                background: #bb6208;\n            }\n\n            .buttons-nav a.red:after {\n                background: #bd5276;\n            }\n\n            .buttons-nav figcaption>div {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                z-index: 2;\n                transition: all 0.35s ease;\n                text-align: center;\n            }\n\n            .buttons-nav strong {\n                transition: all 0.35s ease;\n                display: block;\n                width: 100%;\n                text-align: center;\n                font-weight: 500;\n            }\n\n            .buttons-nav>div {\n                margin-bottom: 2%;\n            }\n\n            .buttons-nav p {\n                text-align: center !important;\n            }\n\n            .buttons-nav figcaption>div {\n                transform: translate(-50%, -50%);\n            }\n\n            .cp-block > a {\n                border-right: 1px solid #d1d1d1;\n            }\n\n            .buttons-navo:last-child .cp-block > a {\n                border: none;\n            }\n\n            .learn-more {\n                display: inline-block;\n                white-space: nowrap;\n                padding: 10px 15px;\n                background: #548ec4;\n                color: #fff;\n                border-radius: 2px;\n                text-decoration: none;\n                margin-top: 20px;\n            }\n\n            .icon {\n                padding: 20px;\n                text-align: center;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid #d5d5d5;\n                border-top: none;\n                border-bottom: none;\n            }\n\n            .icon i {\n                font-size: 120px;\n                color: #7b7b7b;\n            }\n\n            @media only screen and (min-width: 980px) {\n\n                .buttons-nav a.effect-roxy {\n                    overflow: hidden;\n                }\n\n                .buttons-nav figcaption>div {\n                    transform: translate(-50%, -30%);\n                }\n\n                .buttons-nav a.effect-roxy img {\n                    width: 100%;\n                    height: auto;\n                    /*width: -webkit-calc(100% + 60px);*/\n                    /*width: calc(100% + 60px);*/\n                    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n                    transition: all 0.35s, transform 0.35s;\n                    /*-webkit-transform: translate3d(-50px,0,0);*/\n                    /*transform: translate3d(-50px,0,0);*/\n                }\n\n                .buttons-nav a.effect-roxy figcaption::before {\n                    position: absolute;\n                    top: 30px;\n                    right: 30px;\n                    bottom: 30px;\n                    left: 30px;\n                    border: 1px solid #fff;\n                    border: 1px solid rgba(255, 255, 255, 0.5);\n                    content: '';\n                    opacity: 0;\n                    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n                    transition: opacity 0.35s, transform 0.35s;\n                    -webkit-transform: translate(-20px, 0);\n                    transform: translate(0, 20px);\n                    z-index: 2;\n                }\n\n                .buttons-nav a.effect-roxy figcaption {\n                    padding: 5em;\n                    text-align: left;\n                }\n\n                .buttons-nav a.effect-roxy h2 {\n                    padding: 30% 0 10px 0;\n                }\n\n                .buttons-nav a.effect-roxy p {\n\n                    opacity: 0;\n                    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n                    transition: opacity 0.35s ease, transform 0.35s ease;\n                    -webkit-transform: translate(-10px, 0);\n                    transform: translate(0px, 25px);\n                }\n\n                .buttons-nav a.effect-roxy:hover img {\n                    opacity: 0.7;\n                    transform: translate(-50%, -50%) scale(1.4);\n                }\n\n                .buttons-nav a.effect-roxy:hover figcaption::before,\n                .buttons-nav a.effect-roxy:hover p {\n                    opacity: 1;\n                    -webkit-transform: translate(0, 0);\n                    transform: translate(0, 0);\n                }\n\n                .buttons-nav a.effect-roxy:hover figcaption>div {\n                    /*max-height: 2em;*/\n                    /*overflow-y: hidden;*/\n                    transform: translate(-50%, -50%);\n                }\n\n                .buttons-nav a.effect-roxy:hover figcaption>div {\n                    /*max-height: 800px;*/\n\n                }\n\n                .buttons-nav .effect-roxy img {\n                    /*max-width: none;*/\n                    /*width: -webkit-calc(100% + 60px);*/\n                    /*width: calc(100% + 60px);*/\n                    /*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/\n                    /*transition: opacity 0.35s, transform 0.35s;*/\n                    /*-webkit-transform: translate3d(-50px,0,0);*/\n                    /*transform: translate3d(-50px,0,0);*/\n                }\n\n                .buttons-nav img {\n                    position: absolute;\n                    top: 50%;\n                    left: 50%;\n                    transform: translate(-50%, -50%);\n                    display: block;\n                    min-height: 100%;\n                    max-width: 100%;\n                    opacity: 0.8;\n                    margin: 0;\n                }\n\n                .buttons-nav figcaption {\n                    width: 100%;\n                    height: 100%;\n                    padding: 2em;\n                    color: #fff;\n                    text-transform: uppercase;\n                    font-size: 1.25em;\n                    -webkit-backface-visibility: hidden;\n                    backface-visibility: hidden;\n                }\n\n            }\n        </style>\n\n\n<div class=\"buttons-navo dc-col-3\" style=\"display:flex;\"><div class=\"cp-block \" style=\"margin-bottom:30px;\"><div class=\"icon\" style=\"background-color:transparent\"><i class=\"fa fa-refresh\" aria-hidden=\"true\"></i></div><figcaption style=\"padding: 20px; border: 1px solid #f0f0f0;\"><div class=\"meta\" style=\"display: flex; flex-flow: column; justify-content: space-between; height: 100%;\"><div class=\"info\"><h2 style=\"font-size: 22px;\">Améliorez vos compétences.</h2><p style=\"color: #464646;\">&nbsp;</p>\n\t\t<style>\n\t\t\t.dc_btn_wrap.inline-block {\n\t\t\t\tmargin-right: 25px;\n\t\t\t}\n\n\t\t\t.buttons-group {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: column;\n\t\t\t}\n\n\t\t\t@media only screen and (min-width: 740px) {\n\n\t\t\t\t.buttons-group {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t}\n\t\t\t\t.buttons-group.justify-space-between {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t}\n\n\t\t\t\t.buttons-group.columns-2>div {\n\n\t\t\t\t\twidth: 48%;\n\t\t\t\t}\n\n\t\t\t\t.buttons-group.columns-3>div {\n\n\t\t\t\t\twidth: 32%;\n\t\t\t\t}\n\n\t\t\t\t.buttons-group.columns-4>div {\n\n\t\t\t\t\twidth: 24%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.buttons-group>div {\n\t\t\t\t/* width: 100%; */\n\t\t\t\talign-items: stretch;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t.buttons-group.inline-block>div {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: auto;\n\t\t\t}\n\n\t\t\t.buttons-group .dc_btn {\n\n\t\t\t\tjustify-content: center;\n\t\t\t\twidth: 100%;\n\t\t\t\tflex-direction: initial;\n\t\t\t\tpadding: 20% 10%;\n\n\t\t\t}\n\n\t\t\t.dc_btn {\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 20px;\n\t\t\t\tpadding: 1rem;\n\t\t\t\tcolor: #000;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin: 2px 2px 0px 0px;\n\t\t\t\tfont-weight: normal !important;\n\t\t\t\t/*display: flex;\n\t\t\t\talign-items: center;*/\n\t\t\t\t/*flex-direction: row-reverse;*/\n\t\t\t\tfont-family: \"Open Sans\", Arial, sans-serif;\n\t\t\t\t/**  Oswald,  */\n\t\t\t\tletter-spacing: 0.6px;\n\t\t\t\t/* text-transform: uppercase; */\n\t\t\t\tborder-radius: 30px;\n\t\t\t}\n\n\t\t\t.buttons-group .dc_btn {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.content a.dc_btn::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.dc_btn i.fa {\n\t\t\t\tmargin-left: -5px;\n\t\t\t\tfont-size: 2rem;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/* vertical-align: middle; */\n\t\t\t}\n\n\t\t\t.dc_btn.dcmc_btn i.fa {\n\t\t\t\tmargin-right: -2px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.dc_btn.blue {\n\t\t\t\tbackground: #548ec4;\n\t\t\t\tbackground-color: #3D77AE;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.red {\n\t\t\t\tbackground: #bd5276;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.green {\n\t\t\t\tbackground: #41a849;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.orange {\n\t\t\t\tbackground: #e6882a;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.purple {\n\t\t\t\tbackground: #7248ae;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.black {\n\t\t\t\tbackground: #000000;\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: 1px solid #000;\n\t\t\t}\n\n\t\t\ta.dc_btn.black:hover {\n\t\t\t\tbackground: #fff;\n\t\t\t\tborder: 1px solid #000;\n\t\t\t\tcolor: #000 !important;\n\t\t\t}\n\n\t\t\t.clear-both {\n\t\t\t\tclear: both;\n\t\t\t}\n\n\t\t\ta.dc_btn:hover {\n\t\t\t\tbackground: #000;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\ta.dc_btn:visited {\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\ta.dc_btn:active {\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.dc_btn.big,\n\t\t\t.dc_btn.large {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 30px;\n\t\t\t\tpadding: 15px 20px;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t.dc_btn.icon_only {\n\t\t\t\tbackground: transparent;\n\t\t\t\tpadding: 5px 10px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tborder-radius: 10px;\n\t\t\t}\n\n\t\t\t.dc_btn.icon_only i.fa {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.dc_btn i {}\n\n\t\t\t.icon_only i {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: inherit;\n\t\t\t\tfont-size: 32px;\n\t\t\t}\n\n\t\t\t.dcmc_btn {\n\t\t\t\tcursor: auto;\n\t\t\t\tline-height: 30px;\n\t\t\t\tdisplay: block;\n\t\t\t\tdisplay: flex;\n\t\t\t\tbackground: #222;\n\t\t\t\tbox-shadow: -10px 0 0 rgb(47, 146, 56), -20px 0 0 rgb(93, 40, 128), -30px 0 0 rgb(218, 129, 25), -40px 0 0 rgb(24, 131, 199);\n\t\t\t\tcolor: #fff;\n\t\t\t\tmargin-left: 40px;\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t/*a.dcmc_btn[href$=pdf]{ display: block; display: flex; }*/\n\t\t\t/*.dcmc_title{ font-size:30px; line-height: 35px; font-family:Oswald, \"Open Sans\", Arial, sans-serif; display:block; letter-spacing:1px; text-transform: uppercase;}*/\n\t\t\t/*.dcmc_desc{ font-size:16px; letter-spacing:0.7px; font-family:Oswald, \"Open Sans\", Arial, sans-serif; display:block; text-transform: uppercase; padding: 0 1rem;}*/\n\t\t\t/*.dcmc_btn i{ float: right; font-size: 3em; }*/\n\t\t\t/*a.dcmc_btn::before{ content: \"\"; display: none;}*/\n\t\t\t/*.dcmc_btn.small{ padding: 20px 20px 15px 20px; line-height: 22px; box-shadow: -10px 0 0 #2f9238,-20px 0 0 #5d2880,-30px 0 0 #da8119,-40px 0 0 #1883c7; margin-left:40px; margin-bottom: 10px;}*/\n\t\t\t/*.dcmc_btn.small .dcmc_title{ font-size: 20px; line-height: 22px; font-weight: 400;}*/\n\t\t\t/*.dcmc_btn.small .dcmc_desc{ font-size: 13px;}*/\n\t\t\t/*.dcmc_btn.small i{ font-size: 2em;}*/\n\n\t\t\t/*.dcmc_btn.light{ !* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 *!*/\n\t\t\t/*background: #ffffff; !* Old browsers *!*/\n\t\t\t/*background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); !* FF3.6-15 *!*/\n\t\t\t/*background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); !* Chrome10-25,Safari5.1-6 *!*/\n\t\t\t/*background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/\n\t\t\t/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); !* IE6-9 *!*/\n\t\t\t/*border: 1px solid #C7C7C7;*/\n\t\t\t/*border-left: none;*/\n\t\t\t/*color: #000;*/\n\t\t\t/*}*/\n\t\t\t/*.dcmc_btn i{ float: right; font-size: 3em; }*/\n\t\t\t/*.dcmc_btn.light i{ }*/\n\n\t\t\t/*.dcmc_btn.round20{ border-radius: 20px; }*/\n\t\t\t/*.dcmc_btn.round10{ border-radius: 10px; }*/\n\t\t\t/*.dcmc_btn.round5{ border-radius: 5px; }*/\n\n\n\t\t\t.btn-dc-light {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tpadding: 12px 14px;\n\t\t\t\tborder-top-left-radius: 5px;\n\t\t\t\tborder-bottom-left-radius: 5px;\n\t\t\t\tposition: relative;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tcolor: #3878c2 !important;\n\t\t\t\tbox-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t\tfont-weight: 400 !important;\n\t\t\t\tfont-size: 14px !important;\n\t\t\t\tfont-size: 1.4rem !important;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\n\t\t\t.btn-dc-light:after {\n\t\t\t\tbackground-color: #4fc2c4;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 50px;\n\t\t\t\tbackground-image: url('/wp-content/themes/dawson-college-2022/images/2022/icons/right-arrow-white.svg');\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-size: 75%;\n\t\t\t\tborder-top-right-radius: 5px;\n\t\t\t\tborder-bottom-right-radius: 5px;\n\n\t\t\t}\n\n\t\t\t.btn-dc-dark span {\n\t\t\t\tbackground-color: #0b58b4;\n\t\t\t\tpadding: 12px 14px;\n\t\t\t\tborder-top-left-radius: 5px;\n\t\t\t\tborder-bottom-left-radius: 5px;\n\t\t\t}\n\n\t\t\t.btn-dc-dark {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\t/* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1;\n\t\t\t\tfont-weight: 400 !important;\n\t\t\t\tfont-size: 14px !important;\n\t\t\t\tfont-size: 1.4rem !important;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tpadding-right: 50px;\n\t\t\t}\n\n\t\t\ta.btn-dc-dark::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\t\t\t.btn-dc-dark span{\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-block!important;\n\t\t\t}\n\t\t\t\n\t\t\t.btn-dc-dark span:after {\n\t\t\t\tbackground-color: #4fc2c4;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 50px;\n\t\t\t\tbackground-image: url('/wp-content/themes/dawson-college-2022/images/2022/icons/right-arrow-white.svg');\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-size: 75%;\n\t\t\t\tborder-top-right-radius: 5px;\n\t\t\t\tborder-bottom-right-radius: 5px;\n\t\t\t\ttransition: all 0.1s ease;\n\t\t\t}\n\n\t\t\t.btn-dc-dark:hover span {\n\t\t\t\tbox-shadow: -1px 0 0 #4fc2c4, inset 0 -1px 0 #4fc2c4, inset 0px 0 0 #4fc2c4, inset 0 1px 0 #4fc2c4;\n\t\t\t\tbackground-color: #fff!important;\n\t\t\t\tcolor: #0b58b4;\n\t\t\t}\n\n\t\t\t/* .btn-dc-dark:hover{\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: #0b58b4!important;\n\t\t} */\n\n\t\t\t@media only screen and (max-width: 740px) {\n\t\t\t\t.dcmc_btn {\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tbox-shadow: -12px 0 0 rgb(47, 146, 56), -24px 0 0 rgb(93, 40, 128), -36px 0 0 rgb(218, 129, 25), -48px 0 0 rgb(24, 131, 199);\n\t\t\t\t\tpadding: 15px 15px 12px;\n\t\t\t\t\tmargin-left: 48px;\n\t\t\t\t}\n\n\t\t\t\t.dcmc_title {\n\t\t\t\t\tfont-size: 22px;\n\t\t\t\t}\n\n\t\t\t\t.dcmc_desc {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 500px) {\n\t\t\t\t.dcmc_btn {\n\t\t\t\t\tbox-shadow: -8px 0 0 rgb(47, 146, 56), -16px 0 0 rgb(93, 40, 128), -24px 0 0 rgb(218, 129, 25), -32px 0 0 rgb(24, 131, 199);\n\t\t\t\t\tpadding: 10px 10px;\n\t\t\t\t\tmargin-left: 32px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t}\n\n\t\t\t\t.dcmc_title {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t}\n\n\t\t\t\t.dcmc_desc {\n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\n\t\t<div class=\"dc_btn_wrap \" style=\"text-align:left; display:block;\"><a style=\"  font-size:1.4rem;  \" class=\"btn-dc-dark blue  \" href=\"https://dawson-ctd.omnivox.ca/cncr/Main.ovx?Ref=13331743408&amp;C=DAC&amp;L=ANG&amp;TM=1\"><span style=\"display:block; align-items:center; height:100%;\">Cours sans crédit</span></a></div></div></div></figcaption></div></div>\n</div><div class=\"mobile-full tablet-full desktop-8 \" style=\"padding: 0; text-align:;\">\n<div class=\"buttons-navo dc-col-3\" style=\"display:flex;\"><div class=\"cp-block \" style=\"margin-bottom:30px;\"><div class=\"icon\" style=\"background-color:transparent\"><i class=\"fa fa-sitemap\" aria-hidden=\"true\"></i></div><figcaption style=\"padding: 20px; border: 1px solid #f0f0f0;\"><div class=\"meta\" style=\"display: flex; flex-flow: column; justify-content: space-between; height: 100%;\"><div class=\"info\"><h2 style=\"font-size: 22px;\">S'engager sur une nouvelle voie.</h2><p style=\"color: #464646;\">Commencez un nouveau cheminement de carrière avec nos programmes intensifs pour adultes.</p><div class=\"dc_btn_wrap \" style=\"text-align:left; display:block;\"><a style=\"  font-size:1.4rem;  \" class=\"btn-dc-dark blue  \" href=\"https://fr.dawsoncollege.qc.ca/campus-life/recreation\"><span style=\"display:block; align-items:center; height:100%;\">En savoir plus sur les AEC</span></a></div></div></div></figcaption></div></div>\n</div>\n<div class=\"mobile-full tablet-full desktop-8 \" style=\"padding: 0; text-align:;\">\n<div class=\"buttons-navo dc-col-3\" style=\"display:flex;\"><div class=\"cp-block \" style=\"margin-bottom:30px;\"><div class=\"icon\" style=\"background-color:transparent\"><i class=\"fa fa-check\" aria-hidden=\"true\"></i></div><figcaption style=\"padding: 20px; border: 1px solid #f0f0f0;\"><div class=\"meta\" style=\"display: flex; flex-flow: column; justify-content: space-between; height: 100%;\"><div class=\"info\"><h2 style=\"font-size: 22px;\">Restez sur la bonne voie.</h2><p style=\"color: #464646;\">&nbsp;</p><div class=\"dc_btn_wrap \" style=\"text-align:left; display:block;\"><a style=\"  font-size:1.4rem;  \" class=\"btn-dc-dark blue  \" href=\"https://dawson-ctd.omnivox.ca/cncr/Main.ovx?Ref=13331743408&amp;C=DAC&amp;L=ANG&amp;TM=1\"><span style=\"display:block; align-items:center; height:100%;\">Programmes DEC</span></a></div></div></div></figcaption></div></div>\n</div>\n</div>\n\n\t\t<style>\n\t\t\t.imgtxt {\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tposition: relative;\n\t\t\t\tmargin-top: 40px!important;\n\t\t\t\tmargin-top: 4rem!important;\n\t\t\t\tmargin-bottom: 40px!important;\n\t\t\t\tmargin-bottom: 4rem!important;\n\t\t\t\t/* min-height: 420px; */\n\t\t\t}\n\t\t\t\n\t\t\t.imgtxt .imgtxt-img {\n\t\t\t\t\t\n\t\t\t}\n\n\t\t\t.imgtxt-img.right .image{\n\t\t\t\tright:0;\n\t\t\t\tleft:auto;\n\t\t\t}\n\n\t\t\t.imgtxt .image {\n\t\t\t\tbackground-size:cover; \n\t\t\t\tbackground-position:center; \n\t\t\t\t\n\t\t\t}\n\n\t\t\t.imgtxt .image {\n\t\t\t\t\twidth:100%; \n\t\t\t\t\tpadding: 50%;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tborder-radius: 6px;\n\t\t\t}\n\n\t\t\t@media screen and (max-width:980px) {\n\t\t\t\t.imgtxt {\n\t\t\t\t\tflex-flow: column !important;\n\t\t\t\t}\n\t\t\t\t.imgtxt-txt {\n\t\t\t\t\tpadding: 0px 40px 40px 40px!important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media screen and (min-width: 979px) {\n\t\t\t\t.imgtxt .image {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\n\t\t\t\t\theight:100%;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.imgtxt-img {\n\t\t\t\t\tpadding: 0 30px 0 0;\n\t\t\t\t}\n\n\t\t\t\t.imgtxt-img.right {\n\t\t\t\t\tpadding: 0 0 0 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.imgtxt>div:first-child img {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.imgtxt>div:last-child {\n\t\t\t\t\t\t\t}\n\n\n\n\n\n\n\t\t\t.tile-content .sub-title {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tcolor: #135cb2;\n\t\t\t}\n\n\t\t\t.tile-content h2 {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tfont-size: 38px;\n\t\t\t\tletter-spacing: 1.4px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: 1.2;\n\t\t\t\tcolor: #04316c;\n\t\t\t}\n\n\t\t\t\t\t</style>\n\n\t\t<div class=\"imgtxt\" style=\"clear:both; overflow:hidden; display:flex; flex-flow:row wrap; background-color:#eee;   align-items:center; justify-content:space-around; min-height:420px;\"><div class=\"imgtxt-img desktop-12 tablet-full mobile-full contained\"><img decoding=\"async\" alt=\"\" src=\"https://www.dawsoncollege.qc.ca/active-learning/wp-content/uploads/sites/83/dawson2013_0510-e1581701601899.jpg\"><div style=\"display:block; font-style:italic; font-size:13px; text-align:center; margin-top:10px; color:#555;\"></div></div><div class=\"imgtxt-txt desktop-10 tablet-full mobile-full contained tile-content\" style=\"\"><h3>Test de langue française</h3>\n<p>Le Collège Dawson est un partenaire officiel de test TEF.</p>\n<p></p><div class=\"dc_btn_wrap \" style=\"text-align:left; display:block;\"><a style=\"  font-size:16px;  \" class=\"btn-dc-dark blue  \" href=\"#\"><span style=\"display:block; align-items:center; height:100%;\">S'inscrire ici</span></a></div><p></p>\n</div></div>\n<h2>Événements à venir</h2>\nAucun événement\n<h2 style=\"text-align: center;\">Témoignages</h2>\n\n\t\t<style>\n            .testimonials .slick-list{ height: auto!important; }\n\t\t\t@media only screen\n\t\t\tand (max-width: 739px) {\n\n\t\t\t}\n\n\t\t\t.no-js .testimonials{ display: block;}\n            .testimonials{ height:115px; visibility: hidden; opacity: 0; transition: all 1s ease; position: relative; margin-top: 30px; margin-bottom: 0;}\n\t\t\t.testimonials.slick-initialized{  margin-top: 10px; visibility: visible; opacity: 1; height: auto; }\n\t\t\t.testimonials.slick-initialized .slick-slide{ padding: 20px!important; margin-top: 30px;\n\t\t\t\t/*border-bottom: 5px solid #609ac7; background: #f5f4f4;*/\n\t\t\t}\n            ul.slick-dots{ bottom: auto; text-align: center; top: 10px; left:0; margin:0; padding:0; }\n            .slick-dots li button::before{ font-size: 16px;}\n\t\t\t.testimonials .quoteBy{ color:#619ac7; }\n\t\t\t.testimonials div.slick-slide:nth-child(3n+2) .quoteBy{color:#db6c17;}\n\t\t\t.testimonials div.slick-slide:nth-child(3n+3) .quoteBy{color:#7cb42f; }\n\n\t\t\t.testimonials .testimonial + .testimonial{ display: none; }\n\t\t\t.testimonials.slick-initialized .testimonial + .testimonial{ display: block;}\n\t\t\t.testimonials p{ margin-top: 0; color: #888; line-height: 1.4; font-size: 1.2em; font-style: italic; margin-bottom: 10px; overflow:hidden; }\n\t\t\t.testimonials .quoteBy{ text-align: right; font-size: 16px; font-weight: bold; margin:20px 0 0;}\n\t\t\t.read-btn{ color: #000; }\n\n\t\t\t@media only screen\n\t\t\tand (min-width: 740px) {\n\t\t\t\t.test{ position:absolute; top:-100px; line-height: 0.7; cursor: pointer;  }\n\t\t\t\t.test:hover:before{ color: #619ac7;}\n\t\t\t\t.test:before{ color: #619ac7; font-size: 130px; }\n\t\t\t\t.test.fa-angle-left{ right: 80px;}\n\t\t\t\t.test.fa-angle-right{ right: 0px;}\n\t\t\t\t.testimonials{ padding: 0px 20px 10px 20px;}\n\n\t\t\t\t/*.testimonial p{ max-height: 1000px;}*/\n\t\t\t\t/*.testimonial a{ display: none!important;}*/\n\t\t\t\t.testimonials p::after{\n\t\t\t\t\tcontent:\"\\f10d\";\n\t\t\t\t\tfont-family: fontAwesome;\n\t\t\t\t\tfont-size: 150px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft:0;\n\t\t\t\t\ttop:0;\n\t\t\t\t\tcolor: #efefef;\n\t\t\t\t\tz-index: -2;\n\t\t\t\t}\n\t\t\t}\n\n\n\n\n\t\t</style>\n\n\t\t<script>\n            jQuery(document).ready(function($) {\n            \tvar testimonials = $('.testimonials');\n                testimonials.slick({\n                    //lazyLoad: 'progressive',//ondemand\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                    autoplay: true,\n                    autoplaySpeed: 10000,\n                    dots: true,\n                    arrows: false,\n                    fade: true,\n                    // centerMode:true,\n                    infinite: true,\n                    swipe: false,\n                    adaptiveHeight: true,\n                    cssEase: \"linear\",\n                    responsive: [{\n                        breakpoint: 740,\n                        settings: {\n                            swipe: true,\n                            slidesToShow: 1,\n                            slidesToScroll: 1,\n                            arrows: false,\n                            centerMode: true\n                        }\n                    }],\n                    nextArrow: '<i class=\"fa fa-angle-right test\"></i>',\n                    prevArrow: '<i class=\"fa fa-angle-left test\"></i>',\n                });\n\n\n                $('.testimonial p:first-child').readmore({\n                    collapsedHeight: 115,\n                    moreLink: '<a class=\"read-btn more\" href=\"#\"><span class=\"read-more-blur\"></span>More <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i></a>',\n                    lessLink: '<a class=\"read-btn less\" href=\"#\">Less <i class=\"fa fa-minus-circle\" aria-hidden=\"true\"></i></a>',\n                    heightMargin: 20,\n                    beforeToggle: function (trigger, element, expanded) {\n                    \t                    \n                    \t//console.log(expanded);\n\n                        if (expanded && window.innerHeight < 600) { // The \"Close\" link was clicked\n\n                            setTimeout(function () {\n\n                                $('html, body').animate({scrollTop: element.offset().top - 100}, {duration: 800});\n\n                            }, 200);\n                        }\n                    },\n                    afterToggle: function(trigger, element, expanded){\n\n                    \tconsole.log(expanded);\n\n                    \tif (expanded) {\n\t\t\t\t\t\t\ttestimonials.slick('slickPause');\n                    \t}else{\n                    \t\ttestimonials.slick('slickPlay');\n                    \t}\n\n                    }\n                });\n\n                //bind our event here, it gets the current slide and pauses the video before each slide changes.\n                $(\".testimonials\").on(\"beforeChange\", function (event, slick) {\n                    var currentTestimonial;\n\n                    //find the current slide element expanded\n                    currentTestimonial = $(slick.$slider).find(\".slick-current p:first-child\");\n                    if (currentTestimonial.attr('aria-expanded') === 'true') {\n                        setTimeout(function () {\n                            currentTestimonial.readmore('toggle');\n                        }, 200);\n                    }\n\n\n                });\n            });\n\t\t</script>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>Témoignages d’événements à venir</p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/pages/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/pages"}],"about":[{"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/types/page"}],"author":[{"embeddable":true,"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/comments?post=3"}],"version-history":[{"count":2,"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/pages/3/revisions"}],"predecessor-version":[{"id":28,"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/pages/3/revisions/28"}],"wp:attachment":[{"href":"https://www.dawsoncollege.qc.ca/continuing-education-community-services/wp-json/wp/v2/media?parent=3"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}