@charset "UTF-8";
/* CSS Document */

body { display: block !important; }

div.title_site:after { opacity: 0.9; background: #4F75A1; }
div.title_site:before { background-position: center 15%; }
.media div.title_site:before { background-image: url(../images/bg_title.jpg); }
.media_3000 div.title_site:before { background-image: url(../images/bg_title_3000.jpg); }
.media_2000 div.title_site:before { background-image: url(../images/bg_title_2000.jpg); }
.media_1500 div.title_site:before { background-image: url(../images/bg_title_1500.jpg); }
.media_1280 div.title_site:before { background-image: url(../images/bg_title_1280.jpg); }
.media_1024 div.title_site:before { background-image: url(../images/bg_title_1024.jpg); }
.media_640 div.title_site:before { background-image: url(../images/bg_title_640.jpg); }
.media_480 div.title_site:before { background-image: url(../images/bg_title_480.jpg); }



/*             */
/*   HEADER    */
/*             */
header#containerHeader {
	position: fixed;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 125px;
	z-index: 35;
	
	-webkit-transition: top .3s ease-out, left .3s ease-out;
	-moz-transition: top .3s ease-out, left .3s ease-out;
	transition: top .3s ease-out, left .3s ease-out;
}

header#containerHeader:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	left: 0;
	height: 125px;
	background: #fff;
	z-index: 1;
}

header#containerHeader div.center { width: 100%; height: 100%; }

header#containerHeader a.external:after { filter: invert(29%) sepia(98%) saturate(1575%) hue-rotate(188deg) brightness(88%) contrast(101%); }



header#containerHeader span.logo {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	max-width: calc(100% - 125px);
	padding: 25px 35px;
	width: 344px;
	height: 100%;
	z-index: 1;
}

header#containerHeader span.logo:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 25px;
	right: 35px;
	bottom: 25px;
	left: 35px;
	background: url(../images/logo.svg) center center / contain no-repeat #fff;
	z-index: 1;
}

header#containerHeader span.logo a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}



header#containerHeader div#block_all_menu {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 2;
}


header#containerHeader div#block_all_menu nav.utilitaire {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	z-index: 2;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.niv0 a.niv0:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: center no-repeat;
	background-size: contain;
}

header#containerHeader div#block_all_menu > nav.utilitaire ul.niv0 li.niv0 a.niv0 span {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: -10000px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0 { width: 26px; height: 36px; }
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0:before { background: url("//general.cegepjonquiere.ca/lib/images/icn_maps.svg") center no-repeat; background-size: contain; filter: invert(16%) sepia(39%) saturate(4021%) hue-rotate(183deg) brightness(98%) contrast(103%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0 { width: 36px; height: 36px; }
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0:before { background: url("//general.cegepjonquiere.ca/lib/images/icn_user.svg") center no-repeat; background-size: contain; filter: invert(16%) sepia(39%) saturate(4021%) hue-rotate(183deg) brightness(98%) contrast(103%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(1):not(.active) a.niv0:hover:before, 
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2):not(.active) a.niv0:hover:before { filter: invert(71%) sepia(35%) saturate(2389%) hue-rotate(341deg) brightness(97%) contrast(95%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2).active a.niv0 { height: 46px; background: #F19725; }
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2).active a.niv0:before { top: 5px; right: 5px; bottom: 5px; left: 5px; }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) ul.niv1 {
	position: absolute;
	display: none;
	top: 46px;
	right: 20px;
	left: -100px;
	margin: 0;
	padding: 0;
}
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2).active ul.niv1 { display: block; }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) ul.niv1 li.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) ul.niv1 li.niv1 a.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 25px 16px 25px;
	background: #F19725;
	line-height: 1.2em;
	color: #004069;
	text-decoration: none;
	overflow: hidden;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) ul.niv1 li.niv1 a.niv1:hover { background: #FEB548; }



header#containerHeader div.block_search {
	position: relative;
	display: none;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	z-index: 2;
}

header#containerHeader div.block_search div.search {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}

header#containerHeader div.block_search input.txt {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 53px 0 15px;
	width: 280px;
	height: 34px;
	font-family: "rubikregular", Verdana;
	font-size: 1em;
	color: #000;
	border: 1px solid #005187;
	border-radius: 6px;
}

header#containerHeader div.block_search button {
	position: absolute;
	display: block;
	margin: auto 0;
	padding: 0;
	top: 0;
	right: 11px;
	bottom: 0;
	width: 28px;
	height: 28px;
	background: url("//general.cegepjonquiere.ca/lib/images/icn_loupe.svg") center no-repeat;
	background-size: contain;
	font-size: 0;
	color: #fff;
}



header#containerHeader button.btn_mobile {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 0;
	width: 125px;
	height: 125px;
	background: #004069;
	border: none;
	vertical-align: middle;
	z-index: 40;
}

header#containerHeader button.btn_mobile span.txt { position: absolute; bottom: 20px; left: -20px; right: -20px; font-family: "ubuntubold", Verdana; color: #fff; text-transform: uppercase; text-align: center; }
header#containerHeader button.btn_mobile span.icn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 25px; width: 34px; height: 50px;  }

header#containerHeader button.btn_mobile span.icn2, 
header#containerHeader button.btn_mobile span.icn2:before, 
header#containerHeader button.btn_mobile span.icn2:after {
	content: '';
	position: absolute;
	display: block;
	width: 34px;
	height: 4px;
	background: #FEB548;
	border-radius: 3px;
	cursor: pointer;
}
header#containerHeader button.btn_mobile span.icn2 { top: 30px;  }
header#containerHeader button.btn_mobile span.icn2:before { top: -10px;  }
header#containerHeader button.btn_mobile span.icn2:after { bottom: -10px; }

header#containerHeader button.btn_mobile span.icn2, 
header#containerHeader button.btn_mobile span.icn2:before, 
hheader#containerHeader button.btn_mobile span.icn2:after {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
header#containerHeader .active button.btn_mobile:focus { outline-color: #F19725; }
header#containerHeader .active button.btn_mobile span.icn2:before, 
header#containerHeader .active button.btn_mobile span.icn2:after { top: 0; }
header#containerHeader .active button.btn_mobile span.icn2 { background: transparent; }
header#containerHeader .active button.btn_mobile span.icn2:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header#containerHeader .active button.btn_mobile span.icn2:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



header#containerHeader div.menup {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 100%;
	bottom: 0;
	width: calc(100% - 125px);
	height: 100vh;
	overflow: auto;
	background: #1A3C5A;
}

header#containerHeader div.menup div.allnav {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
}

header#containerHeader div.menup div.allnav:before {
	content: "";
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30%;
	background: #004069;
}

header#containerHeader div.menup nav#navmainmenu {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

