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

::placeholder {
	color: #ccc;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #ccc;
}

::-ms-input-placeholder {
	color: #ccc;
}


body { display: block !important; }

h1 { font-size: 2em; font-family: "bruta_pro_regularblack", Verdana; }

/*             */
/*   GENERAL   */
/*             */
table th { background-color: #0070C7; }
table tr:nth-child(odd) { background: #F2F5F8; }
/*Paralax*/
.parallax-wrapper {overflow-y: hidden;}
.parallax {background-size: cover; background-position: center;}
.parallax {display: flex; flex-direction: column; justify-content: center; text-align: center;}

div.title_site:after { background: #0070C7; }
.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); }
/*             */
/* FIN GENERAL */
/*             */



/*             */
/*   GENERAL   */
/*             */
table th { background-color: #0070C7; }
table tr:nth-child(odd) { background: #F2F5F8; }


div.title_site:after { background: #0070C7; }
.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); }
/*             */
/* FIN GENERAL */
/*             */




/*             */
/*   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%); right:-15px;}



header#containerHeader span.logo {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 4%;
	max-width: calc(100% - 155px);
	padding: 0;
	width: 50%;
	height: 100%;
	border-top: 20px solid #0070C7;
	z-index: 1;
}

header#containerHeader span.logo:before {
	content: "";
	position: relative;
	display: inline-block;
	margin: 0 20px 0 0; 
	padding: 0;
	width: 100%;
	height: 50%;
	background: url(../images/logo.svg) center center / contain no-repeat #fff;
	vertical-align: middle;
	z-index: 1;
}

header#containerHeader span.logo:after {
	content: "International";
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: 'tt_norms_probold', Verdana;
	font-size: 1.7142857em;
	line-height: 1.2em;
	color: #000;
	vertical-align: middle;
	z-index: 1;
}

header#containerHeader span.logo a {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 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: block;
	margin: 0;
	padding: 100px 0 0;
	vertical-align: middle;
	z-index: 2;
}

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

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.niv0 {
	position: relative;
	display: block;
	margin: 0;
	padding: 20px 45px;
	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: 4px 0 0 50px;
	width: 100%;
	font-family: 'tt_norms_proregular', Verdana;
	font-size: 1.142857em;
	color: #fff;
	text-decoration: none;
}
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.niv0 a.niv0:hover { text-decoration: underline ; }

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;
	width: 36px;
	background: center / contain no-repeat;
	filter: invert(73%) sepia(37%) saturate(4887%) hue-rotate(1deg) brightness(105%) contrast(104%);
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li 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-image: url("//general.cegepjonquiere.ca/lib/images/icn_maison.svg"); }

header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li ul.niv1 { display: none; }



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: "tt_norms_proregular", Verdana;
	font-size: 1em;
	color: #000;
	border: none;
	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: #0070C7;
	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: "tt_norms_probold", 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: #FFAA00;
	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 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;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 100%;
	bottom: 0;
	width: calc(100% - 125px);
	height: 100vh;
	overflow: auto;
	background: #0070C7;
}

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: #0070C7;
}

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: "tt_norms_probold", Verdana;
	font-size: 2.285714em;
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;
}
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.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:after {
	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:after { background: #1A3C5A; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(2) a.niv0:after { background: #FFAA00; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(3) a.niv0:after { background: #13E2C9; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(4) a.niv0:after { background: #FF8B00; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:hover:after { height: 12px; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0.activejs a.niv0:after { 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: #1A3C5A; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(2) div.submenu.niv1 { border-color: #FFAA00; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(3) div.submenu.niv1 { border-color: #13E2C9; }
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0:nth-of-type(4) div.submenu.niv1 { border-color: #FF8B00; }
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;
	list-style: none;
}

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

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;
	padding: 0;
	font-family: "tt_norms_proregular", Verdana;
	font-size: 1.142857em;
	font-weight: normal;
	line-height: 1.2em;
	color: #1A3C5A;
	text-decoration: none;
}
header#containerHeader div.menup div.extrainfo p.title {
position: relative;
	display: block;
	margin: 0 0 6px;
	padding: 0;
	font-family: "tt_norms_probold", 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: "tt_norms_proregular", 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("//general.cegepjonquiere.ca/lib/images/maps.svg") center no-repeat;
	background-size: cover;
}


header#containerHeader div.menup div.block_search { display: block; width: 100%; padding: 20px 45px 0; }
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: #ddd; vertical-align: bottom; font-size: 0; line-height: 0; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #ddd; 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(18%) sepia(85%) saturate(437%) hue-rotate(166deg) brightness(94%) contrast(93%);
}
/*             */
/* 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;
}

main#containerMain:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: 100;
	
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .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 0;
	z-index: 1;
}

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

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.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: "integral_cfbold", Verdana;
	font-size: 2.2857em;
	color: #124873;
}
main#containerMain section.section h3.title_module { padding: 0; }

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 90px; }
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 nav.nav_filter {
	position: fixed;
	display: block;
	margin: 0;
	padding: 45px;
	top: 125px;
	bottom: 0;
	left: -80%;
	width: 80%;
	height: 100%;
	background: #0070C7;
	z-index: 5;
	
	-webkit-transition: left .3s ease-out;
	-moz-transition: left .3s ease-out;
	transition: left .3s ease-out;
}

main#containerMain nav.nav_filter button.btn_close {
	position: absolute;
	display: block;
	top: 22px;
	right: 22px;
	width: 30px;
	height: 30px;
	filter: invert(94%) sepia(6%) saturate(22%) hue-rotate(203deg) brightness(106%) contrast(105%);
	z-index: 4;
}

main#containerMain nav.nav_filter div.block_all_filter {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 3;
}

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

main#containerMain nav.nav_filter div.block_filter span.filter_title {
	position: relative;
	display: block;
	margin: 0 0 25px;
	padding: 0;
	font-family: "tt_norms_probold", Verdana;
	font-size: 1.42857em;
	color: #fff;
}

main#containerMain nav.nav_filter div.block_filter ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}

main#containerMain nav.nav_filter div.block_filter ul li {
	position: relative;
	display: block;
	margin: 5px 0;
	padding: 0;
	color: #fff;
}

main#containerMain nav.nav_filter div.block_filter ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
.no-mobile main#containerMain nav.nav_filter div.block_filter ul li a:hover { text-decoration: underline; }

main#containerMain nav.nav_filter div.block_filter ul li.parent { margin-bottom: 15px; }
main#containerMain nav.nav_filter div.block_filter ul li.parent a { font-weight: bold; }
main#containerMain nav.nav_filter div.block_filter ul li.parent a:before { content: "«"; display: inline-block; vertical-align: top; margin-right: 20px; }

main#containerMain.filter_active nav.nav_filter { left: 0; }
main#containerMain.filter_active { left: 80%; }
main#containerMain.filter_active:after { width: 100%; height: 100%; opacity: 0.8; }



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

	section#section_main div.col { display: flex; padding: 45px; justify-content: space-between; flex-direction: column; }

	section#section_main div.col div.img.decorate.overlay:before { filter: none; opacity: 0.8; background: #124873; }
	section#section_main div.col:nth-of-type(2) div.img.decorate.overlay:before { opacity: 0.9; background: #0070C7; }
	section#section_main div.col:nth-of-type(3) div.img.decorate.overlay:before { background: #1A3C5A; }

	section#section_main div.section_main_content {
		position: relative;
		display: block;
		margin: 0;
		padding: 150px 0;
		width: 100%;
		font-family: "integral_cfextra_bold", Verdana;
		font-size: 0.9em;
		text-align: center;
		color: #fff;
		z-index: 2;
	}
	/*Affichage des icônes de l'Acceuil de la bibliothèque*/
	section#section_main div.col div.section_main_content:after {
		content:"";
		position: absolute;
		display: block;
		top:65%;
		margin: 50px 0 0;
		width: 100%;
		height:70px;
		background: center / contain no-repeat;
		overflow: hidden;
		filter: invert(100%) sepia(43%) saturate(2343%) hue-rotate(176deg) brightness(136%) contrast(100%);
	}
	section#section_main div.col:nth-of-type(1) div.section_main_content:after {
		background-image:url("../images/pen.svg");
	}
	section#section_main div.col:nth-of-type(2) div.section_main_content:after {
		background-image:url("../images/line.svg");
	}
	section#section_main div.col:nth-of-type(3) div.section_main_content:after {
		background-image:url("../images/dialog.svg");
	}
	section#section_main div.section_main_content .tt_title_ebig { font-size: 4.2857em; font-weight: normal; line-height: 1.1em; }
	section#section_main div.section_main_content .tt_title_big { font-size: 3.92857em; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_moy { font-size: 3.214em; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_small { font-size: 2.5714em; font-weight: normal; line-height: 0.9em; }
	section#section_main div.section_main_content .tt_title_esmall { font-size: 1.7857em; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .yellow { color: #FFAA00; }

	section#section_main div.button {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
		z-index: 2;
	}

	section#section_main a.btn_plain { padding: 16px 25px 14px 25px; text-align: center;}
	section#section_main a.btn_plain:hover { padding: 13px 25px 17px 25px; border: none;}

