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

body { display: block !important; }

div.title_site:after { background: #1A3C5A; }
.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); }

table.horaire 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;
}
table.horaire th:nth-of-type(6), table.horaire th:nth-of-type(7) {
    color: #0070C7;
}
table.horaire td:last-of-type {
    border-bottom-right-radius: 10px;
    background: #0070C7;
    color: #fff;
}

div.table_responsive {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: auto;
}

h2 { font-size:2em; }


/*             */
/*  Accordéon  */
/*             */
main#containerMain div.block_accordeon,
aside#extrainfo div.block_accordeon {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 15px;
}

main#containerMain .accordeon_quest, 
aside#extrainfo .accordeon_quest {
    position: relative;
    display: block;
    margin: 2px 0;
    padding: 23px 67px 18px 20px;
    font-family: "tt_norms_proregular", Verdana;
    font-size: 1.7142857em;
    font-weight: normal;
    line-height: 1.2em;
    color: #003461;
    background: #e3f1fb;
    cursor: pointer;
}
main#containerMain section.section div.block_section:nth-of-type(2n) .accordeon_quest { background: #fff; }
main#containerMain .accordeon_quest button, 
aside#extrainfo .accordeon_quest button { display: block; padding: 20px 64px 15px 17px; width: 100%; z-index: 3; }
main#containerMain .accordeon_quest button:hover, 
aside#extrainfo .accordeon_quest button:hover { padding: 20px 64px 15px 17px; }

main#containerMain .accordeon_rep, 
aside#extrainfo .accordeon_rep {
    position: relative;
    display: block;
    margin: 0;
    padding: 23px 20px 18px 20px;
    overflow: hidden;
}

main#containerMain .accordeon_quest:after, 
aside#extrainfo .accordeon_quest:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto 0;
    padding: 0;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 27px;
    height: 24px;
    background: url(../images/icn_accordeon.png) center no-repeat;
    background-size: contain;
    overflow: hidden;
	z-index: 1;
}

main#containerMain .accordeon_quest.active:after, 
aside#extrainfo .accordeon_quest.active:after {
    transform: rotate(180deg);
}
/*               */
/* FIN Accordéon */
/*               */


.block_noteimp {
    position: relative;
    display: inline-block;
    margin: 0 0 40px;
	padding: 40px;
    width: 100%;
    background: #ffaa00;
    color: #1A3C5A;
}

.block_noteimp h2, 
.block_noteimp h3 { margin: 0 0 20px; font-size: 2.2857em; }