header#containerHeader div.menup nav#navmainmenu ul.niv0 {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 100;
}

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 {
	display: block;
	margin: 0;
	padding: 24px 0 0;
}

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: block;
	margin: 0 45px;
	padding: 27px 20px 30px;
	width: calc(100% - 90px);
	font-family: "rubikregular", Verdana;
	font-size: 2.285714em;
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;
}
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:focus { outline-color: #F19725; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0.activejs a.niv0 { color: #1A3C5A; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0.activejs:nth-of-type(1) a.niv0 { color: #fff; }

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0 span {
	position: relative;
	display: block;
	z-index: 2;
}

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #fff;
	z-index: 1;
	
	-webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(1) a.niv0:before { background: #FEB548; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(2) a.niv0:before { background: #638EBE; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(3) a.niv0:before { background: #FFFFFF; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:hover:before { height: 12px; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0.activejs a.niv0:before { height: 100%; }

header#containerHeader div.menup nav#navmainmenu div.submenu.niv1, header#containerHeader div.menup div.extrainfo {
	position: relative;
	display: block;
	margin: 0 45px;
	padding: 0 45px;
	width: calc(100% - 90px);
	height: 0;
	list-style: none;
	background: #fff;
	border-top: 0px solid #fff;
	z-index: 101;
	visibility: hidden;
	overflow: hidden;
	
	-webkit-transition: border .3s ease-in-out;
    -moz-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
}
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(1) div.submenu.niv1 { border-color: #FEB548; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(2) div.submenu.niv1 { border-color: #638EBE; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(3) div.submenu.niv1 { border-color: #FFFFFF; }
header#containerHeader div.menup nav#navmainmenu li.niv0.activejs div.submenu.niv1, header#containerHeader div.menup div.extrainfo { padding: 45px; height: auto; visibility: visible; border-width: 25px; }

header#containerHeader div.menup nav#navmainmenu ul.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	
	-webkit-column-width: 320px;
	-moz-column-width: 320px;
	column-width: 320px;
	
    -webkit-column-gap: 45px;
	-moz-column-gap: 45px;
	column-gap: 45px;
}

header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 0 35px;
	width: 100%;
	vertical-align: top;
	
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 a.niv1, 
header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 strong.niv1{
	position: relative;
	display: inline-block;
	margin: 0 0 6px;
	padding: 0;
	font-family: "rubikbold", Verdana;
	font-size: 1.42857em;
	font-weight: normal;
	line-height: 1.2em;
	color: #1A3C5A;
}
header#containerHeader div.menup div.extrainfo p.title {
	position: relative;
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-family: "rubikbold", Verdana;
	font-size: 1.42857em;
	font-weight: normal;
	line-height: 1.2em;
	color: #1A3C5A;
}

header#containerHeader div.menup nav#navmainmenu ul.niv2 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

header#containerHeader div.menup nav#navmainmenu ul.niv2 li.niv2 {
	position: relative;
	display: block;
	margin: 0;
	padding: 6px 0;
}

header#containerHeader div.menup nav#navmainmenu ul.niv2 li.niv2 a.niv2, 
header#containerHeader div.menup nav#navmainmenu ul.niv2 li.niv2 strong.niv2, 
header#containerHeader div.menup div.extrainfo p:not(.title) {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: "rubikregular", Verdana;
	font-size: 1.142857em;
	font-weight: normal;
	line-height: 1.2em;
	color: #1A3C5A;
	text-decoration: none;
}
.no-mobile header#containerHeader div.menup nav#navmainmenu ul.niv2 li.niv2 a.niv2:hover { text-decoration: underline; }

header#containerHeader div.menup nav#navmainmenu ul.niv2 ul { display: none; }


header#containerHeader div.menup div.extrainfo { display: none; z-index: 30; }
header#containerHeader div.menup div.extrainfo p:not(.title) { line-height: 1.6em; }

header#containerHeader div.menup div.extrainfo div.block_contact {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 50%;
	left: 0;
}

header#containerHeader div.menup div.extrainfo div.block_maps {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
}

header#containerHeader div.menup div.extrainfo div.block_maps div#maps {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url("../images/cecc_maps.jpg") center no-repeat;
	background-size: cover;
}

header#containerHeader div#block_all_menu div.menup nav.utilitaire { display: block; padding-top: 100px; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 { display: block; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li.niv0 { display: block; padding: 20px 45px; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0 { padding: 4px 0 0  50px; width: 100%; font-family: 'rubikregular', Verdana; font-size: 1.142857em; color: #fff; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0:before, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0:before { width: 36px; filter: invert(61%) sepia(88%) saturate(1017%) hue-rotate(358deg) brightness(101%) contrast(108%); }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0 span, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0 span { display: block; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2).active a.niv0 { padding: 9px 5px 5px 55px; color: #004069; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(1).active a.niv0:before, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2).active a.niv0:before { filter: invert(16%) sepia(39%) saturate(4021%) hue-rotate(183deg) brightness(98%) contrast(103%); }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(2) ul.niv1 { position: relative; top: auto; right: auto; left: auto; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li.niv0 a.niv0 { outline-color: #F19725; }

header#containerHeader div.menup div.block_search { display: block; width: 100%; padding: 20px 45px; }
header#containerHeader div.menup div.block_search *:focus { outline-color: #F19725; }
header#containerHeader div.menup div.block_search div.search { display: block; }
header#containerHeader div.menup div.block_search input.txt { display: inline-block; padding: 0 15px; width: calc(100% - 90px); height: 75px; border: none; border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; vertical-align: bottom; }
header#containerHeader div.menup div.block_search button { position: relative; display: inline-block; margin: 0; padding: 0; top: auto; right: auto; bottom: auto; width: 90px; height: 75px; background: #FEB548; vertical-align: bottom; font-size: 0; line-height: 0; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #FEB548; overflow: hidden; }
header#containerHeader div.menup div.block_search button:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	background: url("//general.cegepjonquiere.ca/lib/images/icn_loupe.svg") center no-repeat;
	background-size: contain;
	filter: invert(16%) sepia(22%) saturate(6695%) hue-rotate(183deg) brightness(99%) contrast(101%);
}
/*             */
/* FIN HEADER  */
/*             */












/*             */
/*    MAIN     */
/*             */
main#containerMain {
	position: relative;
	display: block;
	margin: 0;
	padding: 125px 0 0;
	width: 100%;
	left: 0;
	opacity: 1;
	z-index: 3;
	
	-webkit-transition: opacity .3s ease-out, left .3s ease-out;
	-moz-transition: opacity .3s ease-out, left .3s ease-out;
	transition: opacity .3s ease-out, left .3s ease-out;
}

body.home div.title_site {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: -10000px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}


main#containerMain section.section {
	position: relative;
	display: block;
	margin: 0;
	padding: 45px 0;
	z-index: 1;
}
main#containerMain section.section.block_section { padding-bottom: 0; }

main#containerMain section.section h2.title_section {
	position: relative;
	display: block;
	margin: 0 0 45px;
	padding: 90px 0 0;
	width: 100%;
	font-family: "rubikbold", Verdana;
	font-size: 1.5714em;
	color: #004069;
}

