/* Section Fondation TÉLUQ
================================================== */

.pageEntete {
	background: top center #000 no-repeat;
	background-size: cover;
}

.pageEntete.fondsAccueil {
	background-image:url("../img/entetes/entete_fondation.jpg");
	margin-bottom:0;
}
.pageEntete.fondsAccueil h1.titrePage {
	margin-top: 120px;
}
.pageEntete.fondsAccueil h1.titrePage .block {
	font-size:50%;
	margin-bottom:15px;
}
.accrocheEntete.fondsAccueil {
	margin-bottom: 0;
}

.pageEntete.fondsBourses {
	background-image:url("../img/entetes/entete_fondation_bourses.jpg");
}
.pageEntete.fondProjets {
	background-image:url("../img/entetes/entete_fondation_projets.jpg");
	margin-bottom:0;
}
.pageEntete.fondsContribue {
	background-image:url("../img/entetes/entete_fondation_contribue.jpg");
}
.pageEntete.fondsApport {
	background-image:url("../img/entetes/entete_fondation_apport.jpg");
	margin-bottom:0;
}



/* Certaines strates similaires (padding, h2, etc.) */
.sFondsTELUQ,
.sCommentDonner,
.sMenu {
	padding: 50px 0;
}
.sCommunauteEtudianteHN h2,
.sFondsTELUQ h2,
.sCommentDonner h2 {
	margin-top:0;
	color: inherit;
	font-size:2.285714285714286em; /* 32px / 14px */
	font-weight:400;
	line-height:1.2;
	margin-bottom:20px;
}



/* Strates split image/texte 50-50 */
.sCommunauteEtudianteHN .flex,
.sCommunauteEtudiante .flex {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.sCommunauteEtudianteHN .colTexte,
.sCommunauteEtudiante .colTexte {
	display: flex;
	align-self: center;
	width: 50%;
	padding: 50px 0 50px 0;
}

.sCommunauteEtudianteHN .colTexte .contentWrap,
.sCommunauteEtudiante .colTexte .contentWrap {
	max-width: 425px;
	margin: 0 50px 0 auto;
}
.sCommunauteEtudiante .colTexte .contentWrap {
	margin: 0 auto 0 50px;
}

.sCommunauteEtudianteHN .colImg,
.sCommunauteEtudiante .colImg {
	display: flex;
	flex-grow: 1;
	background: url(../img/fondation/bg_femme.jpg) top center no-repeat;
	background-size: cover;
	aspect-ratio: 3 / 2;
}
.sCommunauteEtudiante .colImg {
	background-image:url(../img/fondation/bg_diplomee.jpg);
}



/* Strate Communauté étudiante */
.sCommunauteEtudiante {
	background: #4C4D4F;
	color: #fff;
}
.sCommunauteEtudiante h2 {
	color: inherit;
	margin-top: 0;
}


/* Strate Zoom sur l'Université TÉLUQ */
.sZoomTELUQ {
	background: url(../img/fondation/bg_teluq.jpg) top center no-repeat;
	background-size:cover;
	padding: 50px 0;
}

.sZoomTELUQ .gridCol {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}
.sZoomTELUQ .grosTitre {
	font-size: 4.642857142857143em; /* 65/14 */
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding-right: 15px;
}
.sZoomTELUQ .boite {
	background-color: rgba(255,255,255,0.9);
	padding: 20px 15px;
	/*width: 100%;
	max-width: 500px;*/
}


/* Strate du Fonds TÉLUQ */
.sFondsTELUQ {
}



/* Strate Comment donner? */
.sCommentDonner {
	background: #2E8804;
	color: #fff;
	text-align: center;
}
.sCommentDonner a {
	color: #fff;
}
.sCommentDonner a.button {
	margin-top:30px;
	padding: 10px 25px;
	font-weight: 600;
	letter-spacing: 0.23px;
	background-color:#000;
	color:#fff;
	max-width:none;
	width: auto;
}
.sCommentDonner a.button:focus,
.sCommentDonner a.button:hover{
	background-color:#333;
}



/* Strate de navigation (menu secondaire) */
.sMenu {
	background: #333;
}
.sMenu .lesLiens {
	--_minColWidth: 15rem;
	--_gridGap: 1.5rem;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--_minColWidth), 1fr));
	gap: var(--_gridGap);

	list-style: none;
	padding: 0;
	margin:0;
}
.sMenu .lesLiens > li {
	display:flex;
	flex-direction:column;

	margin: 0;
	/*margin:0 0 25px 0;*/
}

.sMenu .lesLiens a {
	/* Take available height */
	display: flex;
	flex-direction: column;
	flex-grow: 1;

	color:inherit;
	text-decoration:none;
}
.sMenu .lesLiens a:hover,
.sMenu .lesLiens a:focus {
	color:inherit;
	text-decoration:underline;
	outline:0;
}