/*             */
/*   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(31%) sepia(35%) saturate(3294%) hue-rotate(185deg) brightness(95%) contrast(104%); }

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(31%) sepia(35%) saturate(3294%) hue-rotate(185deg) brightness(95%) contrast(104%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(3) a.niv0 { width: 36px; height: 36px; }
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(3) a.niv0:before { background: url("//general.cegepjonquiere.ca/lib/images/icn_valise_outline.svg") center no-repeat; background-size: contain; filter: invert(31%) sepia(35%) saturate(3294%) hue-rotate(185deg) brightness(95%) contrast(104%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(1) a.niv0:hover:before, 
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2) a.niv0:hover:before, 
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(3) a.niv0:hover:before { filter: invert(53%) sepia(31%) saturate(2682%) hue-rotate(1deg) brightness(105%) contrast(105%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(2).active a.niv0 { height: 46px; background: #0070C7; }
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; filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(179deg) brightness(118%) contrast(98%); }

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: #0070C7;
	line-height: 1.2em;
	color: #fff;
	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: #1A3C5A; }



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: 1px solid #0071CE;
	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: #1A3C5A;
	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: #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 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: #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: #1A3C5A;
}

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 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: #0070C7; }
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:nth-of-type(5) a.niv0:after { background: #15BDC4; }
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: #0070C7; }
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 ul.niv0 li.niv0:nth-of-type(5) div.submenu.niv1 { border-color: #15BDC4; }
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: "tt_norms_probold", 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: "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#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, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(3) a.niv0 { padding: 4px 0 0  50px; width: auto; font-family: 'tt_norms_proregular', Verdana; font-size: 1.142857em; color: #fff; text-decoration: none; }
.no-mobile header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li a.niv0:hover { text-decoration: underline; }
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, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(3) 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, 
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(3) 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; }
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.menup div.block_search { display: block; width: 100%; padding: 20px 45px; }
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: #0070C7; vertical-align: bottom; font-size: 0; line-height: 0; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #0070C7; 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(61%) sepia(88%) saturate(1017%) hue-rotate(358deg) brightness(101%) contrast(108%);
}
/*             */
/* 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: "integral_cfbold", Verdana;
	font-size: 1.5714em;
	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.285714em;
	color: #124873;
}
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(76%) sepia(53%) saturate(6795%) hue-rotate(0deg) brightness(106%) contrast(106%);
	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 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%;
}
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; }



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

	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;
		overflow: hidden;
	}
	section#section_main div.block_main:nth-of-type(1) { height: 100%; min-height: 525px; }

	section#section_main div.block_main div.image {
		position: relative;
		display: block;
		margin: 0;
		padding: 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 { min-height: 525px; }

	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;
	}
	section#section_main div.block_main:nth-of-type(1) div.image:before { background: #1A3C5A; opacity: 0.8; }
	section#section_main div.block_main:nth-of-type(2) div.image { background-color: #004D85; background-blend-mode: multiply; }
	section#section_main div.block_main:nth-of-type(3) div.image { background-color: #1A3C5A; 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: "integral_cfextra_bold", Verdana;
		text-align: center;
		transform: translate(0, -50%);
		z-index: 2;
	}
	section#section_main div.block_main:nth-of-type(2) div.txt { margin: 0; right: auto; }
	section#section_main div.block_main:nth-of-type(3) div.txt { margin: 0; left: auto; }

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

	section#section_main div.block_main div.txt div.txt_left, 
	section#section_main div.block_main div.txt div.txt_right {
		position: relative;
		display: inline-block;
		margin: 0 0 0 -4px;
		padding: 0 4px 0 4px;
		width: 50%;
		vertical-align: top;
	}

	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 a { margin: 45px 0 0; }
	section#section_main div.block_main div.txt a.btn_icn { background: #FFAA00; color: #1A3C5A; }
	section#section_main div.block_main div.txt a.btn_icn:before { background: #FF8B00; }
	section#section_main div.block_main div.txt a.btn_icn:after { filter: invert(17%) sepia(47%) saturate(942%) hue-rotate(169deg) brightness(95%) contrast(88%); }
	section#section_main div.block_main div.txt a.btn_icn span:after { background: #1A3C5A }

	section#section_main div.block_main:nth-of-type(1) div.txt div.txt_left { display: none; }
	section#section_main div.block_main:nth-of-type(1) div.txt div.txt_right { width: 100%; text-align: center; }
	section#section_main div.block_main:nth-of-type(1) div.txt .tt_title_ebig { margin-right: 4px; font-size: 8em; font-weight: normal; color: #13E2C9; line-height: 0.9em; vertical-align: top; }
	section#section_main div.block_main:nth-of-type(1) div.txt .tt_title_big { font-size: 5.42857em; font-weight: normal; color: #FF8B00; line-height: 0.8em; vertical-align: bottom; }
	section#section_main div.block_main:nth-of-type(1) div.txt .tt_title_moy { display: block; margin-top: 2px; font-size: 3.642857em; font-weight: normal; color: #fff; line-height: 0.9em; }
	section#section_main div.block_main:nth-of-type(1) div.txt .tt_title_small { display: block; margin-top: 2px; font-size: 2.92857em; font-weight: normal; color: #FFAA00; line-height: 0.9em; }
	section#section_main div.block_main:nth-of-type(1) div.txt .tt_title_esmall { font-size: 2.857em; font-weight: normal; color: #fff; line-height: 1em; vertical-align: bottom; }

	section#section_main div.block_main:nth-of-type(2) div.txt div.txt_left { width: 40%; vertical-align: bottom; text-align: right; }
	section#section_main div.block_main:nth-of-type(2) div.txt div.txt_right { width: 60%; vertical-align: bottom; text-align: left; }
	section#section_main div.block_main:nth-of-type(2) div.txt .tt_title_big { font-size: 5.5714em; font-weight: normal; color: #13E2C9; line-height: 0.8em; vertical-align: bottom; }
	section#section_main div.block_main:nth-of-type(2) div.txt .tt_title_moy { display: block; font-size: 2.642857em; font-weight: normal; color: #fff; line-height: 1em; }
	section#section_main div.block_main:nth-of-type(2) div.txt .tt_title_small { display: block; font-size: 2.5714em; font-weight: normal; color: #fff; line-height: 1em; }
	section#section_main div.block_main:nth-of-type(2) div.txt .tt_title_esmall { display: block; font-size: 2.5em; font-weight: normal; color: #fff; line-height: 1em; text-align: right; }

	section#section_main div.block_main:nth-of-type(3) div.txt .tt_title_ebig { font-size: 5.785714em; font-weight: normal; color: #fff; line-height: 0.8em; vertical-align: top; }
	section#section_main div.block_main:nth-of-type(3) div.txt .tt_title_big { display: block; font-size: 3.5714em; font-weight: normal; color: #FF8B00; line-height: 1em; text-align: right;}
	section#section_main div.block_main:nth-of-type(3) div.txt .tt_title_moy { display: block; font-size: 2.85714em; font-weight: normal; color: #FFAA00; line-height: 1em; text-align: left; }
	section#section_main div.block_main:nth-of-type(3) div.txt .tt_title_small { font-size: 2.5em; font-weight: normal; color: #fff; line-height: 1em; vertical-align: top; }
/*              */
/* FIN SPLASH   */
/*              */