.centrer a img, .centrer img{ margin:5px; }
/*              */
/* 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%;
		border-radius: 10px;
		flex-direction: column;
		overflow: hidden;
	}

	main#containerMain div.block_all_archives div.block_news div.image {
		position: relative;
		display: block;
		margin: 0;
		width: 100%;
		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: 'tt_norms_probold', Verdana;
		font-size: 100%;
		font-weight: normal;
		line-height: 1.2em;
		color: #0070C7;
	}

	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;
	}

	section#section_page233 div.section_image,
	section#section_page328 div.section_image,
	section#section_page329 div.section_image,
	section#section_page330 div.section_image,
	section#section_page331 div.section_image,
	section#section_page332 div.section_image,
	section#section_page333 div.section_image,
	section#section_page334 div.section_image,
	section#section_page335 div.section_image,
	section#section_page336 div.section_image,
	section#section_page337 div.section_image,
	section#section_page338 div.section_image,
	section#section_page339 div.section_image,
	section#section_page340 div.section_image,
	section#section_page341 div.section_image,
	section#section_page354 div.section_image,
	section#section_page377 div.section_image,
	section#section_page408 div.section_image,
	section#section_page100 div.section_image,
	section#section_page92 div.section_image,
	section#section_page238 div.section_image,
	section#section_page240 div.section_image,
	section.section.page.form div.section_image { display: none; }
/*              */
/*   FIN PAGE   */
/*              */