main#containerMain section.section h2.title_section:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: -110px;  
	width: 100%;
	height: 67px;
	background: url("//general.cegepjonquiere.ca/lib/images/title_bg_cecc.svg") left top no-repeat;
	background-size: contain;
}

main#containerMain section.section h3.icn, main#containerMain section.section h3.title_module {
	position: relative;
	display: block;
	margin: 0 0 45px;
	padding: 90px 0 0;
	width: 100%;
	font-family: "rubikbold", Verdana;
	font-size: 2.285714em;
	color: #004069;
}
main#containerMain section.section h3.title_module { padding: 0; }

main#containerMain section.section h3.icn:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 9px;
	left: 0;  
	width: 100%;
	height: 50px;
	background: left top / contain no-repeat;
	filter: invert(69%) sepia(93%) saturate(1391%) hue-rotate(339deg) brightness(95%) contrast(99%);
	z-index: 2;
}
main#containerMain section.section h3.icn.icn_aime:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_coeur.svg"); }
main#containerMain section.section h3.icn.icn_avantage:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_etoile.svg"); }
main#containerMain section.section h3.icn.icn_devenir:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_valise.svg"); }
main#containerMain section.section h3.icn.icn_environnement:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_environnement.svg"); }
main#containerMain section.section h3.icn.icn_tache:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_marteau.svg"); }
main#containerMain section.section h3.icn.icn_travail:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_marteau.svg"); }
main#containerMain section.section h3.icn.icn_university:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_university.svg"); }

main#containerMain section.section div.block_all_section {
	position: relative;
	display: block;
	margin: 0;
	padding: 45px 0 0;
	width: 100%;
}

main#containerMain section.section div.block_section {
	position: relative;
	display: block;
	margin: 0;
	padding: 45px 0 90px;
	width: 100%;
	overflow: hidden;
}
main#containerMain section.section:nth-of-type(1) div.block_section:nth-of-type(1) { padding: 0 0 45px; }
main#containerMain section.section div.block_section:first-of-type { padding: 0 0 45px; }
main#containerMain section.section div.block_section:nth-of-type(2n) { background: #e7e7e7; }
main#containerMain section.section div.block_section div.center { z-index: 2; }


main#containerMain button#btn_archives { margin-bottom: 45px; }



main#containerMain section.block_urgence h2 { font-family: "rubikbold", Verdana; }
main#containerMain section.block_urgence h3 { font-family: "ubuntubold", Verdana; }



/*              */
/*    SPLASH    */
/*              */
	main#containerMain section#section_main { padding: 0 0 125px; }

	section#section_main div.center { height: 100%; }

	main#containerMain section#section_main h2.title_section {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		left: -10000px;
		width: 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		opacity: 0;
		overflow: hidden;
		z-index: -1;
	}

	section#section_main div.block_all_main {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}

	section#section_main div.block_main {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 50%;
		min-height: 420px;
	}
	section#section_main div.block_main:nth-of-type(3) { margin-top: 10%; }

	section#section_main div.block_main div.image {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 420px;
		background: center no-repeat;
		background-size: cover;
		z-index: 1;
	}
	section#section_main div.block_main:nth-of-type(1) div.image { bottom: auto; right: -10%; left: -10%; width: auto; height: 135%; min-height: 600px; }

	section#section_main div.block_main div.image:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	section#section_main div.block_main:nth-of-type(1) div.image:after {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #4F75A1;
		opacity: 0.1;
		z-index: 2;
	}
	section#section_main div.block_main:nth-of-type(1) div.image:before { background: #fff; opacity: 0.8; }
	section#section_main div.block_main:nth-of-type(2) div.image { background-color: #4F75A1; background-blend-mode: multiply; }
	section#section_main div.block_main:nth-of-type(3) div.image { background-color: #004069; background-blend-mode: multiply; }

	section#section_main div.block_main div.txt {
		position: absolute;
		display: block;
		margin: 0 auto;
		padding: 45px 0;
		top: 50%;
		right: 45px;
		left: 45px;
		width: 70%;
		max-width: 640px;
		font-family: "rubikbold", Verdana;
		text-align: center;
		transform: translate(0, -50%);
		z-index: 2;
	}
	section#section_main div.block_main:nth-of-type(2) div.txt { top: 0; transform: none; }
	section#section_main div.block_main:nth-of-type(3) div.txt { margin: 0; right: auto; text-align: left; }

	section#section_main div.block_main div.txt div.txt_design { font-size: 0.5em; }

	section#section_main div.block_main div.txt h3 { display: none; }

	section#section_main div.block_main div.txt span,
	section#section_main div.block_main div.txt strong { display: inline-block; }
	section#section_main div.block_main div.txt div.txt_design strong { font-size: 3.5714em; font-weight: normal; color: #fff; line-height: 1em; text-transform: uppercase; }
	section#section_main div.block_main:nth-of-type(1) div.txt div.txt_design strong { color: #004069; }

	section#section_main div.block_main div.txt a { margin: 45px 0 0; }
/*              */
/* FIN SPLASH   */
/*              */



/*              */
/*     NEWS     */
/*              */
	main#containerMain div.block_all_archives {
		position: relative;
		display: flex;
		margin: 25px 0 0;
		padding: 0;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 45px
	}

	main#containerMain div.block_all_archives div.block_news {
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
		background: none;
		border-radius: 0px;
		flex-direction: column;
		overflow: hidden;
	}

	main#containerMain div.block_all_archives div.block_news div.image {
		position: relative;
		display: block;
		margin: 0;
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
		z-index: 1;
	}

	main#containerMain div.block_all_archives div.block_news div.image:before {
		content: "";
		position: relative;
		display: block;
		padding: 0 0 100%;
		z-index: 1;
	}
	main#containerMain div.block_all_archives div.block_news div.image img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 2;
	}

	main#containerMain div.block_all_archives div.block_news div.bn_info {
		display: flex;
		margin: 0;
		padding: 38px 0;
		width: 100%;
		flex-direction: column;
		flex: 1;
		align-items: flex-start
	}

	main#containerMain div.block_all_archives div.block_news div.bn_info_title {
		position: relative;
		display: block;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}

	main#containerMain div.block_all_archives div.block_news div.bn_info_title h3 {
		position: relative;
		display: block;
		margin: 0 0 5px;
		padding: 0;
		font-family: 'rubikbold', Verdana;
		font-size: 1.7142857em;
		font-weight: normal;
		line-height: 1.2em;
		color: #004069;
	}

	main#containerMain div.block_all_archives div.block_news div.bn_info_resume {
		position: relative;
		display: block;
		margin: 0 0 6px;
		padding: 0;
		width: 100%;
	}

	main#containerMain div.block_all_archives div.block_news div.bn_info_resume p { line-height: 2em; }
	main#containerMain div.block_all_archives div.block_news a { margin-top: auto; }
/*              */
/*  FIN NEWS    */
/*              */