/*              */
/*     NEWS     */
/*              */
	main#containerMain div.block_all_archives div.block_news div.bn_info_title h3 { font-size: 1.7142857em; color: #0070C7; }
/*              */
/*  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_page424 div.section_image,
	section#section_page497 div.section_image,
	section.section.page.form div.section_image { display: none; }
/*              */
/*   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: "integral_cfbold", 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 h2.bp_title span.sub { display: block; margin-top: 10px; font-family: "tt_norms_probold", Verdana; font-size: 0.75em; line-height: 1.2em; text-transform: none; }

	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: "tt_norms_probold", Verdana;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #0070C7;
		z-index: 2;
	}

	section#section_prog div.block_all_prog div.block_prog div.bp_info img {
		display: inline-block;
		width: 100%;
		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: #1A3C5A;
		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: "integral_cfbold", 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: "tt_norms_probold", Verdana;
		font-size: 1em;
		line-height: 1.2em;
		text-transform: uppercase;
		color: #FFAA00;
		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: 'integral_cfbold', 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; }

	section.programme div.section_image {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: calc(100vh - 125px);
		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 {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(18,72,115);
		background: -moz-linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		background: linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#124873",endColorstr="#13e2c9",GradientType=1);
		opacity: 0.9;
		z-index: 2;
	}

	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: 3;
	}
	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: "bruta_pro_regularextra_bold", Verdana; font-size: 2em; text-transform: none; color: #fff; }
	section.programme div.section_image div.block_txt h1 span.sub { display: block; margin-top: 10px; font-family: "tt_norms_probold", 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_module div.block_link_img.balado div.bli_info {
        position: absolute;
        display: block;
        padding: 20px 30px;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: left;
    }

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

	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.15;
	}
	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_section.cta:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		height: 50%;
		right: 0;
		bottom: 45px;
		left: 0;
		opacity: .25;
		background: #FFAA00;
	}


	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: #e7e7e7; opacity: 0.7; }
	section.programme div.block_section.block_desc2:after, 
	section.programme div.block_section.block_desc2 div.col:nth-of-type(2):before { background: #13E2C9; 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: #13E2C9; opacity: 0.15; }
	section.programme div.block_section.col2:after, 
	section.programme div.block_section.col2 div.col:nth-of-type(2):before { background: #FFAA00; opacity: 0.15; }


	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: #13E2C9; opacity: 0.15; }
	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.15; }
	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%;
		opacity: .15;
		background: #13E2C9;
	}

	
	section.programme div.block_section div.block_tauxh { margin: 0; padding: 45px; background: #FF8B00; border-radius: 10px; }
	section.programme div.block_section div.block_tauxh span.title {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		font-family: "integral_cfbold", Verdana;
		font-size: 2em;
		line-height: 1.2em;
		color: #003461;
		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: "integral_cfbold", Verdana;
		font-size: 2.5714em;
		line-height: 1em;
		color: #fff;
		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: "integral_cfbold", Verdana;
		font-size: 8em;
		line-height: 0.6em;
		color: #1A3C5A;
		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("../../../media/tinymce/Futurs étudiants/Programmes/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(18,72,115);
		background: -moz-linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		background: linear-gradient(180deg, rgba(18,72,115,1) 50%, rgba(19,226,201,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#124873",endColorstr="#13e2c9",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: "integral_cfbold", 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: "integral_cfbold", 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: "tt_norms_probold", Verdana; font-size: 2em; line-height: 1.2em; }
	
	section.programme div.legend span.type { font-size: 1.142857em; text-transform: uppercase; color: #0070C7; }
	section.programme div.legend span.type.typeG { color: #124873; }

	section.programme div.block_group_cours { 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 { 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: "tt_norms_probold", Verdana; font-size: 1.714em; color: #0070C7; line-height: 1.2em; }
	section.programme div.block_cours.typeG h4.cours_title { color: #124873; }
	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: #0070C7; text-transform: uppercase; }
	section.programme div.block_cours.typeG span.cours_type { color: #124873; }

	section.programme div.prog_note_foot {
		position: relative;
		display: block;
		margin: 45px 0 0;
		padding: 0;
	}

	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: 'tt_norms_probold', Verdana;
		font-size: 1.142857em;
		color: #15BDC4;
		text-align: right;
	}
/*              */
/*  FIN Emploi  */
/*              */