/*              */
/*   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
	}
	aside#extrainfo section.mod_ac {
		position: relative;
		display: block;
		margin: 0;
		padding: 50px 0;
		width: 100%;
	}

	aside#extrainfo 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
	}

	aside#extrainfo 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;
	}

	aside#extrainfo 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;
	}
	aside#extrainfo 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;
	}

	aside#extrainfo section.mod_ac div.block_all_news div.block_news div.bn_info {
		position: relative;
		display: block;
		margin: 0;
		padding: 38px 45px;
		width: 100%;
		color: #1A3C5A;
		z-index: 3;
	}
	aside#extrainfo section.mod_ac div.block_all_news div.block_news:nth-of-type(1) div.bn_info { padding-right: 40%; }
	aside#extrainfo section.mod_ac div.block_all_news div.block_news:nth-of-type(2) div.bn_info { padding-right: 40%; }
	aside#extrainfo section.mod_ac div.block_all_news div.block_news:nth-of-type(3) div.bn_info { padding-left: 40%; }

	aside#extrainfo 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%;
	}

	aside#extrainfo 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: 'integral_cfbold', Verdana;
		font-size: 1.42857em;
		font-weight: normal;
		line-height: 1.2em;
		color: #1A3C5A;
	}
	aside#extrainfo section.mod_ac div.block_all_news div.block_news:nth-of-type(3) div.bn_info_title h3{
		color: #FFFFFF;
	}
	aside#extrainfo section.mod_ac div.block_all_news div.block_news:nth-of-type(3) a.btn_round{
		filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(247deg) brightness(107%) contrast(101%);
	}
	aside#extrainfo 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;
	}

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

	aside#extrainfo div.rest {
		position: relative;
		display: block;
		margin: 0;
		padding: 45px 0 25px;
		background: #1A3C5A;
		color: #fff;
		text-align: center;
	}
/*              */
/* 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 */
/*                */
/*             */
/*  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: "integral_cfbold", Verdana;
	font-size: 2.285714em;
	color: #1A3C5A;
}

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.svg") left top no-repeat;
	background-size: contain;
}


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

body aside#extrainfo section.horaire table { table-layout: fixed; width: 100%; min-width: 1024px; }
body aside#extrainfo section.horaire table th { width: calc(100% / 7); padding-right: 20px; padding-left: 20px; background: #fff; font-size: 6.42857em; line-height: 1em; color: #124873; text-align: center; }
body aside#extrainfo section.horaire table th:nth-of-type(6), 
body aside#extrainfo section.horaire table th:nth-of-type(7) { color: #048186; }
body aside#extrainfo section.horaire table th:after {
	content: "";
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.17777777777778em;
	text-transform: none;
}
body aside#extrainfo section.horaire table th:nth-of-type(1):after { content: "Lundi"; }
body aside#extrainfo section.horaire table th:nth-of-type(2):after { content: "Mardi"; }
body aside#extrainfo section.horaire table th:nth-of-type(3):after { content: "Mercredi"; }
body aside#extrainfo section.horaire table th:nth-of-type(4):after { content: "Jeudi"; }
body aside#extrainfo section.horaire table th:nth-of-type(5):after { content: "Vendredi"; }
body aside#extrainfo section.horaire table th:nth-of-type(6):after { content: "Samedi"; }
body aside#extrainfo section.horaire table th:nth-of-type(7):after { content: "Dimanche"; }

body aside#extrainfo section.horaire table td { width: calc(100% / 7); padding-right: 20px; padding-left: 20px; background: #ddd; font-size: 1em; color: #124873; vertical-align: middle; }
body aside#extrainfo section.horaire table td:first-of-type { border-bottom-left-radius: 10px; }
body aside#extrainfo section.horaire table td:last-of-type { border-bottom-right-radius: 10px; background: #048186; color: #fff; }
body aside#extrainfo section.horaire table span.icn_horloge {
	position: relative;
	display: block;
	margin: 0;
	padding: 35px 0 0;
}
body aside#extrainfo section.horaire table span.icn_horloge:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0 auto;
	padding: 0;
	top: 0;
	right: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url("//general.cegepjonquiere.ca/lib/images/icn_horloge.svg") center / contain no-repeat;
	filter: invert(19%) sepia(98%) saturate(951%) hue-rotate(177deg) brightness(92%) contrast(88%);
	overflow: hidden;
}
body aside#extrainfo section.horaire table span.icn_horloge { padding: 0 0 0 35px; }
body aside#extrainfo section.horaire table span.icn_horloge:before { margin: 0; top: 3px; right: auto; }
/*             */
/* FIN ASIDE   */
/*             */












