/* #Page Styles
*  Override de certaines couleurs/grille et nouveaux styles
================================================== */

.pageEntete.histoireAccueil {
	background-image:url(../img/entetes/entete_temoignages_index.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursAriane {
	background-image:url(../img/entetes/entete_temoignages_ariane.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursSimon {
	background-image:url(../img/entetes/entete_temoignages_simon.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursAlain {
	background-image:url(../img/entetes/entete_temoignages_alain.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursPhilippe {
	background-image:url(../img/entetes/entete_temoignages_philippe.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursSamir {
	background-image:url(../img/entetes/entete_temoignages_samir.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursMarieEve {
	background-image:url(../img/entetes/entete_temoignages_marie-eve.jpg);
	margin-bottom:0;
}
/* 2019 */
.pageEntete.parcoursIra {
	background-image:url(../img/entetes/entete_temoignages_ira.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursEric {
	background-image:url(../img/entetes/entete_temoignages_eric.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursGenevieve {
	background-image:url(../img/entetes/entete_temoignages_genevieve.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursJulien {
	background-image:url(../img/entetes/entete_temoignages_julien.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursMarieFrance {
	background-image:url(../img/entetes/entete_temoignages_marie-france.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursMelanie {
	background-image:url(../img/entetes/entete_temoignages_melanie.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursArina {
	background-image:url(../img/entetes/entete_temoignages_arina.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursKarine {
	background-image:url(../img/entetes/entete_temoignages_karine.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursStephanie {
	background-image:url(../img/entetes/entete_temoignages_stephanie.jpg);
	margin-bottom:0;
}
/*2024*/
.pageEntete.parcoursAndreanne {
	background-image:url(../img/entetes/entete_temoignages_andreanne.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursChristine {
	background-image:url(../img/entetes/entete_temoignages_christine.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursHamady {
	background-image:url(../img/entetes/entete_temoignages_hamady.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursHubert {
	background-image:url(../img/entetes/entete_temoignages_hubert.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursJosanne {
	background-image:url(../img/entetes/entete_temoignages_josanne.jpg);
	margin-bottom:0;
}
.pageEntete.parcoursLois {
	background-image:url(../img/entetes/entete_temoignages_lois.jpg);
	margin-bottom:0;
}


.pageEntete .accroche {
	margin-top:30px;
	font-weight:600;
	color:#fff;
	font-size: 1.428571428571429em; /* 20/14 */
	line-height:1.3;
}


/* Leur histoire */
.sEtudiants {
    padding: 40px 0;
}
.sEtudiants.sDiplomes {
    background-color: #EAEAEA;
}
.sEtudiants h2 {
	color: #58585a;
	font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 25px;
	text-align: center;
}
.sEtudiants .lstEtudiants {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.sEtudiants .lstEtudiants li {
	float:left;
	width:26%;
	padding-left:4%;
	margin:15px 0 0 0;
}
.sEtudiants .lstEtudiants li:first-child,
.sEtudiants .lstEtudiants li:nth-child(4n+1) {
	clear:left;
	width:22%;
	padding-left:0;
}
/*.sEtudiants .lstEtudiants li {
	float:left;
	width:34.33333333333333%;
	padding-left:3%;
	margin:15px 0 0 0;
}
.sEtudiants .lstEtudiants li:first-child,
.sEtudiants .lstEtudiants li:nth-child(3n+1) {
	clear:left;
	width:31.33333333333333%;
	padding-left:0;
}*/
.sEtudiants .lstEtudiants figure {
	margin: 0;
	position: relative;
}
.sEtudiants .lstEtudiants figure a {
	text-decoration:none;
	opacity: 0;
	transition: opacity 0.25s ease 0s;

	overflow: hidden;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;

	background-color: #2e8804;
	background-color: rgba(46, 136, 4, 0.85);
	background-size:cover;
	background-blend-mode: multiply;
}
/* Fallback IE (no blending), on ne veut plus l'image de BG inline, on utilisera que le BG color RGBA */
.no-backgroundblendmode .sEtudiants .lstEtudiants figure a { background-image:none!important; }
.sEtudiants .lstEtudiants figcaption {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 15;
	transform:translate(-50%,-50%);
	width:100%;

	/*font-size: 18px;*/
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
}
.sEtudiants .lstEtudiants figure a:focus,
.sEtudiants .lstEtudiants figure a:hover {
	display: block;
	opacity: 1;
}
.sEtudiants .lstEtudiants li img {
	width:100%;
	height:auto;
}
.sEtudiants .lstEtudiants li p {
	padding:0 10px;
	margin:15px 0 0 0;
	text-align:center;
}
.sEtudiants .lstEtudiants a {
	text-decoration:none;
	color:inherit;
}
.sEtudiants .lstEtudiants a:hover {
	text-decoration:underline;
	color:inherit;
}
.sEtudiants .lstEtudiants li .nom {
	text-transform:uppercase;
	font-weight:700;
	display:block;
}
.sEtudiants .lstEtudiants li .description {
	font-size:1.285714285714286em; /* 18/14 */
	line-height:1;
}


/* Savoir accessible */
.sSavoirAccessible {
	padding: 40px 0;
	color: #fff;
	background-color:#2e8804;
}
.sSavoirAccessible h2 {
	color: #fff;
	font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 40px;
}
.sSavoirAccessible ul {
	padding-left:12px; /* Pas décalé du texte */
}
.sSavoirAccessible .contentWrap .column {
	background:url(../img/temoignages/bg_mortier.png) right center no-repeat;
}


/* Votre histoire */
.sVotreHistoire {
	padding: 40px 0;
	color: #fff;
	background-color:#333;
	text-align:center;
}
.sVotreHistoire h2 {
	color: #fff;
	font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
	text-align: center;
}
.sVotreHistoire .accroche {
	font-size:1.142857142857143em; /* 16/14 */
	text-align: center;
	margin: 0 0 25px;
}
.sVotreHistoire .button {
	max-width:300px;
	/*font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
}

/* Un parcours */
.sFormulaire {
	padding: 40px 0;
}
.sFormulaire .accroche {
	font-size:1.142857142857143em; /* 16/14 */
	margin: 0 0 25px;
}
.sFormulaire textarea {
	min-height: 120px;
}


/* Un parcours */
.sParcours {
	padding: 40px 0;
}
.sParcours h2 {
	color: #58585a;
	font-size:2.285714285714286em; /* 32/14 */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
}
.sParcours .nomProg {
	font-size:1.285714285714286em; /* 18/14 */
	font-weight:600;
	margin:0 0 35px 0;
}
.sParcours .listeParcours {
	font-weight:700;
	padding-left:12px; /* Pas décalé du texte */
	margin-bottom:25px;
}
/*.sParcours .citation {
	/*font-size:1.142857142857143em; /* 15/14 */
	/*margin-bottom:20px;
}*/
.sParcours .citationSidebar {
	font-size:2em; /* 28/14 */
	line-height: 1.3;
	margin-bottom:30px;
}
.sParcours #RightColumn .citationSidebar {
	max-width:292px; /* Largeur de la photo */
	margin-bottom:10px;
}


.sParcours .lienVideoModale:link,
.sParcours .lienVideoModale:active,
.sParcours .lienVideoModale:visited {
	display:inline-block;
	color:#fff;
	background:url(../img/temoignages/ico_play.svg) 15px center no-repeat #333;
	background-size:44px;
	padding:15px 15px 15px 70px;
	font-size: 16px;
	line-height:40px;
	min-height:40px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:600;
	transition:all ease 0.2s;
}
.sParcours .lienVideoModale:focus,
.sParcours .lienVideoModale:hover { background-color:#2e8804; border-right-color:#2e8804; }


.sParcours .actionPartager {
	margin:10px 0 40px 0;
}
.sParcours .lstAutresEtudiants {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.sParcours .lstAutresEtudiants li {
	float:left;
	padding-right:20px;
	margin:0 0 20px 0;
}
.sParcours .lstAutresEtudiants a {
	display:inline-block;
	width:186px;
	height:104px;
}
.sParcours .lstAutresEtudiants a.ariane {
	background:url(../img/temoignages/photo_autre_ariane_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.simon {
	background:url(../img/temoignages/photo_autre_simon_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.marieEve {
	background:url(../img/temoignages/photo_autre_marie-eve_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.philippe {
	background:url(../img/temoignages/photo_autre_philippe_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.samir {
	background:url(../img/temoignages/photo_autre_samir_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.alain {
	background:url(../img/temoignages/photo_autre_alain_sprite.jpg) no-repeat;
}
/* 2019 */
.sParcours .lstAutresEtudiants a.ira {
	background:url(../img/temoignages/photo_autre_ira_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.eric {
	background:url(../img/temoignages/photo_autre_eric_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.genevieve {
	background:url(../img/temoignages/photo_autre_genevieve_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.julien {
	background:url(../img/temoignages/photo_autre_julien_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.marieFrance {
	background:url(../img/temoignages/photo_autre_marie-france_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.melanie {
	background:url(../img/temoignages/photo_autre_melanie_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.arina {
	background:url(../img/temoignages/photo_autre_arina_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.karine {
	background:url(../img/temoignages/photo_autre_karine_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.stephanie {
	background:url(../img/temoignages/photo_autre_stephanie_sprite.jpg) no-repeat;
}
/*2024*/
.sParcours .lstAutresEtudiants a.andreanne {
	background:url(../img/temoignages/photo_autre_andreanne_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.christine {
	background:url(../img/temoignages/photo_autre_christine_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.hamady {
	background:url(../img/temoignages/photo_autre_hamady_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.hubert {
	background:url(../img/temoignages/photo_autre_hubert_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.josanne {
	background:url(../img/temoignages/photo_autre_josanne_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a.lois {
	background:url(../img/temoignages/photo_autre_lois_sprite.jpg) no-repeat;
}
.sParcours .lstAutresEtudiants a:hover,
.sParcours .lstAutresEtudiants a:focus {
	background-position:0px -104px;
}



/*********************/
/* Le CSS responsive */
/*********************/
@media only screen and (max-width: 1023px) {
	.pageEntete .splitPromo .coteTitre {
		width:60%;
	}
	.pageEntete .splitPromo .cotePromo {
		width:40%;
		align-self:end;
	}

	.sEtudiants .lstEtudiants li,
	.sEtudiants .lstEtudiants li:nth-child(4n+1) {
		float:left;
		clear:none;
		width:34.33333333333333%;
		padding-left:3%;
	}
	.sEtudiants .lstEtudiants li:first-child,
	.sEtudiants .lstEtudiants li:nth-child(3n+1) {
		clear:left;
		width:31.33333333333333%;
		padding-left:0;
	}
}


@media only screen and (max-width: 767px) {
	.pageEntete {
		background-size:cover;
	}

	.pageEntete.histoireAccueil h1.titrePage {
		margin-bottom: 20px;
	}
	.pageEntete.histoireAccueil .titrePage .block {
		display:inline;
	}
	.pageEntete .accroche {
		margin-top:0;
		margin-bottom:40px;
		font-size: 1.071428571428571em; /* 15/14 */
	}

	/* Centrer */
	.pageEntete .coteTitre {
		text-align:center;
	}
	.pageEntete .cotePromo {
		margin-left:auto;
		margin-right:auto;
	}
	.pageEntete .accroche {
		margin-bottom: 20px;
	}


	.sSavoirAccessible .contentWrap .column {
		background:none;
	}
}


@media only screen and (max-width: 599px) {
	.sEtudiants .lstEtudiants li,
	.sEtudiants .lstEtudiants li:first-child,
	.sEtudiants .lstEtudiants li:nth-child(3n+1),
	.sEtudiants .lstEtudiants li:nth-child(4n+1) {
		float:none;
		width:100%;
		padding-left:0;
		margin-top:15px;
	}

	.sEtudiants .lstEtudiants li:first-child {
		margin-top:0;
	}
}


@media only screen and (max-width: 479px) {
	.sSavoirAccessible h2 .block { display:inline; }
}

@media only screen and (max-width: 374px) {
	.pageEntete .accroche .block { display:inline; }
}