.sMenu .lesLiens .conteneurImg {
	display: block;
	position:relative;
	aspect-ratio: 737 / 489; /* Taille de l'image */
	overflow:hidden;
}
.sMenu .lesLiens .conteneurImg span {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition:transform 0.2s ease;
	background:#bbb no-repeat center center;
	background-size:cover;
}
.sMenu .bourses .conteneurImg span {
	background-image:url(../img/fondation/menu_img_bourses.jpg);
}
.sMenu .projets .conteneurImg span {
	background-image:url(../img/fondation/menu_img_projets.jpg);
}
.sMenu .contribuer .conteneurImg span {
	background-image:url(../img/fondation/menu_img_contribue.jpg);
}
.sMenu .apport .conteneurImg span {
	background-image:url(../img/fondation/menu_img_apport.jpg);
}

.sMenu .lesLiens a:hover .conteneurImg span,
.sMenu .lesLiens a:focus .conteneurImg span {
	transform:scale(1.05);
}

.sMenu .lesLiens .titreLien {
	/* Take available height */
	flex-grow:1;
	flex-shrink:0;
	background-color:#fff;
	padding:25px 20px;

	/* Centrer le texte verticalement */
	/*display: flex;
	flex-direction: column;
	justify-content: center;*/

	font-size:1.285714285714286em; /* 18/14 */
	line-height:1.444444444444444; /* 26/18 */
	color:#2B2E34;
	font-weight:600;
	margin:0;
	text-transform: none;
}





/* Témoignages */
.unTemoignage {
	--_marge: 40px;

	display: grid;
	grid-template-columns: 220px 1fr;
	gap: calc(var(--_marge) / 2);
	padding-bottom: var(--_marge);
}
.unTemoignage:last-child {
	padding-bottom: 0;
}
.unTemoignage + .unTemoignage {
	border-top: 1px dashed #707070;
	padding-top: var(--_marge);
}
.unTemoignage img {
	max-width: 100%;
	height: auto;
}
.unTemoignage h3 {
	color: #58585a;
	font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
}
.unTemoignage .nomProg {
	font-size:1.285714285714286em; /* 18/14 */
	font-weight:600;
	margin:0 0 35px 0;
}
.unTemoignage .citation {
	font-size:2em; /* 28/14 */
	line-height: 1.3;
	margin-bottom:30px;
	font-style: normal;
	color: inherit;
}








@media only screen and (max-width: 1023px){
	.sZoomTELUQ .grosTitre {
		font-size: 3.214285714285714em; /* 45/14 */
	}
}


@media only screen and (max-width: 930px){
	.sCommunauteEtudianteHN .colTexte .contentWrap,
	.sCommunauteEtudiante .colTexte .contentWrap {
		margin: 0 auto;
	}
}


@media only screen and (max-width: 767px) {
	.pageEntete.fondsAccueil h1.titrePage {
		margin: 40px 0;
	}

	.sCommunauteEtudianteHN .flex {
		flex-direction: column-reverse;
	}
	.sCommunauteEtudianteHN .colTexte,
	.sCommunauteEtudiante .colTexte{
		width: 100%;
		padding: 40px 0;
	}
	.sCommunauteEtudianteHN .colTexte .contentWrap,
	.sCommunauteEtudiante .colTexte .contentWrap {
		max-width: none;
	}
	.sCommunauteEtudianteHN ul,
	.sCommunauteEtudianteHN ul li:last-child,
	.sCommunauteEtudiante ul,
	.sCommunauteEtudiante ul li:last-child{
		margin-bottom: 0;
	}
	.sCommunauteEtudianteHN .colImg,
	.sCommunauteEtudiante .colImg{
		width: 100%;
		aspect-ratio: 2 / 1;
	}

	.sZoomTELUQ .gridCol {
		grid-template-columns: 1fr;
	}
	.sZoomTELUQ .grosTitre {
		margin-bottom: 20px;
		padding-right: 0;
	}

	.sCommunauteEtudianteHN .colTexte,
	.sCommunauteEtudiante .colTexte,
	.sZoomTELUQ,
	.sFondsTELUQ,
	.sCommentDonner,
	.sMenu {
		padding:30px 0;
	}
}


@media only screen and (max-width: 599px) {
	.unTemoignage {
		grid-template-columns: 1fr;
	}
}


@media only screen and (min-width: 1671px) {
	.pageEntete.fondsAccueil {
		background-image:url("../img/entetes/entete_fondation_large.jpg");
	}
	.pageEntete.fondsApport {
		background-image:url("../img/entetes/entete_fondation_apport_large.jpg");
	}
	.pageEntete.fondsBourses {
		background-image:url("../img/entetes/entete_fondation_bourses_large.jpg");
	}
	.pageEntete.fondsContribue {
		background-image:url("../img/entetes/entete_fondation_contribue_large.jpg");
	}
	.pageEntete.fondProjets {
		background-image:url("../img/entetes/entete_fondation_projets_large.jpg");
	}
}