html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: top;
box-sizing: border-box;
outline: none;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img,
video {
height: auto; max-width: 100%; }
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
p:not(:last-child), ul:not(:last-child) {
margin-bottom: 1em;
}
a {
text-decoration: none;
} :root {
--main-light-blue: #5caae0;
--main-dark-blue: #0b4075;
--main-very-dark-blue: #0e0e0e;
--secondary-light-blue: #3f8fc6;
--secondary-dark-blue: #16508c;
--tertiary-light-blue: #cee3f1;
--main-yellow: #f7e43b;
--main-dark-yellow: #d0bf25;
--main-red: #fd3939;
--main-black: #05262f;
--main-grey: #7f7a7a;
}
body {
font-size: 16px;
line-height: 1.4em;
color: var(--main-black);
font-family: 'Open Sans', sans-serif;
}
h1 {
font-size: 2.65em;
margin-bottom: 30px;
line-height: 1.1em;
text-transform: uppercase;
position: relative;
font-family: 'Roboto Slab', serif;
font-weight: bold;
color: #0E0E0E;
}
h2 {
font-size: 2.65em;
margin-bottom: 20px;
line-height: 1.3em;
position: relative;
font-family: 'Roboto Slab', serif;
font-weight: 700!important;
color: #0E0E0E;
}
h3 {
font-size: 1.9em;
margin-bottom: 15px;
line-height: 1.1em;
font-weight: bold!important;
font-family: 'Roboto Slab', serif;
color: var(--main-light-blue);
}
h4 {
font-size: 1.65em;
margin-bottom: 12px;
line-height: 1.1em;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
color: #114174;
}
h5 {
font-size: 1.3em; line-height: 1.1em;
font-weight: bold;
font-family: 'Roboto', sans-serif;
color: var(--secondary-light-blue);
}
h6 {
font-size: 1.3em; line-height: 1.1em;
font-weight: bold;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
color: var(--secondary-dark-blue);
}
p>a:hover {
text-decoration: underline;
}
a {
color: var(--secondary-dark-blue);
}
i {
vertical-align: middle;
}
.container {max-width: min(1450px, 94%);	margin: 0 auto;}
#header-title-wrapper + .container {margin-top: 80px; margin-bottom: 80px;}
body > .menu-menu-principal-container {max-width: min(1450px, 94%);	margin: 0 auto; margin-top: 80px; margin-bottom: 80px;  font-family: 'Roboto', sans-serif; font-weight: 700; color: #006bb7; font-size: 1em;}
.dark h1, .dark h2, .dark h3, .dark h4, .dark p, .dark div.wpcf7-validation-errors, .dark div.wpcf7-acceptance-missing, .dark a:not(.elementor-button), .dark li {
color: #fff; font-weight: 300!important;
}
.container.no-margin {margin-top: 0!important; margin-bottom: 0!important;} body:not(.elementor-editor-active) .elementor-widget-text-editor ul, body:not(.elementor-editor-active) #header-title-wrapper + .container ul {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li:not(.line), body:not(.elementor-editor-active) #header-title-wrapper + .container ul li:not(.line) {padding-left: 55px; width: min(350px, 50%); font-family: 'Roboto', sans-serif; font-weight: 700; color: #006bb7; font-size: 1em; position: relative; padding-right: 15px;}
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li:first-child:last-child:not(.line), body:not(.elementor-editor-active) #header-title-wrapper + .container ul li:first-child:last-child:not(.line) {width: 100%;}
body:not(.elementor-editor-active) .elementor-widget-text-editor ul li:not(.line):before, body:not(.elementor-editor-active) #header-title-wrapper + .container ul li:not(.line):before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f00c'; color: var(--main-light-blue); border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #fff; box-shadow: 0 8px 25px rgba(210,210,210,1); padding: 2px 0 0 2px; flex: 0 0 auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} body:not(.elementor-editor-active) .elementor-widget-text-editor ul li:not(.line), body:not(.elementor-editor-active) #header-title-wrapper + .container ul li:not(.line) {margin-bottom: 45px;}
.elementor-widget-toggle .elementor-tab-content ul {list-style-type: disc; padding-left: 1.5em;}
.elementor-widget-toggle .elementor-tab-content ul>li:not(:last-child) {margin-bottom: 5px;}
body.elementor-editor-active .elementor-edit-area-active {width: 100%;}
.page-child-list, .page-child-list ul {display: block!important; list-style: initial!important; padding-left: 20px;}
.page-child-list li, .page-child-list ul li {width: initial!important; font-size: 1em!important; color: initial!important; padding-left: 0!important; font-weight: 400!important; padding-right: 0!important; margin-bottom: 0!important;}
.page-child-list li:before, .page-child-list ul li:before {content: none!important; }
.page-child-list a:hover {text-decoration: underline;} .elementor .elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding: 0;}
.elementor .e-con-full, .elementor .e-con>.e-con-inner {padding-left: 0; padding-right: 0;}
.elementor .e-con.e-child >.e-con-inner {padding-top: 0px; padding-bottom: 0px;}
.elementor-widget-image-box.elementor-position-left .elementor-image-box-img {text-align: center;}
.elementor[data-elementor-type='wp-page'] > .e-con {--padding-top: 30px; --padding-bottom: 30px;} .e-con[data-element_type='container'] .e-con[data-element_type='container'] + .e-con[data-element_type='container']>.e-con-inner {--padding-top: 40px!important;}
.footer-content-wrapper > .elementor[data-elementor-type='container'] >.e-con {--padding-top: 10px; --padding-bottom: 10px;}
.elementor .elementor-widget-container hr {background-color: #ccc!important; margin-bottom: 10px!important;}
.home-banner-container .e-con {padding: 0px;}
.home-banner-container .e-con-inner {padding: 0px !important;}
.home-alerts {padding: 0px !important;} #header {	position: relative;	z-index: 2;}
.header-gov {background-color: #095797; min-height:72px; font-family: 'Roboto', sans-serif;}
.header-gov .container {height: 100%;}
.header-gov a {color: #fff;}
.header-logo {display: flex; align-items: center; height: 100%;}
.header-logo-text {font-size: 18px; margin-left:30px;}
.header-logo img {height: 100%;}
.header-gov-opt {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.header-gov-opt>*:not(:last-child) {margin-right: 2vw;}
.header-contact {font-size: 18px; text-transform: uppercase;}
.header-gov .fa-search {font-size: 32px;}
.header-search-btn {position: relative;}
.header-search-btn>i {cursor: pointer; color: #fff; transition: all 0.35s;}
.header-search-btn>i:hover {color: var(--main-light-blue);}
.header-search-wrapper {position: absolute; top: 50%; transform: translateY(-50%); right: -5px; width: 340px; height: 45px;  border: solid 3px transparent;  border-radius: 25px; background-clip: padding-box; display: none;}
.header-search-wrapper:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; margin: -3px; border-radius: inherit; background: linear-gradient(126deg, rgba(228,219,134,1) 37%, rgba(49,152,210,1) 63%); }
.searchform-header{background-color: var(--main-light-blue); border-radius: 25px; z-index: 1; height: 100%; padding: 0 10px;}
.searchform-header>div {display: flex; flex-direction: row; }
.header-search-input {color: var(--main-dark-blue); background-color: transparent; border: none!important; box-shadow: none!important; outline: none!important; border-radius: 0!important; padding: 10px 12px!important; font-size: 16px!important;}
.searchform-header ::placeholder {font-style: italic; color: var(--main-dark-blue);}
.header-search-submit {background: none!important; padding: 0!important; border-radius: unset!important; margin-left: 10px; color: #fff; transition: all 0.35s; border: none;}
.header-search-submit:hover {color: var(--main-very-dark-blue)!important;}
.header-gov .container, .menu-secondaire .container{padding-left: 1.5vw;}
.header-gov>div, .menu-secondaire>div {display: flex;flex-direction: row;	justify-content: space-between; align-self: center;} .menu-principal {	height: 100%; position: relative;	}
.menu-principal ul.menu {display: flex;	flex-direction: row;	justify-content: center;	height: 100%; font-family: 'Roboto', sans-serif;}
.menu-principal ul.menu>li {	flex: 1 1 auto; }
.menu-principal ul.menu>li>a {	display: block;	transition: all 0.2s ease-in-out; color: var(--main-dark-blue); font-weight: bold; font-size: 1.7em; letter-spacing: 1px; text-transform: uppercase; padding: 40px 15px; text-align: center;}
.menu-principal>div {	width: 100%;}
.menu-principal ul.menu li a:before {  display: inline-block;  vertical-align: middle;  height: 100%;  content: '';}
.menu-principal ul.menu>li.current-menu-item>a, .menu-principal ul.menu>li.current-menu-parent>a {	font-weight: bold;	color: #29abe2;}
.menu-principal ul.menu>li:hover>a{	background-color: var(--main-dark-blue);	color: #fff;} .menu-principal ul.menu .sub-menu-wrap {visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--main-dark-blue); }
.menu-principal ul.menu>li:hover>a + .sub-menu-wrap {visibility: visible; opacity: 1;}
.menu-principal ul.menu .sub-menu-wrap>ul {max-width: 1450px; margin: 20px auto; columns: 4; -webkit-columns: 4; -moz-columns: 4;}
.menu-principal ul.menu .sub-menu-wrap>ul>li {page-break-inside: avoid; break-inside: avoid-column; }
.menu-principal .menu-primaire-divide {page-break-inside: unset!important; break-inside: unset!important;}
.menu-principal ul.menu .sub-menu-wrap>ul>li:not(.menu-item-has-children) + li {margin-top: 12px;}
.menu-principal ul.menu .sub-menu-wrap>ul ul {margin-bottom: 20px; margin-left: 20px; margin-top: 3px;}
.menu-principal ul.menu .sub-menu-wrap>ul ul>li { }
.menu-principal ul.menu .sub-menu-wrap a {color: #fff; display: inline-block;}
.menu-principal ul.menu .sub-menu-wrap>ul>li>a {font-weight: bold; font-size: 1em;}
.menu-principal ul.menu .sub-menu-wrap li ul a {font-size: 0.95em; margin-bottom: 7px;}
.menu-principal ul.menu .sub-menu-wrap a:hover {text-decoration: underline;}
.menu-principal .menu-primaire-divide>ul>li:last-child {break-after: column; display: block;}
.menu-principal .ecole-secondaire-divide>ul>li:last-child {break-after: avoid; display: block;}
.menu-ecole-divide {break-after: column; display: block;}
.menu-principal .menu-ca-stick>ul>li:last-child {break-after: avoid; display: block;} .menu-secondaire {background-color: #7ac2ea;}
.menu-secondaire a {color: #fff; font-family: 'Roboto', sans-serif;}
.social-medias-wrapper-block {display: flex; flex-direction: column; justify-content: center;}
.social-medias-wrapper {display: flex; flex-direction: row; align-items: center;}
.social-medias-wrapper a:hover i {	color: #fff; background-color: #226cb4;}
.social-medias-wrapper i {	width: 35px; height: 35px; font-size: 18px; background-color: #fff; color: #5caae0;	margin: 0 2px 0 6px;	transition: all 0.25s; border-radius: 50%;     display: flex; flex-direction: row; justify-content: center; align-items: center;}
.menu-secondaire ul {display: flex; flex-direction: row;}
.menu-secondaire ul li:not(:last-child) {margin-right: 40px;}
.menu-secondaire ul li a {z-index: 1; font-size: 18px; line-height: 1em; display: inline-block; text-transform: uppercase; font-weight: bold; color: #fff; padding: 18px 12px 17px 12px; position: relative;}
.menu-secondaire ul li.current-menu-item a:after {z-index: -1;position: absolute; width: 42px; height: 38px; transform:translateY(-50%) ;top: 47%; left: 0; content: ""; background-image:url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/icon/icon-menu-secondary-active.png); background-repeat: no-repeat;} .menu-mobile { display: none;	position: relative; 	background-color: var(--main-light-blue);	width: 100%; -webkit-flex-direction: row;	flex-direction: row;	justify-content: center;    align-items: center;}
.menu-mobile-block {display: none;	position: absolute;	left: 0;	top: 100%;	width: 100%;	background: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/menu-mobile-bg.png) no-repeat #fff;	z-index: 9; border-bottom: 6px solid var(--main-light-blue); background-size: contain; background-position: center top;}
.menu-mobile a.link-menu-icon{	color: #000;	font-size: 2.5em;	padding: 15px;	display: block;}
.header-mobile-search { flex: 1 1 auto; text-align: right;}
.header-mobile-link { }
.btn-mobile-menu.open a {	background-color: #fff;}
.btn-mobile-menu.open a i {	color: var(--main-light-blue);}
#menu-mobile ul {margin-bottom: 0;}
#menu-mobile .sub-menu {display: none;}
#menu-mobile .menu-item-has-children, #menu-mobile .page_item_has_children {display: flex; flex-wrap: wrap;}
#menu-mobile .menu-item-has-children>a, #menu-mobile .page_item_has_children>a {order: 1; flex: 1 1 calc(100% - 60px);}
#menu-mobile .menu-item-has-children>.submenu-btn, #menu-mobile .page_item_has_children>.submenu-btn {order: 2; width: 60px; flex: 1 1 auto; display: flex;  align-items: center; justify-content: center; padding: 15px; cursor: pointer; color: var(--main-light-blue); font-size: 1.8em;}
#menu-mobile .menu-item-has-children>ul, #menu-mobile .page_item_has_children>ul {order: 3; width: 100%;}
.menu-mobile-block ul ul {background-color: rgba(17,65,116,0.08); }
.menu-mobile-block li a {	color: var(--main-dark-blue); display: block; font-family: 'Roboto', sans-serif; font-size: 1.8em;	line-height: 1.2em;	padding: 20px min(20px, 2%);}
.mobile-social { margin-top: 30px; margin-bottom: -30px; z-index: 1;}
.mobile-social .social-medias-wrapper {justify-content: flex-end;}
.mobile-social a i {width: 55px; height: 55px; font-size: 30px; box-shadow: 2px 2px 3px rgba(230,230,230,0.25);}  #header-title-wrapper {height: 380px;  position: relative; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/banner-bg.jpg);; background-repeat: no-repeat; background-size: cover;}
#header-title-wrapper >.container {display: flex; align-items: center; height: 100%}
#header-title-wrapper .header-entete-img {position: absolute; right: 0; top: 0; width: 60%; height: 100%;}
.header-entete-img:before {content: ""; position: absolute; top:0; left: -11px; width: 100%; height: 100%; background: rgb(122,194,234); background: linear-gradient(133deg, rgba(122,194,234,1) 0%, rgba(7,42,104,1) 100%);}
#header-title-wrapper .header-entete-img img { max-height: 100%; height: 100%!important; object-fit: cover; width: 100%;}
#header-title-wrapper .header-entete-img:before, .header-entete-img img {-webkit-mask: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/banner-mask.png) center/100% 100%;  -webkit-mask-repeat:no-repeat;}
#header-title-wrapper .header-title {width: min(36%, 500px);}
#header-title-wrapper .header-title h1 {font-family: 'Roboto', sans-serif; font-size: 2.2em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em; letter-spacing: 0.2em; margin-bottom: 5px;}
#header-title-wrapper h2 {font-family: 'Roboto', sans-serif;  font-style: italic;  font-weight: 400!important; line-height: 1.2em; font-size: 2.7em; color: #fff!important;   margin-bottom: 0;} .fildariane {display: flex; flex-direction: row; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; position: relative;}
.fildariane:before {content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: calc(100% - 12px - 60px); height: 7px; background-color: var(--main-light-blue); border: 5px solid #fff; outline: var(--main-dark-blue) solid 1px; }
.fildariane a {position: relative; display: block; }
.ariane-block {width: 60px; aspect-ratio: 1/1; background-color: #fff; border: 10px solid var(--main-light-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--main-light-blue); font-size: 22px; transition: all 0.35s;}
.fildariane a:last-child .ariane-block {border: 8px solid #fff; outline: var(--main-dark-blue) solid 2px ; background-color: var(--main-dark-blue); color: #fff}
.fildariane a:not(:last-child):hover .ariane-block {border-color: var(--main-dark-blue); color: var(--main-dark-blue);}
.ariane-title {position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); color: #fff; text-align: center; font-size: 13px; line-height: 1.1em; width: min(140px, 300%);} #header-alert-container {position: relative;}
#header-alert-container .header-alert-slide {color: #fff; height: 100%; transition: opacity 0.35s;}
#header-alert-container .header-alert-slide .alert-wrapper {display: flex; flex-direction: row; align-items:flex-start; padding: 13px 0 8px 0;}
#header-alert-container .header-alert-slide {background-color: #fd3939;}
#header-alert-container .header-alert-slide.alert-suspension {background-color: var(--main-red);}
#header-alert-container .header-alert-slide.alert-avis {background-color: #21c4df; color:#114174;}
#header-alert-container .alert-title-wrapper {width: 340px; max-width: 100%; position: relative; padding: 0 0 12px 22px; flex: 0 0 auto;}
#header-alert-container .alert-title-wrapper:before, .alert-title-wrapper:after {content: ""; display: block; position: absolute; left: 0px; background-color: #133b98;}
#header-alert-container .alert-title-wrapper:before {width: 3px; height: 20px; top: calc(100% - 20px);}
#header-alert-container .alert-title-wrapper:after {width: 100%; height: 3px; top: calc(100% - 3px );}
#header-alert-container .alert-title h4 {font-size: 2.1em; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;}
#header-alert-container .alert-title h4 span {text-decoration: underline;}
#header-alert-container .alert-title h4 span.under-yellow {color: var(--main-yellow);}
#header-alert-container .alert-link {font-weight: bold; font-size: 1.3em; transition: all 0.35s;}
#header-alert-container .alert-link i {color: var(--main-dark-blue); }
#header-alert-container .alert-message {font-size:1.5em; line-height:1.3em; font-style: italic; padding: 0 2%; letter-spacing: 0.6px; display: flex; align-items: center; font-weight: 500;}
#header-alert-container .header-alert-slide:hover {opacity: 0.8;}
#header-alert-container .header-alert-slide:hover .alert-link {transform: translateX(15px);}
#header-alert-controls {position: absolute; width: 100%; height: 100%; z-index: 2; pointer-events: none; display: none;}
#header-alert-controls .container {height: 100%; position: relative;}
#header-alert-controls .container > div {height: 100%; position: absolute; right:0;}
#header-alert-controls .alert-slider-controls {flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; justify-content:end; gap:9px;}
#header-alert-controls .alert-slider-controls > div {display: flex; justify-content: center; align-items: center; width: 48px; height: 48px;border: 2px solid #fff; cursor: pointer; transition: all 0.35s; pointer-events: all;}
#header-alert-controls .alert-slider-controls > div:hover {background-color: rgba(255,255,255,0.2);}
#header-alert-controls .alert-slider-controls > div i {font-size: 1.4em;}
#header-alert-container.has-multiple #header-alert-controls {display: block;}
#header-alert-container.has-multiple .header-alert-slide > .container > div {margin-right: 105px;}   .home-banner-slider {height: 565px;}
.home-banner-slide-wrapper, .home-banner-slide {height: 100%;}
.home-banner-wrapper .container {display: flex; flex-direction: row; height: 100%;}
.banner-home {width: 72%;}
.home-banner-nav {display: flex; flex-direction: row; position: absolute; bottom: 25px; left: 38%;}
.home-banner-nav-btn {background-color: transparent; width: 17px; height: 16px; border: 3px solid #a5dafc; padding: 0; border-radius: 4px; cursor: pointer;}
.home-banner-nav-btn:not(:last-child) {margin-right: 5px; }
.home-banner-nav-btn.tns-nav-active {background-color: #a5dafc; }
.home-banner-slide-wrapper:not(.tns-item):not(:first-child) {display: none;} .home-banner-slide {display: flex; flex-direction: row; font-family: 'Roboto', sans-serif;}
.home-banner-content {width: 48%; padding: 45px 70px 45px 0; display: flex; flex-direction: column; align-items: flex-end; text-align: right;color: #fff; }
.home-banner-img {width: 52%; position: relative;}
.home-banner-img:before {content: ""; position: absolute; top:0; left: -11px; width: 100%; height: 100%; background: rgb(122,194,234); background: linear-gradient(133deg, rgba(122,194,234,1) 0%, rgba(7,42,104,1) 100%);}
.home-banner-img img { max-height: 100%; height: 100%!important; object-fit: cover; width: 100%;}
.home-banner-img:before, .home-banner-img img {-webkit-mask: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/mask-banner-img.png) center/100% 100%;	-webkit-mask-repeat:no-repeat;}
.home-banner-title h2 {position: relative; display: inline-block; color: #144275!important; font-style: italic; font-weight: 400; font-size: 3.7em; line-height: 1em; font-family: 'Roboto', sans-serif;}
.home-banner-title.title-dailythought h2:after {content: ""; display: block; position: absolute; width: 66px; height: 67px; left: calc(100% + 12px); top: -20px; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/icon/icon-bulb.png);}
.home-banner-text {font-size: 1.6em; margin-bottom: 25px; line-height: 1.1em;}
.home-banner-slide .home-banner-link.elementor-button {background-color: #5caae0;}
.home-banner-slide .home-banner-link.elementor-button:hover {background-color: var(--main-dark-blue); color: var(--main-yellow);}
.home-banner-person {font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 1.5em; margin-bottom: 5px; line-height: 1.1em;}
.home-banner-school {text-transform: uppercase; font-size: 1.1em; font-weight: bold; letter-spacing: 4px; margin-bottom: 15px; line-height: 1.1em;}
.home-banner-teacher { font-size: 1.1em; font-weight: bold; letter-spacing: 1px; margin-bottom: 18px;}
.home-banner-link {font-size: 15px; padding: 20px 12px!important;}
.home-banner-link {font-size: 15px; padding: 20px 12px!important;}
.home-banner-fschool {font-size: 1.6em; line-height: 1.1em;}
.home-banner-program {font-size: 1.4em; margin-bottom: 25px; line-height: 1.1em;}
.home-banner-region {font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 1.3em; margin-bottom: 5px; line-height: 1.1em; color:white; opacity: 0.8;}
.home-banner-year {font-size: 2.6em; line-height: 1em; font-style: italic; font-weight: 400; font-weight: bold; }
.home-banner-name {font-size: 3.4em; line-height: 1em; font-style: italic; font-weight: 400; font-weight: bold; margin-top: 2em; margin-bottom: 1em;}
.home-banner-region {}
.home-banner-slide.fin {justify-content: flex-end;}
.home-banner-slide.fin .home-banner-content {width: 56%;}
.home-banner-img-fin { position: relative; height: 100%;}
.home-banner-img-fin img{height: 100% !important; max-width: initial !important; width: auto;}
.home-banner-img-fin:before {content: ""; position: absolute; top:0; left: -11px; width: 100%; height: 100%; background: rgb(122,194,234); background: linear-gradient(133deg, rgba(122,194,234,1) 0%, rgba(7,42,104,1) 100%);}
.home-banner-img-fin:before, .home-banner-img-fin img {-webkit-mask: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/mask-banner-img.png) center/100% 100%;	-webkit-mask-repeat:no-repeat;} .tns-fadeOut {z-index: 1 !important;}
#tns1 > .tns-item {
transition-duration: 1s !important;
animation-duration: 1s !important;
} .quicklinks-home { height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; margin: 0; overflow: hidden;}
.quicklink-item {
flex: 0 1 calc(50% + 2px);
width: calc(50% + 2px); background-color: var(--secondary-dark-blue);
-webkit-box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
-moz-box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
border: 2px solid var(--main-very-dark-blue);
margin: -1px -1px;
}
.quicklink-item>a { height: 100%; font-size: 24px;line-height: 1.1em; color: #fff; font-weight: bold;  text-align: center;}
.quicklink-item a>div>div>div {flex: 1 1 auto; align-items: center; display: flex; justify-content: center; }
.quicklink-item a span {display: block; margin-top: auto; letter-spacing: 2px; font-family: "roboto slab"; font-weight: 300; color: #0e0e0e}
.quicklink-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.quicklink-front, .quicklink-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 5px 10px; display: flex; flex-direction: column; }
.quicklink-front {border: 6px solid #0e3964; background-color: #fff;}
.quicklink-back {transform: rotateY(180deg); background-color: var(--secondary-dark-blue);
-webkit-box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
-moz-box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
box-shadow: inset 0px 0px 65px 10px rgba(6,31,57,0.20), inset 0px 0px 65px 20px rgba(6,31,57,0.20), inset 0px 0px 65px 30px rgba(6,31,57,0.20), inset 0px 0px 65px 40px rgba(6,31,57,0.20);
height: calc(100% + 1px);
}
.quicklink-item>a:hover .quicklink-inner { transform: rotateY(180deg);}
.quicklink-back span {color: #fff!important;} .quicklink-back>div:before {content: ""; position: absolute; top: 0; left: -0; width: 100%;  height: 100%; }
.elementor-element-edit-mode.elementor-widget-csscc_quicklinks {width: 100%;}   .home-contact-form-img img {background: -webkit-linear-gradient(-35deg, #7ac2ea 0%, #072a68 100%); padding: 10px;} .home-apropos p, .home-apropos h2, .home-apropos h3, .home-apropos h4, .home-apropos .elementor-heading-title {text-shadow: 3px 3px 12px rgba(30,8,72,0.8); }
.home-apropos img {-webkit-filter: drop-shadow(2px 2px 5px rgba(30,8,72,0.5));}
.home-apropos .elementor-image-box-img {min-height: 90px;} .container-archives {display: flex; flex-direction: row;}
.archives-left {flex: 1 1 auto;}
.archives-right {flex: 0 0 min(500px, 40%); margin-left: 30px;}
.sidebar-search {background-color: var(--secondary-dark-blue); padding: 40px min(30px, 5%);}
.sidebar-search .searchform {background-color: #fff;}
.sidebar-search .searchform>div {display: flex; flex-direction: row;}
#sidebar-search-input {color: #7f7a7a; outline: unset; border: none!important; box-shadow: none!important; font-size: 18px;}
.sidebar-search button[type=submit] {font-size: 18px; background: none!important; border: none!important; box-shadow: unset!important; padding: 15px!important;  outline: none!important; color: #7f7a7a;}
.sidebar-search {position: relative;}
#sidebar-search-input::placeholder {color: #7f7a7a;}
.sidebar-news>*:not(:last-child) {margin-bottom: 30px;}
.sidebar-news h3 {color: #0e0e0e; font-family: 'Roboto Slab', serif; font-weight: bold; margin-bottom: 25px;}
.sidebar-bloc-widget {background-color: var(--main-light-blue); padding: 40px min(30px, 5%);}
.sidebar-single-cat a {background-color: #fff; color: #7f7a7a; font-family: 'Roboto', sans-serif; font-weight: 500; display: flex; flex-direction: row; padding: 15px; font-size: 1.05em; align-items: center; transition: all 0.35s;}
.sidebar-single-cat a:hover {background-color: var(--main-dark-blue); color: #fff; }
.sidebar-single-cat a i {margin-right: 8px;}
.sidebar-single-cat:not(:last-child) {margin-bottom: 15px;}
.single-cat-count {margin-left: auto;}
.sidebar-single-post a {display: flex; flex-direction: row; background-color: #fff; transition: all 0.35s; align-items: center;}
.sidebar-single-post a:hover {background-color: var(--main-dark-blue);}
.sidebar-single-post a:hover .sidebar-single-post-title, .sidebar-single-post a:hover .sidebar-single-post-date {color: #fff;}
.sidebar-single-post:not(:last-child) {margin-bottom: 30px;}
.sidebar-single-post-img {flex: 0 0 110px;}
.sidebar-single-post-content {padding: 7px 10px;}
.sidebar-single-post-title {color: #7f7a7a ; font-size: 0.8em; line-height: 1.2em;}
.sidebar-single-post-date {color: #072a68; font-family: 'Roboto Slab', serif; font-weight: bold; margin-top: 2px;} .navigation.pagination {margin-top: 40px;}
.navigation.pagination .nav-links {text-align: center; }
.navigation.pagination .nav-links a, .navigation.pagination .nav-links span{	display: inline-block;	padding: 5px 8px;	background-color: var(--main-dark-blue);	color: #fff;}
.navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span{	opacity: 0.7;} .list-article-block {background-color: #fff; box-shadow: 0 0 15px rgba(190, 210, 220, 0.2);}
.list-article-block:not(:last-child) {margin-bottom: 40px;}
.blog-list-content-wrapper {padding: 40px min(30px, 5%);}
.blog-list-content-wrapper>*:not(:last-child) {margin-bottom: 30px;}
.blog-meta {display: flex; flex-direction: row;}
.blog-meta>*:not(:last-child) {margin-right: 25px;}
.list-article-title h4 {margin-bottom: 0; color: #000; font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 2.65em;}
.list-article-excerpt { color: #7f7a7a; line-height: 1.7em;}
.list-article-link a {background-color: var(--main-light-blue); color: #fff; border-radius: 5px; padding: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; display:inline-block; font-weight: bold; font-size: 1.1em; transition: all 0.35s;}
.list-article-link a:hover {background-color: var(--main-dark-blue); color: var(--main-yellow);}
.blog-meta .fa-user {color: #48cee5!important;}
.blog-meta .fa-heart {color: #d068e5!important;}
.blog-meta {font-size: 1.05em;} .single .blog-thumb, .single .blog-meta, .single .list-article-title {margin-bottom: 30px;} .joboffer-cf7 {background-color: var(--tertiary-light-blue); padding: 50px; margin-top: 80px;} #footer {position: relative;}
.footer-tpl h3 {color: var(--main-light-blue)!important;}
.footer-tpl .elementor-button-link {background-color: var(--main-light-blue)!important;}
.footer-tpl .elementor-button-link:hover {background-color: var(--main-dark-blue)!important; color: var(--main-yellow)!important;}
.footer-tpl .gray-button .elementor-button-link {background-color: var(--main-grey)!important;}
.footer-tpl .gray-button .elementor-button-link:hover {background-color: var(--main-light-blue)!important; color: var(--main-dark-blue)!important;}
.footer-tpl .elementor-icon-box-icon span, .footer-tpl .elementor-icon-box-icon a {color: var(--main-light-blue)!important;}
#footer a:not(.elementor-icon) {font-size: 0.9em;}
.footer-contact-icon-list .elementor-icon-box-title {margin-bottom: 0;}
.footer-contact-icon-list .elementor-icon {background-color: #fff; padding: 7px; border-radius: 5px;}
.footer-contact-icon-list .elementor-icon-box-wrapper {align-items: center!important;}
.footer-content {	display: flex;	flex-direction: row;	padding: 65px 65px 40px 65px;	background-color: #ededed;}
.copyright {text-align: center;	padding: 20px;}
.copyright img {display: block; margin: 0 auto 15px auto}
.page:not(.home) #footer:before {display: block; content: ""; position: absolute; left: 0 ; bottom: 100%; width: 100%; height: 434px; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC/images/general/bg-bottom-montagne.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom; z-index: -1;} form {position: relative;}
form h3 {margin-top: 30px;}
form label {display: none; color: var(--main-light-blue);}
.showlabel label {display: block; margin-bottom: 5px;}
.wpcf7-form .form-row p {width: 100%;}
form input:not([type=checkbox]):not([type=radio]), form textarea, form select {	padding: 20px;	font-size: 1em;	font-family: 'Roboto', sans-serif!important;	border: 2px solid var(--tertiary-light-blue);	border-radius: 5px;	display: block;	max-width: 100%; box-shadow: 0 3px 12px 0 rgba(101,101,101,0.25);}
form input[type=file] {background-color: #fff;}
.wpcf7-form .form-row {	display: flex;	flex: 1 1 auto;}
.wpcf7-form .form-row>div {	flex: 1 1 auto;}
.wpcf7-form .form-row>div:not(:last-child) {margin-right: 20px;}
.form-row:not(:last-child) {margin-bottom: 15px;}
form .row-submit {text-align: center;	justify-content: center; margin-top: 20px;}
form .row-submit button, form .row-submit input[type=submit] {display: block;	color: var(--main-light-blue);	font-weight: bold;	border: 3px solid var(--main-light-blue);	border-radius: 5px; font-size: 1.10em;	padding: 15px;	transition: all 0.35s;	cursor: pointer; text-transform: uppercase; background-color: transparent;}
form input:not([type=checkbox]):not([type=radio]), form textarea, form select, form .row-submit button, form .row-submit input[type=submit] {width: 100%; box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.wpcf7-form-control-wrap label {display: block;} 
form .row-submit button:hover, form .row-submit input[type=submit]:hover {color: #fff; background-color: var(--main-light-blue);}
::placeholder {  color: var(--main-light-blue); opacity: 1; }
:-ms-input-placeholder { color: var(--main-light-blue);}
::-ms-input-placeholder { color: var(--main-light-blue);} .page404 {text-align: center;}
.page404 .sidebar-search {margin: 0 auto 50px auto; width: min(500px, 100%);} .list-search-block:not(:last-child) {margin-bottom: 35px;}
.list-search-title {display: flex; flex-direction: row; align-items: center;}
.list-search-title>*:not(:last-child) {margin-right: 10px;}
.list-search-title h4 {margin-bottom: 0;} .files-render-bloc {margin-bottom: 50px;}  .list-post-short-wrapper {display: flex; flex-direction: row; justify-content: space-between;}
.list-post-short-wrapper>a {width: 48%;}
.article-short {color: var(--main-black); display: flex; flex-direction: row; box-shadow: 0 0 rgba(0,0,0,0); transition: all 0.35s;}
.article-short:hover {box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
h4.article-short-title  {color: var(--main-black)!important; font-size: 1.45em;}
.article-short-img {position: relative; width: 45%;}
.article-short-img img {width: 100%; height: 100%!important; object-fit: cover;}
.article-short-date {position: absolute; width: 70px; padding: 14px; bottom: 10px; right: 15px; background-color: var(--main-light-blue); color: #fff; font-size: 30px; text-align: center; line-height: 0.8em; font-family: 'Roboto Slab', serif; font-weight: bold; }
.article-short-date span {font-size: 19px; font-family: 'Roboto', sans-serif; }
.article-short-cat {color: var(--main-grey);}
.article-short-cat i {color: var(--main-light-blue); margin-right: 5px;}
.article-short-header:after {content: ""; display: block; margin-left: -15px; width: 40%; height: 2px; background-color: #fbf7f2; margin-top: 15px;}
.article-short-content {width: 55%;  border-top: 2px solid #fbf7f2; border-right: 2px solid #fbf7f2; border-bottom: 2px solid #fbf7f2;}
.article-short-content>div {padding: 15px;}
.article-short-excerpt {font-size: 0.9em;}
.no-news-list {margin-bottom: 30px;} .home-list-emploi-cats { padding: 12px 25px;}
.home-list-emploi-cats a {display: block; font-size: 1.15em; font-style: italic; font-weight: 600;}
.home-list-emploi-cats a:hover {text-decoration: underline;}
.home-list-emploi-cats a i {margin-right: 12px;}
.home-list-emploi-cats a:not(:last-child) {margin-bottom: 15px;} .list-links-wrapper a {transition: all 0.35s; display: inline-block;}
.list-links-wrapper a i {margin-right: 8px;}
.list-links-wrapper>div:not(:last-child) {margin-bottom: 15px;}
.list-links-wrapper a:hover {color: var(--main-light-blue); transform: translateX(10px);} .embed-pdf, .elementor-widget-csscc_pdf_embed {width: 100%; height: max(90vh, 1000px);}
.embed-pdf object {width: 100%; height: max(90vh, 1000px);}
.pdf-mobile {display: none; text-align: center;}
.pdf-mobile.show {display: block;}
.pdf-desktop.hide {display: none;}
.pdf-mobile canvas {max-width: 100%;}
.pdf-mobile.is_loading {}
.pdf-mobile .loading {padding: 50px 0;}
.pdf-mobile .loading div {border-top: 8px solid var(--main-dark-blue);border-radius: 50%;	width: 60px;	height: 60px;	animation: spin 2s linear infinite; margin: 0 auto;}
.joboffer-link-pdf {display: inline-block; margin-bottom: 15px; font-size: 1.2em; text-decoration: underline;} .contact-repeater-item {display: flex; flex-direction: row; align-items: center; background-color: #fff; box-shadow: 0 6px 20px rgba(225,225,225,0.4); padding: 15px;}
.contact-repeater-item:not(:last-child) {margin-bottom: 25px;}
.contact-repeater-icon {margin-right: 20px;}
.contact-repeater-icon i {border-radius: 50%; width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; font-size: 35px;}
.contact-repeater-title h4 {margin-bottom: 5px; color: var(--main-light-blue); font-size: 1.45em; font-family: 'Roboto Slab', serif;}
.contact-repeater-text, .contact-repeater-text a {color: var(--main-grey);} .container.scolago {margin-top:0;}
.container.scolago ol {margin:1em 2em;}
.container.scolago .e-flex.e-con-boxed {flex: 1 1 !important;}
.container.scolago .elementor-widget-image {max-width: 70% !important;}
.elementor-widget-container a:hover {text-decoration: underline;}