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


@font-face {
    font-family: 'tt_norms_proregular';
    src: url('//general.cegepjonquiere.ca/lib/fonts/ttnormspro-regular-webfont.woff2') format('woff2'),
         url('//general.cegepjonquiere.ca/lib/fonts/ttnormspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'tt_norms_probold';
    src: url('//general.cegepjonquiere.ca/lib/fonts/ttnormspro-bold-webfont.woff2') format('woff2'),
         url('//general.cegepjonquiere.ca/lib/fonts/ttnormspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { display: block !important; color: #000; }

*:focus { outline-color: #E3541B; }

a { color: #E3541B; text-decoration: underline; touch-action: pan-y; }
.no-mobile a:hover { color: #E3541B; text-decoration: none; }
a:active { color: #E3541B; }
a:visited { color: #E3541B; }

a#skiptomain { background: #E3541B; color: #000; }

h1, h2, h3, h4, h5, h6 {
	font-family: "tt_norms_probold", Verdana, sans-serif;
	color: #454545;
}

h1.title_section, 
h2.title_section {
	position: relative;
	display: block;
	margin: 0 0 45px;
	padding: 0;
	width: 100%;
	font-family: "tt_norms_probold", Verdana;
	font-size: 2.857em;
	color: #C14615;
	text-transform: uppercase;
}

form label { color: #000000; }
form .disabled label { color: #C14615; }

form .checkbox label:before,
form .radio label:before { border: 1px solid #000000; background: none; }
form .checkbox.checked label:before,
form .radio.checked label:before { background: #000000; }
.no-mobile form div.select_cutie ul li a:hover { background: #F7EAE4; color: #000; text-decoration: none; }

form button, form input[type=button], form input[type=submit], a.button { background: #E3541B; color: #fff; }
form button:hover, form input[type=button]:hover, form input[type=submit]:hover, a.button:hover { color: #fff; }

a.btn_round:focus, button.btn_round:before { outline-color: #333; }
a.btn_round:before, button.btn_round:before { filter: invert(10%) sepia(61%) saturate(0%) hue-rotate(185deg) brightness(131%) contrast(87%); }

a.btn_icn, button.btn_icn { background: #F5A71C; font-family: "tt_norms_probold", Verdana, serif; text-transform: uppercase; color: #333333; border-radius: 6px; }
a.btn_icn:before, button.btn_icn:before { background: #EC7E23; }
a.btn_icn:after, button.btn_icn:after { filter: invert(9%) sepia(8%) saturate(255%) hue-rotate(314deg) brightness(103%) contrast(75%); }
a.btn_icn span:after, button.btn_icn span:after { background: #333333; }
.no-mobile a.btn_icn:hover, .no-mobile button.btn_icn:hover { color: #333333; }

a.btn_border { border: 2px solid #E3541B; background: transparent; font-family: "tt_norms_probold", Verdana, serif; text-transform: uppercase; color: #E3541B }
a.btn_border:before { background: #E3541B; }
.no-mobile a.btn_border:hover { color: #fff; }
main#containerMain nav.nav_filter div.block_filter ul li.active a{ text-decoration:underline; }

a.btn_plain, button.btn_plain { background: #F5A71C; font-family: "tt_norms_probold", Verdana, serif; text-transform: uppercase; color: #333; border-radius: 6px; }
a.btn_plain:before, button.btn_plain:before { background: #EC7E23; }
a.btn_plain:hover, button.btn_plain:hover { color: #000; }

a.btn_plain.orange, button.btn_plain.orange { background: #E3541B; color: #000; }
a.btn_plain.orange:before, button.btn_plain.orange:before { background: #EC7E23; }
a.btn_plain.orange:hover, button.btn_plain.orange:hover { color: #000; }

a.btn_plain.ext, button.btn_plain.ext { background: #333333; color: #fff; }
a.btn_plain.ext:before, button.btn_plain.ext:before { background: #000; }
a.btn_plain.ext:hover, button.btn_plain.ext:hover { color: #fff; }

table th { background-color: #EC7E23; color: #000; }
caption { background-color: #C14615; color: #fff; }

ul { list-style-type: disc; padding-left: 15px; color: #454545; }
ol { list-style-type: decimal; padding-left: 17px; color: #454545; }
ul li, ol li { margin-left: 15px; padding-bottom: 5px; }



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

section.section div.block_section {
	position: relative;
	display: block;
	margin: 0;
	padding: 45px 0 90px;
	width: 100%;
	overflow: hidden;
}

section.section:nth-of-type(1) div.block_section:nth-of-type(1) { padding: 0 0 45px; }
section.section div.block_section:first-of-type { padding: 0 0 45px; }
section.section div.block_section:nth-of-type(2n) { background: #e7e7e7; }
section.section div.block_section div.center { z-index: 2; }



/*                */
/*     Paging     */
/*                */
	div.paging ul li a, div.paging ul li.selected span { color: #454545; }
	div.paging ul li.selected span { background: #E3541B; border-radius: 50%; color: #000; }
/*                */
/*   FIN Paging   */
/*                */





/*             */
/*  LIGHTBOX   */
/*             */
	div#lightbox_overlay { background: #1C1C1C; background: rgba(28, 28, 28, 0.97); }
	div#lightbox button#lightbox_galery_close span.txt { font-family: "tt_norms_probold", Verdana, serif; color: #FEB548; }
	div#lightbox button#lightbox_galery_close span.icn2, 
	div#lightbox button#lightbox_galery_close span.icn2:before, 
	div#lightbox button#lightbox_galery_close span.icn2:after { background: #EFE7A2; }
/*             */
/* FIN LIGHTBOX*/
/*             */






/*             */
/*   SLIDER  . */
/*             */
	div.slider_p a.btn_prev, 
	div.slider_p a.btn_next { border: 2px solid #396F7D; }
	
	div.slider_p a.btn_prev:before, 
	div.slider_p a.btn_next:before { filter: invert(40%) sepia(9%) saturate(2244%) hue-rotate(146deg) brightness(92%) contrast(84%); }
/*             */
/* FIN SLIDER  */
/*             */






/*             */
/*   YOUTUBE . */
/*             */
	div.block_video { border-radius: 10px; background: #000; overflow: hidden; }
	div.block_video div.image {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		z-index: 1;
	}

	div.block_video div.image:before {
		content: "";
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 76%;
		z-index: 1;
	}

	div.block_video div.image img {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 2;
	}

	div.block_video div.image:after {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
		background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
		background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
		z-index: 3;
	}

	div.block_video div.bv_info {
		position: relative;
		display: block;
		margin: 0;
		padding: 35px 90px 35px 25px;
		width: 100%;
		z-index: 5;
	}

	div.block_video div.bv_info h3 {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		font-family: "tt_norms_proregular", Verdana, sans-serif;
		font-size: 1.285714em;
		line-height: 1.1em;
		color: #fff;
	}

	div.block_video div.bv_info h3 a { color: #fff; text-decoration: none; }
	div.block_video div.bv_info h3 a:hover { text-decoration: underline; }

	div.block_video div.bv_info span.icn_type {
		position: absolute;
		display: block;
		margin: auto 0;
		padding: 0;
		top: 0;
		right: 25px;
		bottom: 0;
		width: 40px;
		height: 40px;
		overflow: hidden;
		z-index: 5;
	}
	div.block_video div.bv_info span.icn_type:before {
		content: "";
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: center / contain no-repeat;
		filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(177deg) brightness(109%) contrast(101%);
		overflow: hidden;
	}
	div.block_video div.bv_info span.icn_type.icn_video:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_video.svg"); }
	div.block_video div.bv_info span.icn_type.icn_blog:before { background-image: url("//general.cegepjonquiere.ca/lib/images/icn_texte.svg"); }


	div.block_video.btn div.image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: #F5A71C; }
	div.block_video.btn div.image:before { display: none; }
	div.block_video.btn div.image img { position: relative; top: auto; right: auto; bottom: auto; left: auto; mix-blend-mode: multiply; }
	div.block_video.btn div.image:after { display: none; }
	div.block_video.btn div.bv_info { padding: 35px; max-width: 240px; }
	div.block_video.btn div.bv_info h3 { margin: 0 0 20px; font-family: "tt_norms_probold", Verdana; font-size: 1.85714em; line-height: 1.2em; color: #333; }


	section.mod_youtube div.block_video_full {
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		width: 100%;
    	flex-direction: column;
	}

	section.mod_youtube div.block_video_full h1 { width: 100%; }

	section.mod_youtube div.block_video_full div#video_youtube {
		position: relative;
		display: block;
		margin: 0 0 25px;
		padding: 0;
		width: 100%;
		order: -1;
	}

	section.mod_youtube div.block_video_full div.imageWrapper { border-radius: 10px; }

	section.mod_youtube div.block_video_full div.block_desc {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	section.mod_youtube div.block_video_full div.block_foot {
		position: relative;
		display: block;
		margin: 25px 0 0;
		padding: 0;
		width: 100%;
	}

	section.mod_youtube.full div.block_video div.image:before { padding: 0 0 35%; }
	section.mod_youtube.full div.extrainfo h2 { margin-top: 0; }
/*             */
/* FIN YOUTUBE */
/*             */






/*             */
/* Erreur 404  */
/*             */
	main#containerMain section#section_page_err404 h2.title:before { filter: invert(12%) sepia(0%) saturate(4308%) hue-rotate(192deg) brightness(119%) contrast(106%); }
/*             */
/* FIN Erreur  */
/*             */





/*             */
/*   HEADER    */
/*             */
header#containerHeader {
	position: fixed;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	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: 100px;
	background: #fff;
	z-index: 1;
}

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

header#containerHeader a.external:after { filter: invert(20%) sepia(90%) saturate(13%) hue-rotate(342deg) brightness(89%) contrast(79%); }
header#containerHeader nav#navmedias a.external:after { display: none; }



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

header#containerHeader span.logo:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 18px;
	right: 35px;
	bottom: 18px;
	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 div.block_menu_desk {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	text-align: right;
	vertical-align: bottom;
	z-index: 2;
}


header#containerHeader div#block_all_menu nav.utilitaire {
	position: relative;
	display: block;
	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 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li:nth-of-type(1):after {
	content: "";
	position: relative;
	display: inline-block;
	margin: 0 0 0 40px;
	padding: 0;
	width: 1px;
	height: 32px;
	background: #000;
	vertical-align: middle;
}

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: "tt_norms_proregular", Verdana, sans-serif;
	color: #000;
	text-decoration: none;
}
header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li a:hover { text-decoration: underline; }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.item-12 a:before { content: ""; position: relative; display: block; width: 18px; height: 18px; filter: invert(14%) sepia(1%) saturate(8%) hue-rotate(5deg) brightness(96%) contrast(83%); background: center / contain no-repeat url("//general.cegepjonquiere.ca/lib/images/icn_fb.svg"); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.item-12 a:hover:before { filter: invert(0%) sepia(42%) saturate(1017%) hue-rotate(195deg) brightness(101%) contrast(100%); }

header#containerHeader div#block_all_menu nav.utilitaire ul.niv0 li.item-12 a span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; }


header#containerHeader div.block_menu_desk nav.main {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 2;
}

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

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

header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: block;
	margin: 0;
	padding: 13px 20px 12px;
	font-family: "tt_norms_probold", Verdana, sans-serif;
	font-size: 1.42857em;
	color: #000;
	text-decoration: none;
	line-height: 1.2em;
}
header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:focus { outline-offset: -2px; }

header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ddd;
	z-index: 1;
	overflow: hidden;
	
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	transition: top .3s ease-out;
}
header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:focus:before { right: 2px; bottom: 2px; left: 2px; }

header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:after {
	content: "";
	position: relative;
	display: inline-block;
	margin: 3px 0 0 10px;
	padding: 0;
	width: 12px;
	height: 6px;
	background: url("//general.cegepjonquiere.ca/lib/images/icn_fl_bas.svg") center / contain no-repeat;
	vertical-align: middle;
	z-index: 2;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	transition: transform .3s ease-out;
}

header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:hover:before, header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0.activejs a.niv0:before { top: 0; }
header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0:focus:before { top: 2px; }
header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0.activejs a.niv0:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); }

header#containerHeader div.block_menu_desk nav.main ul.niv0 li.niv0 a.niv0 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 3;
}

header#containerHeader div.block_menu_desk div.extrainfo { display: none; }

header#containerHeader div.block_menu_desk nav.main div.submenu.niv1 {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	right: 0;
	width: 240px;
	height: 0;
	background: #ddd;
	text-align: left;
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
header#containerHeader div.block_menu_desk nav.main li.niv0.activejs div.submenu.niv1 { height: auto; visibility: visible; opacity: 1; }

header#containerHeader div.block_menu_desk nav.main ul.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

header#containerHeader div.block_menu_desk nav.main ul.niv1 li.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

header#containerHeader div.block_menu_desk nav.main ul.niv1 li.niv1 a.niv1, 
header#containerHeader div.block_menu_desk nav.main ul.niv1 li.niv1 strong.niv1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 20px 11px;
	font-family: "tt_norms_probold", Verdana, sans-serif;
	color: #000;
	text-decoration: none;
}
header#containerHeader div.block_menu_desk nav.main ul.niv1 li.niv1 a.niv1:focus { outline-offset: -2px; }
header#containerHeader div.block_menu_desk nav.main ul.niv1 li.niv1 a.niv1:hover { background: #ccc; }

header#containerHeader div.block_menu_desk nav.main ul.niv2 { display: none; }



header#containerHeader button.btn_mobile {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	background: #F5A71C;
	border: none;
	vertical-align: middle;
	z-index: 40;
}
header#containerHeader button.btn_mobile:focus { outline-color: #333333; outline-offset: -2px; }

header#containerHeader button.btn_mobile span.txt { display: none; }
header#containerHeader button.btn_mobile span.icn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 34px; height: 24px; }

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: #333333;
	border-radius: 3px;
	cursor: pointer;
}
header#containerHeader button.btn_mobile span.icn2 { top: 10px;  }
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: none;
	margin: 0;
	padding: 180px 0 0;
	top: -100vh;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background: #F5A71C;
	
	-webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
}

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

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

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

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
}

header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 20px;
	min-width: 50%;
	font-family: "tt_norms_probold", Verdana, sans-serif;
	font-size: 1.142857em;
	color: #454545;
	background: transparent;
	background: rgba(227, 84, 27, 0);
	text-decoration: none;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}



header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:after {
	content: "";
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 0;
	width: 10px;
	height: 10px;
	background: url("//general.cegepjonquiere.ca/lib/images/icn_fl_bas.svg") center / contain no-repeat;
	filter: invert(25%) sepia(9%) saturate(12%) hue-rotate(12deg) brightness(98%) contrast(93%);
	vertical-align: middle;
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0.activejs a.niv0:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }

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

header#containerHeader div.menup nav#navmainmenu div.submenu.niv1 {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
header#containerHeader div.menup nav#navmainmenu li.activejs div.submenu.niv1 { display: block; }

header#containerHeader div.menup nav#navmainmenu div.submenu.niv1:before, header#containerHeader div.menup nav#navmainmenu div.submenu.niv1:after {
	content: "";
	position: absolute;
	display: block;
	margin: 0 auto;
	padding: 0;
	right: 0;
	left: 0;
	width: 50%;
	height: 1px;
	background: #E3541B;
}
header#containerHeader div.menup nav#navmainmenu div.submenu.niv1:before { top: 0; }
header#containerHeader div.menup nav#navmainmenu div.submenu.niv1:after { bottom: 0; }

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

header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
}

header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 a.niv1 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px;
	min-width: 50%;
	font-family: "tt_norms_probold", Verdana, sans-serif;
	font-size: 1.142857em;
	color: #454545;
	background: transparent;
	background: rgba(227, 84, 27, 0);
	text-decoration: none;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.no-mobile header#containerHeader div.menup nav#navmainmenu ul.niv1 li.niv1 a.niv1:hover { color: #000; background: #E3541B; background: rgba(227, 84, 27, 1); }

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

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



header#containerHeader div#block_all_menu div.menup nav.utilitaire { text-align: center; padding-bottom: 10px; margin-bottom: 20px; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire:after {
	content: "";
	position: absolute;
	display: block;
	margin: 0 auto;
	padding: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	max-width: 175px;
	height: 1px;
	background: #E3541B;
}
header#containerHeader div#block_all_menu div.menup nav.utilitaire:last-of-type:after { display: none; }

header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 { text-align: center; }

header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li { margin-bottom: 10px; width: 100%; text-align: center; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li#util_item-12 { width: auto; }
header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li:nth-of-type(1):after { display: none; }

header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li a { font-family: "tt_norms_probold", Verdana, sans-serif; font-size: 1.142857em; color: #454545; }
/*             */
/* FIN HEADER  */
/*             */












/*             */
/*    MAIN     */
/*             */
main#containerMain {
	position: relative;
	display: block;
	margin: 0;
	padding: 100px 0 0;
	width: 100%;
	overflow: hidden;
	z-index: 3;
}



div.title_site.nopadbot { padding-bottom: 0; }
div.title_site:after { background: #000; opacity: 0.75; }
div.title_site:before { background-position: 50% 60%; }
.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); }
div.title_site h1.title_site { color: #fff; }
div.title_site h2 { color: #F5A71C; text-align: center; }

div.title_site div.block_prog {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 35px;
	max-width: 1024px;
	background: #fff;
}
div.title_site div.block_prog:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 50%;
	right: -1000%;
	bottom: 0;
	left: -1000%;
	background: #fff;
	z-index: 1;
}

div.title_site div.block_prog div.content {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 2;
}

body.home div.title_site { padding-top: 100px; z-index: 5; }
body.home div.title_site:after, 
body.home div.title_site:before, 
body.home div.title_site div.center:before { display: none; }
body.home div.title_site h1.title_site { color: #fff; }

div.main_img {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
div.main_img:after {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #454545;
	opacity: 0.95;
	overflow: hidden;
	z-index: 3;
}

div.main_img img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 2;
}


main#containerMain nav.nav_filter { top: 100px; height: calc(100% - 100px); background: #F5A71C; }
main#containerMain nav.nav_filter div.block_filter h2.filter_title { color: #333; }
main#containerMain nav.nav_filter div.block_filter h3.filter_title { color: #333; }
main#containerMain nav.nav_filter div.block_filter h2.filter_title.icn.icn_filter:before { filter: invert(16%) sepia(48%) saturate(15%) hue-rotate(4deg) brightness(100%) contrast(93%); }
main#containerMain nav.nav_filter button.btn_close { filter: invert(16%) sepia(48%) saturate(15%) hue-rotate(4deg) brightness(100%) contrast(93%); }
main#containerMain nav.nav_filter div.block_filter label { color: #333; }

section.section.page div.section_image { border-radius: 10px; }
section.section.page div.col div.section_image { float: none; margin: 0; width: 100%; }



/*              */
/*     PROG     */
/*              */
	section#section_prog div.block_all_prog div.block_prog div.bp_info span.bp_cat,
	section#section_prog div.block_all_prog div.block_prog div.bp_preview span.bp_cat { display: none; }


	section#section_prog div.block_all_prog div.block_prog div.bp_preview { background: #F5A71C; color: #333; }
	section#section_prog div.block_all_prog div.block_prog div.bp_preview button.btn_close { filter: invert(0%) sepia(42%) saturate(1017%) hue-rotate(195deg) brightness(101%) contrast(100%); }
	section#section_prog div.block_all_prog div.block_prog div.bp_preview h2.bp_title { color: #333; }
	section#section_prog div.block_all_prog div.block_prog div.bp_preview h3 { font-size: 1.4285714em; color: #333; }
/*              */
/*  FIN PROG    */
/*              */



/*              */
/*    Vidéo     */
/*              */
	section.mod_youtube div#module_video div.center { width: 100%; max-width: none; }
/*              */
/*  FIN Vidéo   */
/*              */



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

	section#section_main div.col { display: flex; height: calc(100vh - 100px); min-height: 640px; align-items: flex-end; }
	section#section_main div.col div.center { display: flex; align-items: center; text-align: center; }

	section#section_main div.img {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}

	section#section_main div.img:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95) 40%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(bottom, rgba(0,0,0,0.95) 40%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to top, rgba(0,0,0,0.95) 40%, rgba(0,0,0,0) 100%);
		z-index: 4;
	}

	section#section_main div.img img {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 2;
	}

	section#section_main div.img div#video {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 3;
	
		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
	}
	section#section_main div.img div#video.show { opacity: 1; }

	section#section_main div.img video {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 2;
	}

	section#section_main div.max-width { max-width: 1280px; }

	section#section_main div.section_main_content {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 100px;
		width: 100%;
		color: #fff;
		z-index: 5;
	}

	section#section_main h1 { margin: 0 0 25px; font-size: 3.92857em; color: #fff; line-height: 1em; }
	section#section_main h1 span { color: #F5A71C; }

	section#section_main div.button {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: right;
		z-index: 5;
	}
/*              */
/*  FIN MAIN    */
/*              */



/*              */
/*     NEWS     */
/*              */
	section.block_news div.foot {
		position: relative;
		display: block;
		margin: 0;
		padding: 25px 0;
		text-align: center;
	}
/*              */
/*  FIN NEWS    */
/*              */



/*              */
/*    ALBUM     */
/*              */
	section.mod_finissant div.block_album:before {
		content: "";
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 148.76%;
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}

	section.mod_finissant div.block_album div.image {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 10px;
		overflow: hidden;
		z-index: 2;
	}
	section.mod_finissant div.block_album div.image.grey {
		opacity: 0;
		z-index: 3;

		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
		filter: grayscale(100%);
	}
	section.mod_finissant div.block_album div.image:before {
		content: "";
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #313131;
		opacity: 0.2;
		z-index: 2;
	}
	section.mod_finissant div.block_album div.image.grey:before { display: none; }

	section.mod_finissant div.block_album div.image img {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
		z-index: 1;
	}
	section.mod_finissant div.block_album div.image.grey img {
		-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(100%);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: grayscale(100%);
	}

	section.mod_finissant div.block_album a.icn_soiree {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		bottom: 10px;
		left: 10px;
		width: 40px;
		height: 26px;
		background: url(//general.cegepjonquiere.ca/lib//images/icn_billet.png) center no-repeat;
		background-size: contain;
		z-index: 4;

		-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.35));
		filter: url(#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#bcbcbc')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#bcbcbc')";
	}
	section.mod_finissant div.block_album a.icn_soiree span { display: none; }

	section.mod_finissant div.block_album a.icn_fiche {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		bottom: 10px;
		right: 10px;
		width: 40px;
		height: 26px;
		background: url(//general.cegepjonquiere.ca/lib/images/icn_fiche.png) center no-repeat;
		background-size: contain;
		z-index: 4;

		-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.35));
		filter: url(#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#bcbcbc')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#bcbcbc')";
	}
	section.mod_finissant div.block_album a.icn_fiche span { display: none; }

	section.mod_finissant div.block_album button.btn_preview {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: none;
		border: none;
		border-radius: 10px;
		overflow: hidden;
		z-index: 4;
	}
	section.mod_finissant div.block_album button.btn_preview span { display: none; }

	section.mod_finissant div.block_album div.hover {
		position: absolute;
		display: none;
		margin: 0;
		padding: 25px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #1d1d1b;
		color: #fff;
		opacity: 0;
		border-radius: 10px;
		overflow: auto;
		z-index: 5;

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

	section.mod_finissant div.block_album div.hover h3 {
		position: relative;
		display: block;
		margin: 0;
		padding: 0 0 15px;
		color: #fff;
	}

	section.mod_finissant div.block_album div.hover a.icn_soiree {
		position: relative;
		margin: 0 0 15px;
		padding: 2px 0 2px 50px;
		bottom: auto;
		left: auto;
		width: 100%;
		height: auto;
		background-position: top left;
		background-size: auto;
		color: #fff;
		cursor: default;

		-webkit-filter: none;
		-ms-filter: none;
		filter: none;
	}
	section.mod_finissant div.block_album div.hover a.icn_soiree:hover { color: #fff; text-decoration: none; }
	section.mod_finissant div.block_album div.hover a.icn_soiree span { display: block; }

	section.mod_finissant div.block_album div.hover a.icn_fiche {
		position: relative;
		margin: 0 0 15px;
		padding: 2px 0 2px 50px;
		bottom: auto;
		right: auto;
		width: 100%;
		height: auto;
		background-position: top left;
		background-size: auto;
		color: #fff;

		-webkit-filter: none;
		-ms-filter: none;
		filter: none;
	}
	section.mod_finissant div.block_album div.hover a.icn_fiche:hover { color: #e5531a; text-decoration: none; }
	section.mod_finissant div.block_album div.hover a.icn_fiche span { display: block; }

	section.mod_finissant div.block_album div.hover div.projet {
		position: relative;
		display: block;
		margin: 0 -25px;
		padding: 20px 25px;
		width: calc(100% + 50px);
		background: #272725;
	}

	.no-mobile section.mod_finissant div.block_album:hover div.image.grey { opacity: 1; }

	section.mod_finissant div.block_album.active { z-index: 2; }
	section.mod_finissant div.block_album.active div.hover { display: block; opacity: 1; }
/*              */
/*  FIN ALBUM   */
/*              */
/*             */
/*  FIN MAIN   */
/*             */












/*             */
/*    ASIDE    */
/*             */
aside#extrainfo {
	position: relative;
	display: block;
	margin: 0;
	padding: 100px 0 0;
	width: 100%;
	overflow: hidden;
	z-index: 3;
}

aside#extrainfo div.block_parent {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 1;
}
aside#extrainfo div.block_parent:before {
	content: "";
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 25%;
	right: 0;
	bottom: 25%;
	left: 0;
	background: #FAF6E2;
	z-index: 1;
}

aside#extrainfo section {
	position: relative;
	display: block;
	margin: 0 0 45px;
	padding: 0;
	z-index: 2;
}


	/*     CTA     */
		section.mod_ac div.col { border-radius: 10px; overflow: hidden; }

		section.mod_ac div.col div.image {
			position: absolute;
			display: block;
			margin: 0;
			padding: 0;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		section.mod_ac div.col div.image img {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
			mix-blend-mode: multiply;
		}

		section.mod_ac div.col div.bn_info {
			position: relative;
			display: block;
			margin: 0;
			padding: 100px 35px;
			width: 50%;
			overflow: hidden;
		}
		section.mod_ac div.col:nth-of-type(1) div.bn_info { margin-left: 50%; }

		section.mod_ac div.col div.bn_info_title h3 { margin: 0 0 25px; text-transform: uppercase; }
		section.mod_ac div.col div.bn_info_resume { display: none; }

		section.mod_ac a.btn_icn, 
		section.mod_ac button.btn_icn { background: #333333; color: #F5A71C; }
		section.mod_ac a.btn_icn:focus, 
		section.mod_ac button.btn_icn:focus { outline-color: #333333; }
		section.mod_ac a.btn_icn:before,
		section.mod_ac button.btn_icn:before { background: #fff; }
		section.mod_ac a.btn_icn span:after,
		section.mod_ac button.btn_icn span:after { background: #333333; }
		.no-mobile section.mod_ac a.btn_icn:hover,
		.no-mobile section.mod_ac button.btn_icn:hover { color: #333333; }
	/*     FIN CTA     */


	/*     A propos     */
		section.page div.col.txt { order: -1; }
	/*     FIN A propos     */
/*             */
/*  FIN ASIDE  */
/*             */












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

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

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

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

footer#containerFooter div.rest a.btn_plain { margin: 10px; background: #F5A71C; color: #333; }
footer#containerFooter div.rest a.btn_plain:before { background: #EC7E23; }

footer#containerFooter nav.footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

footer#containerFooter nav.footer ul.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

footer#containerFooter nav.footer ul.niv0 li.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 20px;
	vertical-align: middle;
}

footer#containerFooter nav.footer ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: "tt_norms_proregular", Verdana;
}

footer#containerFooter nav.footer ul.niv0 li.niv0 a.niv0 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-family: "tt_norms_proregular", Verdana;
	color: #fff;
	text-decoration: none;
}

footer#containerFooter nav.footer ul.niv0 li.niv0 a.niv0:hover { text-decoration: underline; }

footer#containerFooter nav.footer ul.niv0 li#item-12.niv0 a.niv0 {
	transform: scale(1);
	
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
}

footer#containerFooter nav.footer ul.niv0 li#item-12.niv0 a.niv0:before {
	content: "";
	position: relative;
	display: block;
	width: 15px;
	height: 30px;
	background: center / contain url("//general.cegepjonquiere.ca/lib/images/icn_fb.svg") no-repeat;
	filter: invert(95%) sepia(100%) saturate(6154%) hue-rotate(188deg) brightness(122%) contrast(105%);
}

footer#containerFooter nav.footer ul.niv0 li#item-12.niv0 a.niv0:hover { transform: scale(1.25); }
footer#containerFooter nav.footer ul.niv0 li#item-12.niv0 a.niv0:hover:before { filter: invert(73%) sepia(60%) saturate(5283%) hue-rotate(0deg) brightness(101%) contrast(102%); }

footer#containerFooter nav.footer ul.niv0 li#item-12.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; }

footer#containerFooter a.external:after { filter: invert(100%) sepia(0%) saturate(9%) hue-rotate(122deg) brightness(102%) contrast(102%); }
footer#containerFooter nav.msocial a.external:after { display: none; }
/*             */
/* FIN FOOTER  */
/*             */












/*             */
/*     MENU    */
/*             */
body.menuopen, html.menuopen { height: 100%; overflow: hidden; }
body.menuopen header#containerHeader { left: auto; height: auto; }
body.menuopen header#containerHeader div.menup { display: block; top: 0; height: 100vh; z-index: 39; }

body.menuopen main#containerMain { left: auto; }
body.menuopen main#containerMain:after { height: auto; opacity: 1; }
body.menuopen aside#extrainfo { left: auto; }
body.menuopen footer#containerFooter { left: auto; }
/*             */
/*  FIN MENU   */
/*             */




/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
/* Smartphones */
@media only screen and (max-width: 43.6875em) /*(max-width: 469px)*/ {
	h1.title_site { font-size:2.2em; }
	section div.block_news div.bn_info { padding: 38px 10px; }

	section#section_main div.img:before {
		background: rgb(0,0,0);
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95) 80%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(bottom, rgba(0,0,0,0.95) 80%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to top, rgba(0,0,0,0.95) 80%, rgba(0,0,0,0) 100%);
	}
	section.mod_ac div.col div.bn_info { width: 70%; }
	section.mod_ac div.col:nth-of-type(1) div.bn_info { margin-left: 30%; }
	section.page div.col.txt { order: 0; }
	
	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.title_site { font-size:3em; }	
	section div.block_news div.bn_info { padding: 38px 10px; }

	section.mod_ac div.col div.bn_info { width: 70%; }
	section.mod_ac div.col:nth-of-type(1) div.bn_info { margin-left: 30%; }
	aside#extrainfo section.page div.col { width: 100%; }
	section.page div.col.txt { order: 0; }
}

/* 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)*/ {
	aside#extrainfo section.page div.col { width: 100%; }
	section.page div.col.txt { order: 0; }
}

@media only screen and (min-width: 62.5625em) and (max-width: 74.9375em) /*(min-width: 1001px) and (max-width: 1199px)*/ {
	
}

@media only screen and (min-width: 75em) /*(min-width: 1200px)*/ {
	header#containerHeader div#block_all_menu div.block_menu_desk { display: inline-block; }
	header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 { width: 25%; }
	header#containerHeader div.menup nav#navmainmenu ul.niv0 li.niv0 a.niv0:after { display: none; }
	header#containerHeader div.menup nav#navmainmenu div.submenu.niv1 { display: block; }
	header#containerHeader div.menup nav#navmainmenu div.submenu.niv1:after { display: none; }
	header#containerHeader div#block_all_menu div.menup nav.utilitaire ul.niv0 li { width: auto; }
}

/* Desktop screens */
@media only screen and (min-width: 75em) and (max-width: 93.6875em) /*(min-width: 1200px) and (max-width: 1499px)*/ {
}

/* 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)*/ {
	
}