/*              */
/*     PAGE     */
/*              */
	section.section.page div.section_image {
		position: relative;
		display: block;
		margin: 0 0 45px;
		padding: 0;
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
		z-index: 1;
	}

	section.section.page div.section_image img {
		position: relative;
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 2;
	}
/*              */
/*   FIN PAGE   */
/*              */



/*              */
/*  PROGRAMME   */
/*              */
/*   Mosaique   */
	section#section_prog:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 320px;
		background: #13E2C9;
		opacity: 0.17;
		z-index: 1;
	}

	section#section_prog div.center { z-index: 2; }

	section#section_prog div.block_all_prog {
		position: relative;
		display: flex;
		margin: 45px 0;
		padding: 0;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 45px;
	}

	section#section_prog div.block_all_prog div.block_prog {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_main {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_info {
		position: relative;
		display: block;
		margin: 0;
		padding: 6px 20px 0 0;
		width: 50%;
		height: 100%;
		z-index: 1;
	}
	section#section_prog div.block_all_prog div.block_prog div.bp_info:after {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		bottom: 0;
		left: 0;
		width: calc(100% - 20px);
		height: 100%;
		background: right bottom no-repeat;
		background-size: contain;
		z-index: 1;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_info h2.bp_title {
		position: relative;
		display: block;
		margin: 0 0 17px;
		padding: 0;
		font-family: "rubikbold", Verdana;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #1A3C5A;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_info span.bp_cat {
		position: relative;
		display: block;
		margin: 0 0 5px;
		padding: 0;
		font-family: "rubikbold", Verdana;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #1A3C5A;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_info img {
		display: inline-block;
		width: 100%;
		min-height: 240px;
		object-fit: cover;
		object-position: right;
		visibility: hidden;
		opacity: 0;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_video {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50%;
		height: 100%;
		z-index: 2;

		-webkit-transition: width .3s ease-out;
		-moz-transition: width .3s ease-out;
		transition: width .3s ease-out;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_video img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_video video {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		opacity: 0;
		z-index: 1;

		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
	}
	section#section_prog div.block_all_prog div.block_prog.video div.bp_video video { z-index: 3; opacity: 1; }

	section#section_prog div.block_all_prog div.block_prog div.bp_main a.bp_link, section#section_prog div.block_all_prog div.block_prog div.bp_main button.bp_link { position: absolute; display: inline-block; padding-left: 40px; padding-right: 40px; bottom: 40px; z-index: 3; }
	section#section_prog div.block_all_prog div.block_prog div.bp_main button.bp_link.prev { right: 50%; border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
	section#section_prog div.block_all_prog div.block_prog div.bp_main a.bp_link.more { left: 50%; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }


	section#section_prog div.block_all_prog div.block_prog.hover div.bp_video { width: 100%; }


	section#section_prog div.block_all_prog div.block_prog div.bp_preview {
		position: absolute;
		display: none;
		margin: 0;
		padding: 22px 20px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #004069;
		color: #fff;
		opacity: 0;
		overflow: hidden;
		z-index: 1;

		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_preview button.btn_close {
		position: absolute;
		display: block;
		top: 22px;
		right: 20px;
		width: 30px;
		height: 30px;
		filter: invert(94%) sepia(6%) saturate(22%) hue-rotate(203deg) brightness(106%) contrast(105%);
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_preview div.noscroll { z-index: 1; }

	section#section_prog div.block_all_prog div.block_prog div.bp_preview h2.bp_title, section#section_prog div.block_prog_more.legend h2 {
		position: relative;
		display: block;
		margin: 0 0 17px;
		padding: 0 40px 0 0;
		font-family: "rubikbold", Verdana;
		font-size: 1.42857em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #fff;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_preview span.bp_cat {
		position: relative;
		display: block;
		margin: 0 0 17px;
		padding: 0;
		font-family: "rubikbold", Verdana;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #FEB548;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_preview ul.icn li { color: #fff; }
	section#section_prog div.block_all_prog div.block_prog div.bp_preview ul.icn li:before { filter: invert(94%) sepia(6%) saturate(22%) hue-rotate(203deg) brightness(106%) contrast(105%); }


	section#section_prog div.block_all_prog div.block_prog.preview div.bp_preview { display: block; opacity: 1; z-index: 3; }


	section#section_prog div.block_prog_more {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		border-radius: 10px;
		overflow: hidden;
	}
	section#section_prog div.block_prog_more.legend { padding: 22px 20px; background: #fff; }

	section#section_prog div.block_prog_more div.image {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	section#section_prog div.block_prog_more div.image img {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		mix-blend-mode: multiply;
		z-index: 2;
	}

	section#section_prog div.block_prog_more div.bn_info {
		position: relative;
		display: block;
		margin: 0;
		padding: 38px 40% 38px 45px;
		width: 100%;
		color: #1A3C5A;
		z-index: 3;
	}

	section#section_prog div.block_prog_more div.bn_info_title {
		position: relative;
		display: block;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}

	section#section_prog div.block_prog_more div.bn_info_title h2 {
		position: relative;
		display: block;
		margin: 0 0 5px;
		padding: 0;
		font-family: 'rubikbold', Verdana;
		font-size: 1.42857em;
		font-weight: normal;
		line-height: 1.2em;
		color: #1A3C5A;
	}

	section#section_prog div.block_prog_more.legend h2 { color: #1A3C5A; }
	section#section_prog div.block_prog_more.legend ul.icn li { color: #1A3C5A; }
	section#section_prog div.block_prog_more.legend ul.icn li:before { filter: invert(19%) sepia(7%) saturate(5983%) hue-rotate(168deg) brightness(94%) contrast(89%); }

	section#section_prog div.block_prog_more div.bn_info_resume {
		position: relative;
		display: block;
		margin: 0 0 6px;
		padding: 0;
		width: 100%;
		color: #1A3C5A;
		z-index: 3;
	}

	section#section_prog div.block_prog_more div.bn_info_resume p { line-height: 2em; }
/* FIN Mosaique */