/*                               */
/*   Balado - Tu t'en vas où?    */
/*                               */
    .balado-01 div.title_site { padding: 31px 0; }
    .balado-01 div.title_site:before { background-position: bottom right; }
    .media .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep.jpg"); }
    .media_3000 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_3000.jpg"); }
    .media_2000 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_2000.jpg"); }
    .media_1500 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_1500.jpg"); }
    .media_1280 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_1280.jpg"); }
    .media_1024 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_1024.jpg"); }
    .media_640 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_640.jpg"); }
    .media_480 .balado-01 div.title_site:before { background-image: url("../images/head-balado-ep_480.jpg"); }
    body.balado-01 div.title_site:after { display: none; }

    body.page-613 div.title_site { padding: 0 0 31.625%; }
    body.page-613 div.title_site h1 { 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; }
    .media .page-613 div.title_site:before { background-image: url(../images/bg_balado.jpg); }
    .media_3000 .page-613 div.title_site:before { background-image: url(../images/bg_balado_3000.jpg); }
    .media_2000 .page-613 div.title_site:before { background-image: url(../images/bg_balado_2000.jpg); }
    .media_1500 .page-613 div.title_site:before { background-image: url(../images/bg_balado_1500.jpg); }
    .media_1280 .page-613 div.title_site:before { background-image: url(../images/bg_balado_1280.jpg); }
    .media_1024 .page-613 div.title_site:before { background-image: url(../images/bg_balado_1024.jpg); }
    .media_640 .page-613 div.title_site:before { background-image: url(../images/bg_balado_640.jpg); }
    .media_480 .page-613 div.title_site:before { background-image: url(../images/bg_balado_480.jpg); }


    body.balado-01 main#containerMain span.separator { display: none; }
    body.balado-01 main#containerMain span.txt_after_separator { display: block; padding-top: 30px; font-size: 0.75em; }
    body.page-613 main#containerMain span.txt_after_separator { padding-top: 0; }
    body.balado-01 main#containerMain span.txt_after_separator:nth-of-type(2) { display: none; }


    
    body.balado-01 main#containerMain h2, 
    body.balado-01 main#containerMain h2.title_section { color: #042A42; }
    body.balado-01 main#containerMain h2.title_section { padding: 0; }
    body.balado-01 main#containerMain h2.title_section:before { display: none; }


    body.balado-01 main#containerMain section.section div.block_section { background: none; }
    body.balado-01 main#containerMain section.section div.block_section:nth-of-type(2n) { background: #D9EAF7; }
    
    body.page-613 main#containerMain section.section div.block_section:nth-of-type(2n) { background: none; }
    body.page-613 main#containerMain section.section div.block_section:nth-of-type(3) { background: #D9EAF7; }
    body.page-613 main#containerMain section.section div.block_section:nth-of-type(3) div.max-width { max-width: none; }
    
    
    body.balado-01 main#containerMain section.section div.block_section.block_zone_mm { display: none; }

    body.page-613 section div.block_news div.image:before { padding-bottom: 69.23%; background: #ffbb76; opacity: 0.5; z-index: 2; }
    body.page-613 section div.block_news div.image img { z-index: 1; }
    body.page-613 main#containerMain div.block_all_archives div.block_news div.bn_info_title h3 { color: #042A42; }


    body.page-613 main#containerMain div.block_anim:before {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #FFDEBA;
        opacity: 0.45;
    }


    body.balado-01 main#containerMain div.block_visuel { padding: 100px 0 0; }
    
    body.balado-01 main#containerMain div.block_cols.icn_balado { padding: 0 0 20px; gap: 20px; }
    body.balado-01 main#containerMain div.block_cols.icn_balado div.col { width: 48px; }
    body.balado-01 main#containerMain div.block_cols.icn_balado h3 { text-transform: uppercase; color: #0070C7; }
    body.balado-01 main#containerMain a.btn_icn_balado {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }
    body.balado-01 main#containerMain a.btn_icn_balado:before {
        content: "";
        position: relative;
        display: block;
        margin: 0;
        padding: 0 0 100%;
        width: 100%;
        background: center / contain no-repeat;
        overflow: hidden;
    }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_spotify:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_spotify.svg"); }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_pod:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_pod.svg"); }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_amazon:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_amazon.svg"); }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_youtube_music:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_youtube_music.svg"); }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_youtube:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_youtube.svg"); }
    body.balado-01 main#containerMain a.btn_icn_balado.icn_iheart:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_balado_iheart.svg"); }
