/* #Page Styles
================================================== */

/*
 * Avis important (panne, fermeture, etc.)
 */
/*.avisImportant {
	color:#fff;
	background-color:#942428;
}
.avisImportant .titre {
	color:#fff;
	font-size:16px;
	line-height:23px;
	text-transform:none;
	margin:0 0 10px 0;
}
.avisImportant a,
.avisImportant a:visited,
.avisImportant a:focus,
.avisImportant a:hover {
	color:#fff;
}
.avisImportant .content {
	padding:15px 0;
}
.avisImportant .content > *:last-child {
	margin-bottom:0;
}
.avisImportant hr {
	border-color:#fff;
}*/


/*
 * Bouton Fondation "Je donne"
 */
.jeDonneContainer {
	position:relative;
	display:table-cell;
	width:250px;
}
.jeDonne {
	color:#fff;
	position:absolute;
	top:-100px;
	right:0;
	z-index:9999999;
	overflow:hidden;
	visibility:hidden;
	opacity:0;

	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;

	width:90px;
	padding:0 0 15px 0;
	margin:0;
	background:url(../img/accueil/bg_je_donne_haut.png) bottom left no-repeat;
}
.jeDonne.visible {
	visibility:visible;
	opacity:1;
	top:0px;
}

.jeDonne a,
.jeDonne a:active,
.jeDonne a:visited,
.jeDonne a:hover {
	background-color:#2e8804;
	padding:10px 0 6px 0;
	display:block;
	color:#fff;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;

	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
.jeDonne a:focus,
.jeDonne a:hover {
	padding-top:30px;
	outline:0;
}



/* Style H2 */
h2.titreStrate {
	color:#fff;
	font-size:2.285714285714286em; /* 32/14 */
	line-height:1.2;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 30px 0;
	text-align:center;
}


/********************************
 * BANDEAUX PRINCIPAUX 
 * La première strate, en "front"
 ********************************/
 a.lienInvisibleOverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.btSavoirPlus a.lien_8 {
	font-size: 1.142857142857143em; /* 16/14 */
	font-weight: 400;
	line-height: 1.6;
	padding: 3px 15px;
}
.btSavoirPlus .lien_8:focus,
.btSavoirPlus .lien_8:hover {
	background-color: #246e02;
	text-decoration: none;
}






/* Bandeau Nouveaux programmes */
.bandeauPrincipalNouveauxProg {
	background:url(../img/accueil/bg_principal_nouveau_prog.jpg?v2) #000 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalNouveauxProg .contentWrap,
.bandeauPrincipalNouveauxProg .g16.column {
	position:static;
}
.bandeauPrincipalNouveauxProg .btSavoirPlus a.lien_8 {
	position:static;
	background-color:#be524a;
}
/* Lien couvrant tout le bandeau */
.bandeauPrincipalNouveauxProg .btSavoirPlus a.lien_8:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: auto;
}


.bandeauPrincipalNouveauxProg .sloganGros {
	color:#fff;
	font-size:4.642857142857143em; /* 65/14 */
	line-height:1.153846153846154; /* 75/65 */
	font-weight:600;
	text-transform:uppercase;
	padding:100px 0 5px 0;
	margin:0;
}
.bandeauPrincipalNouveauxProg .sloganGros.avecSlogan {
	padding-top:80px;
}
.bandeauPrincipalNouveauxProg hr.separateur {
	height:3px;
	border-top:3px solid #fff;
	margin:20px 0;
	max-width:150px;
}
.bandeauPrincipalNouveauxProg .slogan {
	color:#fff;
	font-size:1.714285714285714em; /* 24/14 */
	line-height:1.2;
	font-weight:600;
	/*text-transform:uppercase;*/
	margin:10px 0 0 0;
}








/* Bandeau Campagne automne 2020 */
.bandeauPrincipalCampagne2020 {
	background:url(../img/accueil/bg_principal_campagne2020_1.jpg?automne) #000 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalCampagne2020 .contentWrap,
.bandeauPrincipalCampagne2020 .g16.column {
	position:static;
}
.bandeauPrincipalCampagne2020 .btSavoirPlus a.lien_8 {
	position:static;
	background-color:#be524a;
}
/* Lien couvrant tout le bandeau */
.bandeauPrincipalCampagne2020 .btSavoirPlus a.lien_8:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: auto;
}
.bandeauPrincipalCampagne2020.image2 {
	background-image:url(../img/accueil/bg_principal_campagne2020_2.jpg?automne);
}
.bandeauPrincipalCampagne2020.image3 {
	background-image:url(../img/accueil/bg_principal_campagne2020_3.jpg?automne);
}
/*.bandeauPrincipalCampagne2020.image4 {
	background-image:url(../img/accueil/bg_principal_campagne2020_4.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image5 {
	background-image:url(../img/accueil/bg_principal_campagne2020_5.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image6 {
	background-image:url(../img/accueil/bg_principal_campagne2020_6.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image6 .btSavoirPlus a.lien_8 {
	background-color:#49413f;
}
.bandeauPrincipalCampagne2020.image7 {
	background-image:url(../img/accueil/bg_principal_campagne2020_7.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image7 .btSavoirPlus a.lien_8 {
	background-color:#49413f;
}
.bandeauPrincipalCampagne2020.image8 {
	background-image:url(../img/accueil/bg_principal_campagne2020_8.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image8 .btSavoirPlus a.lien_8 {
	background-color:#b75a16;
}
.bandeauPrincipalCampagne2020.image9 {
	background-image:url(../img/accueil/bg_principal_campagne2020_9.jpg?hiver1);
}
.bandeauPrincipalCampagne2020.image9 .btSavoirPlus a.lien_8 {
	background-color:#be524a;
}*/

.bandeauPrincipalCampagne2020 .sloganGros {
	color:#fff;
	font-size:4.642857142857143em; /* 65/14 */
	line-height:1.153846153846154; /* 75/65 */
	font-weight:600;
	text-transform:uppercase;
	padding:100px 0 5px 0;
	margin:0;
}
.bandeauPrincipalCampagne2020 .sloganGros.avecSlogan {
	padding-top:80px;
}
.bandeauPrincipalCampagne2020 hr.separateur {
	height:3px;
	border-top:3px solid #fff;
	margin:20px 0;
	max-width:150px;
}
.bandeauPrincipalCampagne2020 .slogan {
	color:#fff;
	font-size:1.714285714285714em; /* 24/14 */
	line-height:1.2;
	font-weight:600;
	/*text-transform:uppercase;*/
	margin:25px 0 0 0;
}



/* Bandeau Admission automne */
.bandeauAdmission {
	background:url(../img/accueil/bg_principal_admission.jpg) #fff top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauAdmission .sloganGros {
	color:#000;
	font-size:4.642857142857143em; /* 65/14 */
	line-height:1.1;
	font-weight:400;
	text-transform:uppercase;
	padding:77px 0 5px 0;
	margin:0;
}
.bandeauAdmission a.lien_8 {
	background-color:#e55c3c;
}


/* Bandeau FAD MEES */
.bandeauPrincipalMEES {
	background:url(../img/accueil/bg_principal_fad_mees_large.jpg) #000 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalMEES .sloganGros {
	color:#fff;
	font-size:3.928571428571429em; /* 55/14 */
	font-size:4.714285714285714em; /* 66/14 */
	line-height:1.181818181818182; /* 65/55 */
	font-weight:600;
	text-transform:uppercase;
	padding:100px 0 5px 0;
	margin:0;
}
.bandeauPrincipalMEES .slogan {
	color:#fff;
	font-size:1.857142857142857em; /* 28/14 */
	line-height:1;
	font-weight:400;
	/*text-transform:uppercase;*/
	margin:10px 0 0 0;
}
.bandeauPrincipalMEES .btSavoirPlus a.lien_8 {
	color:#000;
	background:#eeac3d;
}
.bandeauPrincipalMEES .logoMEES {
	margin-top:100px;
}


/* Bandeau COVID */
.bandeauPrincipalCOVID {
	background:url(../img/accueil/bg_principal_covid.jpg) #000 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalCOVID .sloganGros {
	color:#fff;
	font-size:3.928571428571429em; /* 55/14 */
	line-height:1.181818181818182; /* 65/55 */
	font-weight:600;
	text-transform:uppercase;
	padding:100px 0 5px 0;
	margin:0;
}
.bandeauPrincipalCOVID .slogan {
	color:#fff;
	font-size:1.857142857142857em; /* 28/14 */
	line-height:1;
	font-weight:700;
	text-transform:uppercase;
	margin:20px 0 0 0;
}


/* Bandeau Campagne automne 2019 */
.bandeauPrincipalAutomne {
	background:url(../img/accueil/bg_principal_campagne_a2019.jpg) #000 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalAutomne .sloganGros {
	color:#fff;
	font-size:4.642857142857143em; /* 65/14 */
	line-height:1.153846153846154; /* 75/65 */
	font-weight:600;
	text-transform:uppercase;
	padding:100px 0 5px 0;
	margin:0;
}
.bandeauPrincipalAutomne .slogan {
	color:#fff;
	font-size:1.857142857142857em; /* 28/14 */
	line-height:1;
	font-weight:700;
	text-transform:uppercase;
	margin:20px 0 0 0;
}




/* Pour la vidéo */
.bandeauVideo .sloganGros,
.bandeauVideo .btSavoirPlus {
	z-index:100;
	position:relative;
}
.bandeauVideo .lienInvisibleOverlay {
	z-index:150;
}
.bandeauVideo #VideoOverlay {
	background:rgba(0,0,0,0.50);
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	z-index:20;
}
.bandeauVideo.nope .videoWrapper,
.bandeauVideo.nope video {
	display:none;
}
.bandeauVideo video {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
/* disable video (e.g. in a media query) by setting .videoWrapper to display: none; as appropriate */
.videoWrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index:1;
}