/*   Détail    */
	main#containerMain section.section.programme { padding-top: 0; }
	main#containerMain section#section_prog_description { padding-bottom: 0; }

	section.programme div.section_image {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: calc(100vh - 125px);
		background: #000;
		overflow: hidden;
		z-index: 1;
	}

	section.programme div.section_image img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 1;
	}

	section.programme div.section_image:not(.parallax):before, section.programme div.section_image:not(.parallax):after {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	section.programme div.section_image:not(.parallax):before { background: #4F75A1; opacity: 0.1; z-index: 2; }
	section.programme div.section_image:not(.parallax):after { background: #fff; opacity: 0.8; z-index: 3; }

	section.programme div.section_image div.block_txt {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 45px;
		max-width: 1280px;
		text-align: center;
		color: #fff;
		z-index: 4;
	}
	section.programme div.section_image div.block_txt.valign { position: absolute; top: 50%; right: 0; left: 0; transform: translate(0, -50%); }

	section.programme div.section_image div.block_txt h1 { margin-top: 0; font-family: "rubikbold", Verdana; font-size: 2em; text-transform: none; color: #004069; }
	section.programme div.section_image div.block_txt h1 span.sub { display: block; margin-top: 10px; font-family: "rubikbold", Verdana; font-size: 0.75em; line-height: 1.2em; text-transform: none; }

	section.programme div.section_image div.block_txt ul {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	section.programme div.section_image div.block_txt ul li {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 22px 0;
		width: 100%;
	}

	section.programme div.section_image div.block_txt ul li a { display: block; }


	section.programme div.block_module {
		position: relative;
		display: block;
		margin: 25px 0;
		padding: 0;
		width: 100%;
	}

	
	
	section.programme div.block_citation { margin: 0 auto; padding: 45px; max-width: 500px; }
	
	section.programme div.block_citation blockquote {
		position: relative;
		display: block;
		margin: 0;
		padding: 20px;
		width: 100%;
		font-family: "rubikbold", Verdana;
		font-size: 2.85714em;
		color: #124873;
		line-height: 1.4em;
		text-transform: uppercase;
	}

	section.programme div.block_citation blockquote strong { font-weight: normal; color: #004069; }

	section.programme div.block_citation:before, section.programme div.block_citation:after {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		width: 150px;
		height: 150px;
		background: center / contain no-repeat;
		opacity: 0.2;
	}
	section.programme div.block_citation:before { top: 0; left: 0; background-image: url("//general.cegepjonquiere.ca/lib/images/icn_citation_start.svg"); }
	section.programme div.block_citation:after { bottom: 0; right: 0; background: url("//general.cegepjonquiere.ca/lib/images/icn_citation_end.svg"); }


	section.programme div.block_section:not(.alt):nth-of-type(2n) { background: none !important; }


	section.programme div.block_module.block_video { margin: 0; }
	section.programme div.block_module div.block_media { margin: 0; }


	section.programme div.block_section.block_desc2 { overflow: hidden; }
	section.programme div.block_section.block_desc2:before, 
	section.programme div.block_section.block_desc2:after {
		content: "";
		position: absolute;
		display: none;
		top: 0;
		bottom: 0;
	}
	section.programme div.block_section.block_desc2:before { right: 50%; left: 0; }
	section.programme div.block_section.block_desc2:after { right: 0; left: 50%; }
	section.programme div.block_section.block_desc2 div.col:before {
		content: "";
		position: absolute;
		display: block;
		top: -45px;
		right: -45px;
		bottom: -45px;
		left: -45px;
	}
	section.programme div.block_section.block_desc2:before, 
	section.programme div.block_section.block_desc2 div.col:nth-of-type(1):before { background: #FCE9CD; }
	section.programme div.block_section.block_desc2:after, 
	section.programme div.block_section.block_desc2 div.col:nth-of-type(2):before { background: #82AAD8; opacity: 0.15; }


	section.programme div.block_section.col2 { overflow: hidden; }
	section.programme div.block_section.col2:before, 
	section.programme div.block_section.col2:after {
		content: "";
		position: absolute;
		display: none;
		top: 0;
		bottom: 0;
	}
	section.programme div.block_section.col2:before { right: 50%; left: 0; }
	section.programme div.block_section.col2:after { right: 0; left: 50%; }
	section.programme div.block_section.col2 div.col:before {
		content: "";
		position: absolute;
		display: block;
		top: -45px;
		right: -45px;
		bottom: -45px;
		left: -45px;
	}
	section.programme div.block_section.col2:before, 
	section.programme div.block_section.col2 div.col:nth-of-type(1):before { background: #FF8B00; opacity: 0.13; }
	section.programme div.block_section.col2:after, 
	section.programme div.block_section.col2 div.col:nth-of-type(2):before { background: #FFAA00; opacity: 0.22; }


	section.programme div.block_section.block_desc4:before, 
	section.programme div.block_section.block_desc4:after {
		content: "";
		position: absolute;
		display: none;
		top: 0;
		bottom: 0;
	}
	section.programme div.block_section.block_desc4:before { right: 50%; left: 0; }
	section.programme div.block_section.block_desc4:not(.col2):before { display: block; right: 0; }
	section.programme div.block_section.block_desc4:after { right: 0; left: 50%; }
	section.programme div.block_section.block_desc4.col2 div.col:before {
		content: "";
		position: absolute;
		display: block;
		top: -45px;
		right: -45px;
		bottom: -45px;
		left: -45px;
	}
	section.programme div.block_section.block_desc4:before, 
	section.programme div.block_section.block_desc4 div.col:nth-of-type(1):before { background: #FF8B00; opacity: 0.13; }
	section.programme div.block_section.block_desc4:after, 
	section.programme div.block_section.block_desc4.col2 div.col:nth-of-type(2):before { background: #FFAA00; opacity: 0.22; }
	section.programme div.block_section.block_desc4.col2.negtop:before { top: -30%; }


	section.programme.mediabg:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 12.5%;
		right: 0;
		left: 0;
		height: 75%;
		background: #DFE9F5;
	}

	
	section.programme div.block_section div.block_tauxh { margin: 0; padding: 45px; background: #FEB548; border-radius: 10px; }
	section.programme div.block_section div.block_tauxh span.title {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		font-family: "rubikbold", Verdana;
		font-size: 2em;
		line-height: 1.2em;
		color: #004069;
		text-align: center;
	}
	section.programme div.block_section div.block_tauxh h3, section.programme div.block_section div.block_tauxh span.fake3 {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 0px;
		font-family: "rubikbold", Verdana;
		font-size: 2.5714em;
		line-height: 1em;
		color: #004069;
		text-align: center;
		text-transform: uppercase;
	}
	section.programme div.block_section div.block_tauxh span.fake3 { font-size: 2.4285714em; }
	section.programme div.block_section div.block_tauxh h3 span.start { font-size: 0.615em; line-height: 1em; }
	section.programme div.block_section div.block_tauxh p.salaire, section.programme div.block_section div.block_tauxh span.fakesal {
		position: relative;
		display: block;
		margin: 0;
		padding: 48px 0 11px;
		font-family: "rubikbold", Verdana;
		font-size: 8em;
		line-height: 0.6em;
		color: #004069;
		text-align: center;
	}
	section.programme div.block_section div.block_tauxh span.fakesal { padding-top: 25px; font-size: 8.5714em; text-align: left; }
	section.programme div.block_section div.block_tauxh p.salaire span { font-size: 0.546666666667em; line-height: 1em; vertical-align: middle; }
	section.programme div.block_section div.block_tauxh p.nb { font-size: 0.785714em; }


	section.programme div.block_section div.block_tauxp {
		padding: 135px 35px 35px;
		height: 560px;
		background: url("//www.ceccharlevoix.ca/media/tinymce/futurs-etudiants/cta_placement.jpg") center no-repeat;
		background-size: cover;
		color: #fff;
		text-align: center;
	}
	section.programme div.block_section div.block_tauxp:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,64,105);
		background: -moz-linear-gradient(180deg, rgba(0,64,105,1) 50%, rgba(130,170,216,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,64,105,1) 50%, rgba(130,170,216,1) 100%);
		background: linear-gradient(180deg, rgba(0,64,105,1) 50%, rgba(130,170,216,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004069",endColorstr="#82AAD8",GradientType=1);
		opacity: 0.9;
		overflow: hidden;
		z-index: 1;
	}
	section.programme div.block_section div.block_tauxp div.abs_vacenter { text-align: center; z-index: 2; }
	section.programme div.block_section div.block_tauxp span.percent, section.programme div.block_section div.block_tauxp span.fakepercent {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		font-family: "rubikbold", Verdana;
		font-size: 10em;
		line-height: 0.6em;
		color: #fff;
		z-index: 2;
	}
	section.programme div.block_section div.block_tauxp span.fakepercent { font-size: 3em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.percent span { font-size: 0.546666666667em; line-height: 1em; vertical-align: middle; }
	section.programme div.block_section div.block_tauxp h3, section.programme div.block_section div.block_tauxp span.fake3 {
		position: relative;
		display: block;
		margin: 0;
		padding: 16px 0 0;
		font-family: "rubikbold", Verdana;
		font-size: 2.85714em;
		line-height: 1em;
		color: #fff;
		z-index: 2;
	}
	section.programme div.block_section div.block_tauxp span.fake3 { font-size: 2em; }
	section.programme div.block_section div.block_tauxp p.nb {
		position: relative;
		display: block;
		margin: 0;
		padding: 28px 0 0;
		font-size: 0.785714em;
		line-height: 1em;
		color: #fff;
		z-index: 2;
	}
	section.programme div.block_section div.block_tauxp a.btn_big {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 3;
	}
	section.programme div.block_section div.block_tauxp a.btn_big span { display: none; }


	section.programme div.slider_h {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 30px 0 0;
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}

	section.programme h3.title_numero { margin: 0; font-family: "rubikbold", Verdana; font-size: 2em; line-height: 1.2em; }
	
	section.programme div.legend span.type { font-size: 1.142857em; text-transform: uppercase; color: #4F75A1; }
	section.programme div.legend span.type.typeG { color: #A66714; }

	section.programme div.block_group_cours { display: none; width: 0 !important; height: 0; opacity: 0; overflow: hidden; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
	section.programme div.block_group_cours.active { display: block; width: 100% !important; height: auto; opacity: 1; }

	section.programme div.block_cours div.cours_title {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 25px 20px 0;
		width: 100%;
		overflow: hidden;
	}

	section.programme div.block_cours div.cours_desc {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 20px 0;
		width: 100%;
		overflow: hidden;
	}

	section.programme div.block_cours span {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
	}

	section.programme div.block_cours h4.cours_title { margin: 0 0 10px; font-family: "rubikbold", Verdana; font-size: 1.714em; color: #4F75A1; line-height: 1.2em; }
	section.programme div.block_cours.typeG h4.cours_title { color: #A66714; }
	section.programme div.block_cours span.cours_no { font-size: 0.85714em; line-height: 1em; }
	section.programme div.block_cours span.cours_pond_detail { font-size: 0.85714em; line-height: 1.6em; }
	section.programme div.block_cours span.cours_pond_detail:before { display: inline; }
	section.programme div.block_cours span.cours_pond_detail:nth-of-type(1):before { content: "Théorie : "; }
	section.programme div.block_cours span.cours_pond_detail:nth-of-type(2):before { content: "Laboratoire : "; }
	section.programme div.block_cours span.cours_pond_detail:nth-of-type(3):before { content: "Études : "; }
	section.programme div.block_cours span.cours_type { position: absolute; width: auto; top: 0; right: 0; font-size: 1.142857em; color: #4F75A1; text-transform: uppercase; }
	section.programme div.block_cours.typeG span.cours_type { color: #A66714; }

	section.programme div.grille_footer {
		position: relative;
		display: block;
		margin: 90px 0 0;
		padding: 0;
		text-align: center;
	}


	main#containerMain section#section_prog_admission.section { padding: 0; }
	main#containerMain section#section_prog_admission.section div.block_all_section { padding: 0; }
	main#containerMain section#section_prog_admission.section div.block_section { padding-top: 45px; }
/*  FIN Détail  */
/*              */
/* FIN PROGRAMME*/
/*              */


/*              */
/*   NOUVELLE   */
/*              */
	section div.block_all_news {
		position: relative;
		display: flex;
		margin: 25px 0 0;
		padding: 0;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 45px
	}
/*              */
/* FIN NOUVELLE */
/*              */


/*              */
/*  Événements  */
/*              */
	section div.block_all_event {
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
	}

	section div.block_all_event div.column {
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
		flex-wrap: wrap;
		flex-direction: column;
	}
/*                */
/* FIN Événements */
/*                */


/*              */
/*    Emploi    */
/*              */
	section div.block_all_emploi {
		position: relative;
		display: block;
		margin: 80px 0 0;
		padding: 0;
		width: 100%;
	}

	section div.block_emploi {
		display: flex !important;
		padding: 45px !important;
		background: #f4f4f4;
		border-radius: 10px;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	section div.block_emploi span.emp_int {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 45px;
		right: 45px;
		font-family: 'rubikbold', Verdana;
		font-size: 1.142857em;
		color: #15BDC4;
		text-align: right;
	}
/*              */
/*  FIN Emploi  */
/*              */
/*             */
/*  FIN MAIN   */
/*             */












/*             */
/*    ASIDE    */
/*             */
aside#extrainfo {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	z-index: 2;
	
	-webkit-transition: opacity .3s ease-out, left .3s ease-out;
	-moz-transition: opacity .3s ease-out, left .3s ease-out;
	transition: opacity .3s ease-out, left .3s ease-out;
}


aside#extrainfo section.module h2.title_section {
	position: relative;
	display: block;
	margin: 0;
	padding: 90px 0 0;
	width: 100%;
	font-family: "rubikbold", Verdana;
	font-size: 1.5714em;
	color: #A55F03;
}

aside#extrainfo section.module h2.title_section:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: -110px;  
	width: 100%;
	height: 67px;
	background: url("//general.cegepjonquiere.ca/lib/images/title_bg_cecc.svg") left top no-repeat;
	background-size: contain;
}


body.home aside#extrainfo section.mod_news_events {
	position: relative;
	display: block;
	margin: 0;
	padding: 50px 0;
	width: 100%;
}

body.home aside#extrainfo section.mod_news_events:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ddd;
	opacity: 0.7;
	z-index: -1;
}
body.home aside#extrainfo section.mod_news_events.block_news:before { top: 0; bottom: 30%; }

body.home aside#extrainfo section.mod_news_events div.foot {
	position: relative;
	display: block;
	margin: 0;
	padding: 25px 0;
	text-align: center;
}

body.home aside#extrainfo section.mod_news_events div.block_all_event div.block_event div.be_info { background: #ffbb43; }
body.home aside#extrainfo section.mod_news_events div.block_all_event div.block_event div.be_info:after { background: #FF8B00; }
body.home aside#extrainfo section.mod_news_events div.block_all_event div.block_event div.be_info div.be_date { background: #FF8B00; }
body.home aside#extrainfo section.mod_news_events div.block_all_event div.block_event div.be_info div.be_date span.day { color: #1A3C5A; }
body.home aside#extrainfo section.mod_news_events div.block_all_event div.block_event div.be_info div.be_date span.month { color: #1A3C5A; }
/*             */
/* FIN ASIDE   */
/*             */












/*             */
/*   FOOTER    */
/*             */
footer#containerFooter {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	z-index: 5;
	
	-webkit-transition: opacity .3s ease-out, left .3s ease-out;
	-moz-transition: opacity .3s ease-out, left .3s ease-out;
	transition: opacity .3s ease-out, left .3s ease-out;
}

footer#containerFooter section.mod_ac {
	position: relative;
	display: block;
	margin: 0;
	padding: 50px 0;
	width: 100%;
}

footer#containerFooter section.mod_ac div.block_all_news {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 45px
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.image {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
footer#containerFooter section.mod_ac div.block_all_news div.block_news div.image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	mix-blend-mode: multiply;
	z-index: 2;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info {
	position: relative;
	display: block;
	margin: 0;
	padding: 38px 40% 38px 45px;
	width: 100%;
	color: #1A3C5A;
	z-index: 3;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info_title {
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info_title h3 {
	position: relative;
	display: block;
	margin: 0 0 5px;
	padding: 0;
	font-family: 'rubikbold', Verdana;
	font-size: 1.42857em;
	font-weight: normal;
	line-height: 1.2em;
	color: #1A3C5A;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info_resume {
	position: relative;
	display: block;
	margin: 0 0 6px;
	padding: 0;
	width: 100%;
	color: #1A3C5A;
	z-index: 3;
}

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info_resume p { line-height: 2em; }


footer#containerFooter section.mod_ac div.block_all_news div.block_news:nth-of-type(2) div.bn_info_title h3, 
footer#containerFooter section.mod_ac div.block_all_news div.block_news:nth-of-type(2) div.bn_info_resume { color: #fff; }
footer#containerFooter section.mod_ac div.block_all_news div.block_news:nth-of-type(2) a.btn_round { filter: invert(100%) sepia(0%) saturate(28%) hue-rotate(154deg) brightness(108%) contrast(106%); }

footer#containerFooter section.mod_ac div.block_all_news div.block_news div.bn_info_resume p { line-height: 2em; }

footer#containerFooter div.rest {
	position: relative;
	display: block;
	margin: 0;
	padding: 45px 0 25px;
	background: #204C7C;
	color: #fff;
	text-align: center;
}

footer#containerFooter div.rest a.btn_plain { margin: 20px; }

footer#containerFooter nav.footer { display: block; }
/*             */
/* FIN FOOTER  */
/*             */




/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
/* Smartphones */
@media only screen and (max-width: 43.6875em) /*(max-width: 469px)*/ {
	header#containerHeader{ height: 90px; }
	header#containerHeader:before{ height: 90px; }
	header#containerHeader button.btn_mobile { width: 90px; height: 90px; }
	body.menuopen header#containerHeader button.btn_mobile { position: absolute; top: 0; left: 100%; width: 100%; margin: 0; }
	header#containerHeader span.logo { padding: 10px  10px 10px 25px; }
	header#containerHeader span.logo:before { top: 10px; right: 10px; bottom: 10px; left: 25px; }
	header#containerHeader div.menup { padding-top: 125px; width: 100%; }
	
	
	main#containerMain { padding-top: 90px; }
	
	
	section.programme div.block_citation blockquote{ font-size: 1.5em; }
	section.programme div.block_section div.block_tauxh p.salaire{ font-size: 5em; }
}

/* Large smartphones */
@media only screen and (min-width: 29.375em) and (max-width: 43.6875em) /*(min-width: 470px) and (max-width: 699px)*/ {
	header#containerHeader{ height: 90px; }
	header#containerHeader:before{ height: 90px; }
	header#containerHeader button.btn_mobile { width: 90px; height: 90px; }
	body.menuopen header#containerHeader button.btn_mobile { position: absolute; top: 0; left: 100%; width: 100%; margin: 0; }
	header#containerHeader div.menup { padding-top: 125px; width: 100%; }
	
	
	main#containerMain { padding-top: 90px; }
	
	main#containerMain section.section h2.title_section,
	aside#extrainfo section.module h2.title_section { font-size: 2.285714em; }
	main#containerMain div.block_all_archives div.block_news { width: calc((100% - 45px) / 2); }

	section#section_main div.block_main div.txt div.txt_design { font-size: 0.6em; }
	
	
	section.programme div.block_citation blockquote{ font-size: 1.5em; }
	section.programme div.block_section div.block_tauxh p.salaire{ font-size: 5em; }
	section.programme div.block_section div.block_tauxh span.title { font-size: 3.42857em; }
}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 43.75em) and (max-width: 62.5em) /*(min-width: 700px) and (max-width: 1000px)*/ {
	main#containerMain section.section h2.title_section,
	aside#extrainfo section.module h2.title_section { font-size: 2.285714em; }
	main#containerMain div.block_all_archives div.block_news { width: calc((100% - 90px) / 3); }
	
	section#section_main div.block_main div.txt div.txt_design { font-size: 0.8em; }
	
	section#section_prog div.block_all_prog div.block_prog div.bp_info h2.bp_title { font-size: 1.42857em; }
	section.programme div.section_image div.block_txt h1 { font-size: 3.42857em; }
	section.programme div.section_image div.block_txt h1 span.sub { font-size: 0.375em; }
	section.programme div.section_image div.block_txt ul li { padding: 22px; }
	section.programme div.block_section div.block_tauxp span.fakepercent { font-size: 5.35em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.fake3 { font-size: 3.57em; line-height: 1em; }

	section div.block_all_news div.block_news { width: calc((100% - 45px) / 2); }
	section div.block_all_news div.block_news:nth-of-type(1) { width: 100%; }
}

@media only screen and (min-width: 62.5625em) and (max-width: 74.9375em) /*(min-width: 1001px) and (max-width: 1199px)*/ {
	main#containerMain section.section h2.title_section,
	aside#extrainfo section.module h2.title_section { font-size: 2.285714em; }
	main#containerMain nav.nav_filter { width: 50%; left: -50%; }
	main#containerMain.filter_active { left: 50%; }
	main#containerMain div.block_all_archives div.block_news { width: calc((100% - 90px) / 3); }
	
	section#section_main div.block_main div.txt div.txt_design { font-size: 1em; }

	section#section_prog div.block_all_prog div.block_prog div.bp_info h2.bp_title { font-size: 1.42857em; }
	section.programme div.section_image div.block_txt h1 { font-size: 3.42857em; }
	section.programme div.section_image div.block_txt h1 span.sub { font-size: 0.375em; }
	section.programme div.section_image div.block_txt ul li { padding: 22px; }
	section#section_prog div.block_all_prog div.block_prog, section#section_prog div.block_all_prog div.block_prog_more { width: calc((100% - 45px) / 2); }
	section.programme div.section_image div.block_txt ul li { width: calc(100% / 2); }
	section.programme div.block_section div.block_tauxh span.title { font-size: 3.42857em; }
	section.programme div.block_section div.block_tauxp span.percent { font-size: 26.785714em; line-height: 0.6em; }
	section.programme div.block_section div.block_tauxp h3 { font-size: 4.85714em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.fakepercent { font-size: 5.35em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.fake3 { font-size: 3.57em; line-height: 1em; }

	section div.block_all_news div.block_news { width: calc((100% - 45px) / 2); }
	section div.block_all_news div.block_news:nth-of-type(1) { width: 100%; }
}
@media only screen and (min-width: 75em) /*(min-width: 1200px)*/ {
	header#containerHeader div#block_all_menu nav.utilitaire { display: inline-block; }
	header#containerHeader div.block_search { display: inline-block; }
	
	header#containerHeader div.menup { background: none; }
	header#containerHeader div.menup div.allnav:before { display: block; }
	header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0 { margin: 0 0 0 45px; width: calc(30% - 45px); }
	header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:before { display: block; }

	header#containerHeader div.menup nav#navmainmenu div.submenu.niv1, header#containerHeader div.menup div.extrainfo { position: absolute; margin: 0; padding: 45px 45px 45px 70px; top: 0; left: 30%; bottom: 0; width: 70%; height: 100%; border-left: 0px solid #fff; border-top: none; -webkit-transition: border .3s ease-in-out, padding .3s ease-in-out; -moz-transition: border .3s ease-in-out, padding .3s ease-in-out; transition: border .3s ease-in-out, padding .3s ease-in-out; }
	header#containerHeader div.menup nav#navmainmenu li.niv0.activejs div.submenu.niv1, header#containerHeader div.menup div.extrainfo { height: 100%; overflow: auto; }
	header#containerHeader div.menup div.extrainfo { display: block; }
	
	header#containerHeader div#block_all_menu div.menup nav.utilitaire,
	header#containerHeader div.menup div.block_search { width: 30%; }
	header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li.niv0 { padding-right: 0; }
	
	
	
	main#containerMain section.section h2.title_section,
	aside#extrainfo section.module h2.title_section { font-size: 2.285714em; }
	
	main#containerMain nav.nav_filter { width: 30%; left: -30%; }
	main#containerMain.filter_active { left: 30%; }
	main#containerMain div.block_all_archives div.block_news { padding-bottom: 42px; width: calc((100% - 135px) / 4); }
	
	section.section.page div.section_image { float: right; margin: 0 0 45px 45px; width: 50%; }
	
	section#section_main { height: 100vh; min-height: 965px; }
	section#section_main div.block_main:nth-of-type(2) { float: left; width: 48%; }
	section#section_main div.block_main:nth-of-type(3) { float: right; width: 48%; margin-top: 0; }
	section#section_main div.block_main div.txt div.txt_design { font-size: 1em; }
	
	section#section_prog div.block_all_prog div.block_prog div.bp_info h2.bp_title { font-size: 1.42857em; }
	section.programme div.section_image div.block_txt h1 { font-size: 3.42857em; }
	section.programme div.section_image div.block_txt h1 span.sub { font-size: 0.375em; }
	section.programme div.section_image div.block_txt ul li { padding: 22px; }
	section#section_prog div.block_all_prog div.block_prog, section#section_prog div.block_all_prog div.block_prog_more { width: calc((100% - 90px) / 3); }
	section.programme div.section_image div.block_txt ul li { width: calc(100% / 3); }
	
	section.programme div.block_section.block_desc2:before { display: block; }
	section.programme div.block_section.block_desc2:after { display: block; }
	section.programme div.block_section.block_desc2 div.col:before { display: none; }
	
	section.programme div.block_section.col2:before { display: block; }
	section.programme div.block_section.col2:after { display: block; }
	section.programme div.block_section.col2 div.col:before { display: none; }
	
	section.programme div.block_section.block_desc4.col2:before { display: block; }
	section.programme div.block_section.block_desc4.col2:after { display: block; }
	section.programme div.block_section.block_desc4.col2 div.col:before { display: none; }
	
	section.programme div.block_section div.block_tauxh span.title { font-size: 4.42857em; }
	section.programme div.block_section div.block_tauxp span.percent { font-size: 26.785714em; line-height: 0.6em; }
	section.programme div.block_section div.block_tauxp h3 { font-size: 4.85714em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.fakepercent { font-size: 7.142857em; line-height: 1em; }
	section.programme div.block_section div.block_tauxp span.fake3 { font-size: 5.35em; line-height: 1em; }

	section div.block_all_news div.block_news { padding-bottom: 42px; width: calc((100% - 90px) / 3); }
	section div.block_all_news div.block_news a.btn_border { position: absolute; bottom: 38px; left: 45px; }
	

	
	footer#containerFooter section.mod_ac div.block_all_news div.block_news { width: calc((100% - 90px) / 3); }
}

/* Desktop screens */
@media only screen and (min-width: 75em) and (max-width: 93.6875em) /*(min-width: 1200px) and (max-width: 1499px)*/ {
	section.section.page div.image { margin: 0 0 45px; width: 100%; }
	
	section#section_main div.block_main div.txt div.txt_design { font-size: 0.72em; }
	
	section#section_prog div.block_all_prog div.block_prog, section#section_prog div.block_all_prog div.block_prog_more { width: calc((100% - 45px) / 2); }
	

	
	footer#containerFooter section.mod_ac div.block_all_news div.block_news { width: calc((100% - 90px) / 2); }
}

/* Large screen */
@media only screen and (min-width: 93.75em) and (max-width: 112.4375em) /*(min-width: 1500px) and (max-width: 1799px)*/ {
	aside#extrainfo section div.block_all_event div.block_event.main { padding-right: 40px; width: 45%; }
	section div.block_all_event div.column { width: 55%; justify-content: space-between }
	section div.block_all_event div.column div.block_event { padding-left: 40px; }
}

/* Very large screen */
@media only screen and (min-width: 112.5em) /*(min-width: 1800px)*/ {
	aside#extrainfo section div.block_all_event div.block_event.main { padding-right: 40px; width: 45%; }
	section div.block_all_event div.column { width: 55%; justify-content: space-between }
	section div.block_all_event div.column div.block_event { padding-left: 40px; }
}