/* FIN */

/*             */
/*  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: 1.5714em;
	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.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: 1;
	
	-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 45px;
	width: 100%;
	color: #1A3C5A;
	z-index: 3;
}
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_680.block_news div.bn_info,
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_682.block_news div.bn_info,
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_925.block_news div.bn_info { padding-left: 40%; }
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_681.block_news div.bn_info { padding-right: 40%; }

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: 'integral_cfbold', 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_cta_925.block_news div.bn_info_title h3 { color: #fff; }
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_925.block_news div.bn_info_resume { color: #fff; }
footer#containerFooter section.mod_ac div.block_all_news div#block_news_cta_925.block_news a.btn_round:before { filter: invert(100%) sepia(2%) saturate(7476%) hue-rotate(272deg) brightness(107%) contrast(100%); }

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

footer#containerFooter div.prefooter {
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 45px 0 25px;
	background: #1A3C5A;
}

footer#containerFooter div.prefooter h2 { margin: 0; font-family: "tt_norms_probold", Verdana; font-size: 1.42857em; color: #FFAA00; }

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

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#section_main div.block_main:nth-of-type(1) div.txt .tt_title_ebig { line-height: 1em; }
	section#section_main div.block_main:nth-of-type(1) div.txt div.txt_left { width: 100%; text-align: center; }
	section#section_main div.block_main:nth-of-type(1) div.txt div.txt_right { width: 100%; text-align: center; }
	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; }

	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; }
	
	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%; }
	
	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: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 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%; }
	
	section.section.page div.section_image { float: right; margin: 0 0 45px 45px; width: 50%; }
	.block_noteimp {  width: 47%; }
	
	section#section_main { height: 100vh; }
	section#section_main div.block_main { float: left; width: 50%; }
	section#section_main div.block_main div.txt div.txt_design { font-size: 1em; }
	section#section_main div.block_main:nth-of-type(1),
	section#section_main div.block_main:nth-of-type(1) div.image { min-height: 840px; }
	
	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; }
}