/* Bandeau - Collation des grades */
.bandeauPrincipalCollation {
	background:url(../img/accueil/bg_principal_collation.jpg) #000 top center no-repeat;
	background-size:cover;
	height:470px;
	position:relative;

	display:table;
	width:100%;
}
.bandeauPrincipalCollation .contentWrap {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.bandeauPrincipalCollation .sloganGros {
	color:#fff;
	font-size:3.857142857142857em; /* 54/14 */
	line-height:1.155555555555556; /* 52/45 */
	text-transform:uppercase;
	font-weight:400;
	padding:0 0 20px 0;
	margin:0;
}


/* Bandeau - Journée d'accueil 2020 */
.bandeauPrincipalJourneeAccueil {
	background:url(../img/accueil/bg_principal_journee_accueil.jpg) #478C9C top center no-repeat;
	background-size:cover;
	position:relative;
	padding:20px 0;
	min-height:470px;
	height:100px; /* IE */
	display:flex;
	align-items:center;
}
.bandeauPrincipalJourneeAccueil .grandTitre {
	color:#fff;
	font-size:3.571428571428571em; /* 50/14 */
	line-height:1.155555555555556; /* 52/45 */
	text-transform:uppercase;
	font-weight:600;
	margin:0 0 30px 0;
}
.bandeauPrincipalJourneeAccueil .dateAccueil {
	color:#fff;
	font-size:2.142857142857143em; /* 30/14 */
	line-height:1;
	text-transform:uppercase;
	font-weight:400;
	margin:0 0 40px 0;
}
.bandeauPrincipalJourneeAccueil .btSavoirPlus a.lien_8 {
	background-color:#01404F;
	color:#fff;
}



/* Boites clientèles */
.sectionsClienteles {
	background-color:#333;
	padding:50px 0 40px 0;
}
.sectionsClienteles .lesBoites {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sectionsClienteles .boiteChoix {
	position:relative;
	border:1px dotted #fff;
	color:#fff;
	text-align:center;
	display:block;
	width:48%;
	padding:15px 10px 20px 10px;
}
.sectionsClienteles .boiteChoix:nth-child(2n) {

}
.sectionsClienteles .boiteChoix h2 {
	font-size: 2em; /* 28/14 */
	line-height: 1.34375;
	letter-spacing: 0.64px;
	margin: 0 0 30px 0;
}
.sectionsClienteles .boiteChoix h2 a {
	display:inline-block;
	font-weight:700;
	border-bottom: 1px dotted #fff;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration:none;
}
.sectionsClienteles .boiteChoix h2 a:focus,
.sectionsClienteles .boiteChoix h2 a:hover {
	/*background-color:#fff;
	color: #222;
	text-decoration:none;*/
}
.sectionsClienteles ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
.sectionsClienteles li {
	margin:0 0 12px 0;
}
.sectionsClienteles li:last-child {
	margin:0;
}
.sectionsClienteles li a {
	font-size:1.285714285714286em; /* 18/14 */
	line-height:1.2;
	color:#fff;
	font-weight: 600;
	text-decoration:none;
	display: inline-block;
	position: relative;
	padding-right: 40px;
	padding-left: 40px;
}
.sectionsClienteles li a:after {
	content: url("../img/fleche_verte.svg");
	position: absolute;
	right: 5px;
	/*right: -35px;*/
	top: 3px;
	transition: transform 0.2s ease;
}
.sectionsClienteles li a:focus,
.sectionsClienteles li a:hover {
	color:#fff;
	outline:0;
	text-decoration:underline;
}
.sectionsClienteles li a:focus:after,
.sectionsClienteles li a:hover:after {
	transform: translateX(5px);
}



/* Strate des domaines */
.sCommuneDomainesProgramme.sCommuneDomainesProgramme {
	background:#333;
	padding-top: 0;
}
.sCommuneDomainesProgramme .trimestre {
	font-weight: 300;
	font-size: 1.642857142857143em; /* 23/14 */
	line-height:1.2;
	color: #c4c4c4;
	text-align: center;
}
.sCommuneDomainesProgramme .showSmall {
	display: none;
}
.sCommuneDomainesProgramme a.btAdmission {
	display:inline-block;
	color:#fff;
	background-color:#2e8804;
	font-weight:700;
	font-size:1em;
	margin:0;
	padding:10px 25px;
	transition:background-color 0.2s ease;
	max-width:400px;
	width:100%;
}
.sCommuneDomainesProgramme a.btAdmission:hover,
.sCommuneDomainesProgramme a.btAdmission:focus {
	color:#fff;
	background-color:#000;
}


/* Strate des avantages avec icônes */
.sAvantages {
	background-color:#fff;
	color:#000;
	padding:50px 0;
}
.sAvantages h2 {
	color: #000;
	margin: 0 0 40px 0;
	text-align: center;
	font-size: 2.28571em;
	line-height: 1.2;
	font-weight: 400;
}
.listeAvantages {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.listeAvantages li {
	text-align: center;
	margin: 0;
	padding: 0 10px;
	width: 33.33333333%;
}
.listeAvantages a {
	display: inline-block;
	text-decoration: none;
}
.listeAvantages a:focus {
	outline: none;
}
.listeAvantages a:focus-visible {
	outline: 2px dotted #2e8804;
	outline-offset: 15px;
}
.listeAvantages li .icone {
	position: relative;
	display: flex;
	justify-content:center;
	margin: 0 auto 20px auto;
	/*padding-top:10px;
	border-radius: 50%;
	width: 105px;
	height: 105px;
	background: #EAF3E5;
	/*transition: scale 0.2s ease;*/
	width: 105px;
	height: 105px;
}
.listeAvantages li .icone:after {
	content: "";
	position: absolute;
	top: 0;
	z-index: 1;
	border-radius: 50%;
	width: 105px;
	height: 105px;
	background: #EAF3E5;
	transition: transform 0.2s ease;
}
.listeAvantages a:hover .icone:after,
.listeAvantages a:focus .icone:after{
	transform: scale(1.2);
}
.listeAvantages li .icone img {
	margin-top: 10px;
	z-index: 5;
}
.listeAvantages li .texte {
	display: block;
	font-weight: 300;
	color: #2B2E34;
	font-size: 1.857142857142857em; /* 26/14 */
	line-height: 1.2;
}


/*
 * Bandeaux secondaires split 50/50
 * Styles généraux de base pour tous ces bandeaux
 * Plus les personnalisations (image, couleur, etc.) suivent
 */
.sBandeauxSplit ul,
.sBandeauxSplit li {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style:none;
}
.sBandeauxSplit ul {
	display: flex;
	flex-wrap: wrap;
}
.sBandeauxSplit li {
	display: flex;
	min-height: 450px;
	width: 50%;
	text-align:center;
	justify-content: center;
	padding: 20px;
	background-color: #333;
}
.sBandeauxSplit li.full,
.sBandeauxSplit li.w100 {
	width: 100%;
}
.sBandeauxSplit .boite {
	position: relative;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 15px;
	width: 100%;
	max-width: 430px;
	align-self: center;
}
.sBandeauxSplit .grandTitre {
	color:#2B2E34;
	font-size:2.142857142857143em; /* 30/14 */
	line-height:1.066666666666667; /* 32/30 */
	font-weight:700;
	text-transform:uppercase;
	margin:0;
}
.sBandeauxSplit .slogan {
	font-weight:600;
	margin:10px 0 0 0;
}
.sBandeauxSplit .btSavoirPlus {
	margin: 20px 0 0 0;
}
.sBandeauxSplit .btSavoirPlus a {
	display: inline-block;
	padding: 3px 15px;
	min-height: 17px;
	font-size: 1.071428571428571em; /* 15/14 */
	line-height: 1.6;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color:#fff;
	background-color:#2e8804;
	transition: background-color ease 0.2s;
}
.sBandeauxSplit .btSavoirPlus a:focus,
.sBandeauxSplit .btSavoirPlus a:hover {
	background-color:#000;
}
/* Lien couvrant toute la boite blanche */
.sBandeauxSplit .btSavoirPlus a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: auto;
}


/* Bandeau split JAD MEES */
.bandeauSplitMEES {
	background:url(../img/accueil/bg_secondaire_split_fad_mees.jpg) #000 top center no-repeat;
	background-size:cover;
}
.bandeauSplitMEES .logoMEES {
	color: #fff;
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}
.bandeauSplitMEES .btSavoirPlus a {
	color:#fff;
	background-color:#DDAB48;
}
/*.bandeauSplitMEES .btSavoirPlus a:focus,
.bandeauSplitMEES .btSavoirPlus a:hover {
	background-color:#000;
}*/


/* Bandeau split Activités d'accueil */
.bandeauSplitActivitesAccueil {
	background:url(../img/accueil/bg_secondaire_split_act_accueil.jpg?mai2025) #000 top center no-repeat;
	background-size:cover;
}
.bandeauSplitActivitesAccueil .btSavoirPlus a {
	color:#fff;
	background-color:#2e8804; /* #335D97 ou #D97806 */
}
/*.bandeauSplitActivitesAccueil .btSavoirPlus a:focus,
.bandeauSplitActivitesAccueil .btSavoirPlus a:hover {
	background-color:#000;
}*/


/* Bandeau split Séances d'info */
.bandeauSplitSeancesInfo {
	background:url(../img/accueil/bg_secondaire_split_seances_info.jpg) #000 top right no-repeat;
	background-size:cover;
}
.bandeauSplitSeancesInfo .btSavoirPlus a {
	color:#fff;
	background-color:#145351;
}


/* Bandeau split CLOM/MOOC */
.bandeauSplitMooc {
	background:url(../img/accueil/bg_secondaire_split_mooc.jpg) #000 top center no-repeat;
	background-size:cover;
}
.bandeauSplitMooc .btSavoirPlus a {
	color:#fff;
	background-color:#0192BF;
}
/*.bandeauSplitMooc .btSavoirPlus a:focus,
.bandeauSplitMooc .btSavoirPlus a:hover {
	background-color:#000;
}*/


/* Bandeau split Nouveaux prog */
.bandeauSplitNouvProg {
	background:url(../img/accueil/bg_secondaire_split_nouv_prog.jpg) #000 top center no-repeat;
	background-size:cover;
}
.bandeauSplitNouvProg .btSavoirPlus a {
	color:#fff;
	background-color:#B06107;
}
/*.bandeauSplitNouvProg .btSavoirPlus a:focus,
.bandeauSplitNouvProg .btSavoirPlus a:hover {
	background-color:#000;
}*/


/* Bandeau split Plagiat */
.bandeauSplitPlagiat {
	background:url(../img/accueil/bg_secondaire_split_plagiat.jpg) #000 top center no-repeat;
	background-size:cover;
}
.bandeauSplitPlagiat .btSavoirPlus a {
	color:#fff;
	background-color:#B06107;
}


/* Bandeau split DESS EDU */
.bandeauSplitDessEdu {
	background:url(../img/accueil/bg_secondaire_split_dess_edu.jpg) #000 center center no-repeat;
	background-size:cover;
}
.bandeauSplitDessEdu .btSavoirPlus a {
	color:#fff;
	background-color:#2e8804;
}
/*.bandeauSplitDessEdu .btSavoirPlus a:focus,
.bandeauSplitDessEdu .btSavoirPlus a:hover {
	background-color:#000;
}*/



/* Bandeau split 50e */
.bandeauSplit50e.bandeauSplit50e {
	background:url(../img/accueil/bg_secondaire_split_50e.svg) #000 center center no-repeat;
	/*background-size:cover;*/
}
/*.bandeauSplit50e .btSavoirPlus a {
	color:#fff;
	background-color:#B06107;
}*/
/*.bandeauSplit50e .btSavoirPlus a:focus,
.bandeauSplit50e .btSavoirPlus a:hover {
	background-color:#000;
}*/

/* Bandeau split Collation des grades */
.bandeauSplitCollation {
	background:url(../img/accueil/bg_secondaire_split_collation.jpg) #000 center center no-repeat;
	background-size:cover;
}

/* Bandeau split Boutique */
.bandeauSplitBoutique {
	background:url(../img/accueil/bg_secondaire_split_boutique.jpg) #000 top right no-repeat;
	background-size:cover;
}

/* Bandeau split Santé mentale */
.bandeauSplitSSM {
	background:url(../img/accueil/bg_secondaire_split_sante_mentale.jpg?h2025) #000 center center no-repeat;
	background-size:cover;
}



/* Carrousel de notoriété */
.sNotoriete {
	background:url(../img/accueil/slider_bg.jpg) #000 center center no-repeat;
	background-size:cover;
	padding: 50px 0 80px 0;
	color:#fff;
}
/*.sNotoriete .contentWrap {
	overflow:hidden;
}*/
.sNotoriete h2 {
	margin:0;
}
/*.sNotoriete .slick-slider {
	border:3px solid #fff;
	border-top-width:0;
}*/
.sNotoriete .slick-slide {
	font-size:1.142857142857143em; /* 16/14 */
	line-height:1.375; /* 22/16 */
	padding:30px 25px 25px 25px;
	outline:0;
	min-height:200px;
	text-align: center;
}
.sNotoriete .slick-slide p {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.sNotoriete a,
.sNotoriete a:visited,
.sNotoriete a:hover,
.sNotoriete a:focus{
	color:#fff;
}
.sNotoriete .lien_8:link,
.sNotoriete .lien_8:active,
.sNotoriete .lien_8:visited {
	font-size:1em; /* 16/16 */
	line-height:1.6;
	margin-top:30px;
	font-weight:400;
	padding:3px 15px;
}
.sNotoriete .lien_8:focus,
.sNotoriete .lien_8:hover {
	background-color:#246e02;
	text-decoration:none;
}

/*
 * Ajustements au plugin Slick Slider (styles des puces)
 */
.sBandeauxP .slick-slider {
	background:#333; /* Comme la strate qui suit (slider 5px trop haut) */
}
.sNotoriete .slick-autoplay-toggle-button {
	bottom:-60px;
	padding:10px;
	line-height:0;
	font-size:0;
}
.sNotoriete .slick-dots {
	bottom: -45px;
	margin: 0;
}
.sBandeauxP .slick-dots {
	bottom: 20px;
	left:50%;
	transform:translateX(-50%);
	width:auto;
}
.slick-dotted.slick-slider {
	margin-bottom:0;
}
.slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 10px;
}
.slick-dots li button {
	width: 16px;
	height: 16px;
}

.slick-dots li button .slick-dot-icon,
.slick-dots li.slick-active button .slick-dot-icon {
	opacity:1;
}

.slick-dots li button .slick-dot-icon:before {
	width: 16px;
	height: 16px;
	content: "";
	background:#000;
	border:2px solid #fff;
	border-radius:50%;
}
.slick-dots li.slick-active button .slick-dot-icon:before {
	background-color:#fff;
}
.slick-dots li button:hover .slick-dot-icon:before,
.slick-dots li button:focus .slick-dot-icon:before {
	background-color:#fff;
}


/* Les nouvelles et les événements */
.sNewsEvents {
	/*color:#000;*/
}
.sNewsEvents .contentWrap {
	padding: 40px 0;
}
.sNewsEvents h2 {
	color:#000;
	margin-bottom:20px;
}
.sNewsEvents ul,
.sNewsEvents li {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style:none;
}
.sNewsEvents li {
	float:left;
	padding:40px 0;
	margin-right:10.9375%;
	width:26.04166666666667%; /* 250/960 */
}
.sNewsEvents li:nth-child(3n) {
	margin-right:0;
}
.sNewsEvents li:nth-child(3n+1) {
	clear:left;
}
.sNewsEvents li:nth-child(n+4) {
	border-top:1px solid #888;
}

.sNewsEvents .categorie {
	font-weight:600;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
.sNewsEvents .categorie time {
	font-weight:400;
	color:#000;
}
.sNewsEvents .categorie time:before {
	content:" / ";
}
.sNewsEvents h3 {
	font-size:1.285714285714286em; /* 18/14 */
	margin:0 0 14px 0;
	font-weight:700;
}
.sNewsEvents p {
	margin:0 0 16px 0;
}
.sNewsEvents li > *:last-child {
	margin-bottom:0;
}
.sNewsEvents .lien_invisible {
	text-decoration:none;
	color:#000;
}
.sNewsEvents .lien_invisible:hover {
	text-decoration:underline;
	color:#000;
}
.sNewsEvents .lienPlus {
	text-transform:uppercase;
	font-weight:600;
}

/* Modifs pour les événements */
.sNewsEvents .evenement .lien_invisible,
.sNewsEvents .evenement .categorie {
	color:#2e8804;
}
.sNewsEvents .evenement .lien_invisible:hover,
.sNewsEvents .evenement h3,
.sNewsEvents .evenement h3 a,
.sNewsEvents .evenement h3 a:hover {
	color:#2e8804;
}




/********************************************************
 * ACCUEIL RESPONSIVE
 ********************************************************/
@media only screen and (max-width: 1080px) {
	/* Bandeau FAD MEES */
	.bandeauPrincipalMEES {
		background-image:url(../img/accueil/bg_principal_fad_mees.jpg);
	}
}


@media only screen and (max-width: 1023px) {
	.jeDonne {
		right:20%;
	}










	/* Bandeau - Journée d'accueil 2020 */
	.bandeauPrincipalJourneeAccueil {
		min-height:350px;
	}
	.bandeauPrincipalJourneeAccueil .grandTitre {
		font-size:2.857142857142857em; /* 40/14 */
	}
	.bandeauPrincipalJourneeAccueil .dateAccueil {
		font-size:1.428571428571429em; /* 20/14 */
	}

}


/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.jeDonneContainer {
		position:absolute;
		right:150px;
		width:auto;
	}

	.sBandeauxP .slick-dots {
		bottom:10px;
	}


	/* Bandeaux */
	.bandeauVideo .videoWrapper,
	.bandeauVideo video {
		display:none;
	}


	/* Bandeau Nouveaux programmes */
	.bandeauPrincipalNouveauxProg {
		/*min-height:1px;*/
		min-height:300px;
		padding:25px 0;
		display: flex;
		align-items: center;
	}
	.bandeauPrincipalNouveauxProg .sloganGros,
	.bandeauPrincipalNouveauxProg .sloganGros.avecSlogan {
		font-size:2.285714285714286em; /* 32/14 */
		padding:0;
	}
	.bandeauPrincipalNouveauxProg .slogan {
		font-size:1.285714285714286em; /* 18/14 */
	}
	.bandeauPrincipalNouveauxProg .btSavoirPlus {
		margin-bottom: 0;
	}


	/* Bandeau Campagne automne 2020 */
	.bandeauPrincipalCampagne2020 {
		/*min-height:1px;*/
		min-height:300px;
		padding:25px 0;
		display: flex;
		align-items: center;
	}
	.bandeauPrincipalCampagne2020 .sloganGros,
	.bandeauPrincipalCampagne2020 .sloganGros.avecSlogan {
		font-size:2.285714285714286em; /* 32/14 */
		padding:0;
	}
	.bandeauPrincipalCampagne2020 .slogan {
		font-size:1.285714285714286em; /* 18/14 */
	}
	.bandeauPrincipalCampagne2020 .btSavoirPlus {
		margin-bottom: 0;
	}






	/* Bandeau Admission automne */
	.bandeauAdmission {
		min-height:1px;
		padding-bottom:25px;
	}
	.bandeauAdmission .sloganGros {
		font-size:2.285714285714286em; /* 32/14 */
		padding:25px 0 0px 0;
	}


	/* Bandeaux secondaires split 50/50 */
	.sBandeauxSplit li {
		width: 100%;
		min-height: 350px;
		padding: 50px 20px;
	}

	/* Particularité du bandeau split JAD MEES */
	.sBandeauxSplit li.bandeauSplitMEES {
		padding-bottom: 75px;
	}
	.bandeauSplitMEES .logoMEES {
		bottom: -55px;
		left: 50%;
	}
	.bandeauSplitMEES .logoMEES img {
		width:155px;
	}







	/* Bandeau Collation des grades */
	.bandeauPrincipalCollation {
		height:auto;
		padding:19px 0 40px 0;
	}
	.bandeauPrincipalCollation .contentWrap {
		vertical-align:top;
	}
	.bandeauPrincipalCollation .sloganGros {
		font-size:2.285714285714286em; /* 32/14 */
		padding:0;
		margin:0;
	}














	/* Bandeau - Journée d'accueil 2020 */
	.bandeauPrincipalJourneeAccueil {
		min-height:1px;
		height:auto; /* IE */
	}
	.bandeauPrincipalJourneeAccueil .grandTitre {
		font-size:2.285714285714286em; /* 32/14 */
		margin:0 0 20px 0;
	}
	.bandeauPrincipalJourneeAccueil .dateAccueil {
		font-size:1.2em; /* 18/15 */
		margin:0 0 30px 0;
	}






	/* Clientèles */
	.sectionsClienteles {
		padding: 30px 20px 50px 20px;
	}
	.sectionsClienteles .boiteChoix {
		width:100%;
	}
	.sectionsClienteles .boiteChoix:nth-child(2n) {
		margin-top:30px;
	}

	.sectionsClienteles .boiteChoix h2 {
		font-size: 1.857142857142857em; /* 26/14 */
	}


	/* Strate des avantages avec icônes */
	.listeAvantages li {
		margin-bottom: 40px;
		width: 100%;
	}
	.listeAvantages li:last-child {
		margin-bottom:0;
	}



	.sNewsEvents li {
		width:44.53125%; /* 250/960 */
	}
	.sNewsEvents li:nth-child(2n) {
		margin-right:0;
	}
	.sNewsEvents li:nth-child(2n+1) {
		margin-right:10.9375%;
	}
	.sNewsEvents li:nth-child(2n+1) {
		clear:left;
	}
	.sNewsEvents li:nth-child(3n+1) {
		clear:none;
	}
	.sNewsEvents li:nth-child(n+3) {
		border-top:1px solid #888;
	}
}

@media only screen and (max-width: 599px) {
	/* Bandeau - Journée d'accueil 2020 */
	.bandeauPrincipalJourneeAccueil {
		background:url(../img/accueil/bg_principal_journee_accueil_mobile.jpg) #478C9C bottom center no-repeat;
		background-size:cover;
		padding:20px 0 100px 0;
	}
	.bandeauPrincipalJourneeAccueil .grandTitre .block {
		display:inline;
	}


	/* Positionnement du bandeau hiver */
	/*.bandeauPrincipalCampagne2020.image2 {
		background-position: calc(50% - 110px) 0;
	}
	.bandeauPrincipalCampagne2020.image3 {
		background-position: calc(50% - 110px) 0;
	}*/


	.sCommuneDomainesProgramme .showSmall {
		display: block;
	}
	.sCommuneDomainesProgramme .showDesktop {
		display: none;
	}

	.sNewsEvents li {
		float:none;
		margin-right:0;
		width:100%;
	}
	.sNewsEvents li:nth-child(n+2) {
		border-top:1px solid #888;
	}
}

@media only screen and (max-width: 480px) {
	.bandeauPrincipalNouveauxProg .slogan .block {
		display:inline;
	}
	.bandeauPrincipalNouveauxProg .slogan .block:before {
		content:"• ";
	}


	.bandeauPrincipalCampagne2020 .slogan .block {
		display:inline;
	}
	.bandeauPrincipalCampagne2020 .slogan .block:before {
		content:"• ";
	}
}

@media only screen and (max-width: 479px) {
	.jeDonneContainer {
		right:50px;
	}

}


/* Grande résolution */
@media only screen and (min-width: 1671px) {
	/* Bandeau - Journée d'accueil 2020 */
	.bandeauPrincipalJourneeAccueil {
		background:url(../img/accueil/bg_principal_journee_accueil_large.jpg) #478C9C top center no-repeat;
		background-size:cover;
	}
}

@media only screen and (min-width: 2200px) {
	/* Bandeau Nouveaux programmes */
	.bandeauPrincipalNouveauxProg {
		background-image:url(../img/accueil/bg_principal_nouveau_prog_large.jpg?v2);
	}



	/* Bandeau Campagne automne 2020 */
	.bandeauPrincipalCampagne2020 {
		background-image:url(../img/accueil/bg_principal_campagne2020_1_large.jpg?automne);
	}
	.bandeauPrincipalCampagne2020.image2 {
		background-image:url(../img/accueil/bg_principal_campagne2020_2_large.jpg?automne);
	}
	.bandeauPrincipalCampagne2020.image3 {
		background-image:url(../img/accueil/bg_principal_campagne2020_3_large.jpg?automne);
	}
	/*.bandeauPrincipalCampagne2020.image4 {
		background-image:url(../img/accueil/bg_principal_campagne2020_11_large.jpg?ete);
	}
	.bandeauPrincipalCampagne2020.image5 {
		background-image:url(../img/accueil/bg_principal_campagne2020_5_large.jpg?hiver1);
	}
	.bandeauPrincipalCampagne2020.image6 {
		background-image:url(../img/accueil/bg_principal_campagne2020_6_large.jpg?hiver1);
	}
	.bandeauPrincipalCampagne2020.image7 {
		background-image:url(../img/accueil/bg_principal_campagne2020_7_large.jpg?hiver1);
	}
	.bandeauPrincipalCampagne2020.image8 {
		background-image:url(../img/accueil/bg_principal_campagne2020_8_large.jpg?hiver1);
	}
	.bandeauPrincipalCampagne2020.image9 {
		background-image:url(../img/accueil/bg_principal_campagne2020_9_large.jpg?hiver1);
	}*/

}