/*             */
/*   FOOTER    */
/*             */
footer#containerFooter div.rest { background: #0070C7; }
footer#containerFooter div.navFooter{ display: inline-block; }
/*             */
/* FIN FOOTER  */
/*             */




/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
/* Smartphones */
@media only screen and (max-width: 469px) /*(max-width: 469px)*/ {
	h1{ font-size:200%; }
	
	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%; }
	header#containerHeader{ height:90px; }
	header#containerHeader:before{ height:90px; }
	header#containerHeader button.btn_mobile { position: relative; display: inline-block; margin: 0 0 0 20px; padding: 0; width: 90px; height: 90px; background: #0070C7; border: none; vertical-align: middle; z-index: 40; }
	
	section#section_main div.section_main_content { position: relative; display: block; margin: 0; padding: 150px 0; width: 100%; font-family: "integral_cfextra_bold", Verdana; font-size: 0.5em; text-align:center; color: #fff; z-index: 2; }
	section#section_main div.section_main_content .tt_title_ebig { font-size: 400%; font-weight: normal; line-height: 1.1em; }
	section#section_main div.section_main_content .tt_title_big { font-size: 370%; font-weight: normal; line-height: 1.1em; }
	section#section_main div.section_main_content .tt_title_moy { font-size: 300%; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_small { font-size: 180%; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_esmall { font-size: 100%; font-weight: normal; line-height: 1.1em; }
	.centrer{ text-align: center; }
	
	footer#containerFooter div.navFooter ul { display:block; }
}

/* Large smartphones */
@media only screen and (min-width: 29.375em) and (max-width: 43.6875em) /*(min-width: 470px) and (max-width: 699px)*/ {
	h1{ font-size:200%; }
	
	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%; }
	header#containerHeader{ height:90px; }
	header#containerHeader:before{ height:90px; }
	header#containerHeader button.btn_mobile { position: relative; display: inline-block; margin: 0 0 0 20px; padding: 0; width: 90px; height: 90px; background: #0070C7; border: none; vertical-align: middle; z-index: 40; }
	
	section#section_main div.section_main_content { position: relative; display: block; margin: 0; padding: 150px 0; width: 100%; font-family: "integral_cfextra_bold", Verdana; font-size: 0.5em; text-align:center; color: #fff; z-index: 2; }
	section#section_main div.section_main_content .tt_title_ebig { font-size: 400%; font-weight: normal; line-height: 1.1em; }
	section#section_main div.section_main_content .tt_title_big { font-size: 370%; font-weight: normal; line-height: 1.1em; }
	section#section_main div.section_main_content .tt_title_moy { font-size: 300%; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_small { font-size: 180%; font-weight: normal; line-height: 1em; }
	section#section_main div.section_main_content .tt_title_esmall { font-size: 100%; font-weight: normal; line-height: 1.1em; }
	.centrer{ text-align: center; }
	
	footer#containerFooter div.navFooter ul { display:block; }
}

/* 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)*/ {
	section#section_main div.section_main_content { font-size: 0.53em; }
}

@media only screen and (min-width: 62.5625em) and (max-width: 74.9375em) /*(min-width: 1001px) and (max-width: 1199px)*/ {
	header#containerHeader span.logo { padding: 30px 0; width: auto; max-width: none; }
	header#containerHeader span.logo:before { margin-right: 10px; width: 250px; height: 100%; }
	header#containerHeader span.logo:after { content: "/ International"; font-size: 2em; }
	
	
	main#containerMain nav.nav_filter { width: 50%; left: -50%; }
	main#containerMain.filter_active { left: 50%; }
}

@media only screen and (min-width: 75em) /*(min-width: 1200px)*/ {
	header#containerHeader span.logo { padding: 30px 0; width: auto; max-width: none; }
	header#containerHeader span.logo:before { margin-right: 10px; width: 250px; height: 100%; }
	header#containerHeader span.logo:after { content: "/ International"; font-size: 2em; }
	
	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:after { 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 nav.nav_filter { width: 30%; left: -30%; }
	main#containerMain.filter_active { left: 30%; }
	
	section.section.page div.section_image { float: right; margin: 0 0 45px 45px; width: 50%; }
	
	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; }
	

	
	aside#extrainfo 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_main div.section_main_content { font-size: 0.63em; }
	
	section.section.page div.image { margin: 0 0 45px; width: 100%; }
}

/* Large screen */
@media only screen and (min-width: 93.75em) and (max-width: 112.4375em) /*(min-width: 1500px) and (max-width: 1799px)*/ {
	
}

/* Very large screen */
@media only screen and (min-width: 112.5em) /*(min-width: 1800px)*/ {
	
}