/* .............................................................................
PAGE HEADERS
............................................................................. */

/*
PAGE HEAD
La section en haut de page. */
.pH {background-color: var(--color-bg-dark);}
.pH__c {padding: 4em 0;}
.pH__c .h2 + h3 {margin-top: 0;color: var(--color-dark-blue);}
.pH__c p {font-size: 1.2em;margin-top: 1.2em;}
.pH__filtres {margin-top: 1.7em;}

	/* Back button */
	.pH .bEmploi__cRetour {padding-bottom: 0;}
	.pH .bEmploi__cRetour + .pH__c {padding-top: 0;}

	/*
	ANIMATE */
	.pH.animate .pH__c {opacity: 0;}
	.pH .pH__c {opacity: 1;transition: opacity 1s;transition-delay: 0s;}

	.pH.animate .pH__filtres {opacity: 0;}
	.pH .pH__filtres {opacity: 1;transition: opacity 1s;transition-delay: 0.3s;}

	/* Spacing */
	@media (max-width:47rem) {
	    .pH__c {padding: 2em 0;}
	}



/*  PAGE HEAD MAIN
    Banner principale qu'on retrouve sur la page d'accueil. */
	:root {
		--carouselMB-left-padding: 14vw;
	}
	.pageHeadMain {position: relative;height: calc(100vh - var(--topbar-height));/*min-height: 58em;*/background: var(--color-bg-dark);overflow: hidden;color: var(--color-base-on-dark);}
	.pageHeadMain__c {position: absolute;z-index: 2;top: 46%;left: 9vw;right: 50%;transform: translateY(-50%);text-align: left;}
	.pageHeadMain__carouselWrap {width: 100%;height: 100%;position: relative;z-index: 2;}
	.pageHeadMain__carousel {width: 100%;height: 100%;position: relative;}
	.pageHeadMain__bgGradient {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}
	.pageHeadMain__bgGradientUnder {position: absolute;z-index: 0;top: 0;bottom: 0;left: 0;right: 0;}
	.pageHeadMain__script {font-size: 11.2vw;}
	.pageHeadMain__script .svgIcon--dans {display: block;}
	.pageHeadMain__script .svgIcon--laJoie {display: block;font-size: 1.25em;margin-top: -0.15em;margin-left: auto;margin-right: 2.5vw;}
	.pageHeadMain__title {margin-top: 5vh;overflow: hidden;}
	.pageHeadMain__btns {position: absolute;z-index: 3;left: 50%;top: 73vh;transform: translateX(-50%);white-space: nowrap;}
	.pageHeadMain__btns.alignLeftOfCenter {transform: translateX(-100%);}
	.pageHeadMain__btns .btn+.btn {margin-left: -0.25em;}
	.pageHeadMain .pageHeadMain__nav {font-size: 1em;position: absolute;z-index: 3;right: var(--width-wide-right);top: calc(50% - var(--carouselMB-bottom-padding)/2);transform: translate(50%, -50%);margin-right: 0;}
	.pageHeadMain__navHelp {display: none;}
	.pageHeadMain__nav .navArrows__leftNT {display: none !important;}
	.pageHeadMain__spacer {width: 100%;height: 2em; background: var(--color-bg-dark);}

		/* FIX POUR IE11 */
		.pageHeadMain::after {content: " ";min-height: inherit;}

		/* Desktop only */
		@media (min-width:992px) {
		    .pageHeadMain .btn--hiddenDesktop {display: none;}
		}

		/* 1 col sur mobile. */
		@media (max-width:991px) {
		    .pageHeadMain {height: auto;max-height: none;min-height: 34em;padding-bottom: 6em;border-top-width: calc(3em + 4.8vw);}
		    .pageHeadMain__c {position: relative;width: 100%;top: auto;left: auto;right: auto;transform: none;text-align: center;padding: 3vw 10vw 2vw 10vw;}
		    .pageHeadMain__carouselWrap {height: auto;padding-left: 4em;padding-right: 4em;z-index: 4;}
		    .pageHeadMain__carousel {}

		    .pageHeadMain .btn--hiddenMobile {display: none;}

		    .pageHeadMain__script {font-size: 15vw;width: 4.1em;margin-left: auto;margin-right: auto;}
		    .pageHeadMain__script .svgIcon--laJoie {margin-right: 0;margin-top: -0.3em;}
		    .pageHeadMain__title {margin-top: 2vh;font-size: 0.9em;}
		    .pageHeadMain__btns {position: relative;z-index: 5;left: auto;right: auto;top: auto;width: 100%;margin-right: 0;text-align: center;transform: translateY(-50%);}
		    .pageHeadMain__btns .btn+.btn {margin-left: 0;}
		    .pageHeadMain .pageHeadMain__nav {position: relative;right: auto;top: auto;transform: none;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 1em;}
		    .pageHeadMain__navHelp {display: block;margin-top: 0;order: 1;margin: 0 3em;}
		    .pageHeadMain__nav .btnIcon{position: relative;font-size: 3em;}
		    .pageHeadMain__nav .navArrows__leftNT {display: inline-block !important;z-index: 4;top: 50%;/* transform: translateY(-50%); */left: 0;order: 0;}
		    .pageHeadMain__nav .navArrows__rightNT {z-index: 7;top: 50%;/* transform: translateY(-50%); */right: 0;order: 2;}

		    .pageHeadMain__title br {display: none;}

			.pageHeadMain__spacer {display: none;}
		}

		/* Suivre la hauteur de sMain et ajustement mobiles */
		@media (max-width:767px) {
		    .pageHeadMain__carouselWrap {padding-left: 8vw;padding-right: 8vw;}
		    .pageHeadMain__title {font-size: 0.6em;}
		    .pageHeadMain .btn {font-size: 0.8em;}
		    .pageHeadMain .pageHeadMain__nav {font-size: 0.8em;}
		}


/* Animation */
.pageHeadMain__bg {transition: opacity 1s;}
.willAnimate .pageHeadMain__bg {opacity: 0;}

.pageHeadMain__script .svgIcon--dans {transition: opacity 1s;transition-delay: 0.6s;}
.willAnimate .pageHeadMain__script .svgIcon--dans {opacity: 0;}

.pageHeadMain__script .svgIcon--laJoie {transition: opacity 1s;
    transition-delay: 0.8s}
.willAnimate .pageHeadMain__script .svgIcon--laJoie {opacity: 0;}

.pageHeadMain__titleIn {transition: transform 1s;transition-delay: 0.8s;}
.willAnimate .pageHeadMain__titleIn {transform: translateY(100%);}

.pageHeadMain__btns .btn:first-child {transition: opacity 1s, transform 1s;transition-delay: 1.1s;}
.willAnimate .pageHeadMain__btns .btn:first-child {opacity: 0;transform: translate(-2vw, 0);}

.pageHeadMain__btns .btn:first-child+.btn {transition: opacity 1s, transform 1s;transition-delay: 1.3s;}
.willAnimate .pageHeadMain__btns .btn:first-child+.btn {opacity: 0;transform: translate(2vw, 0);}

.pageHeadMain__nav .btnIcon{opacity:1;}
.willAnimate .pageHeadMain__nav .btnIcon {opacity: 0;}

.pageHeadMain__nav .btnIcon .svgIcon {font-size: 1em;transform: translate(-100%, -50%);}
.pageHeadMain__nav .btnIcon .svgIcon {font-size: 1em;transform: translate(-70%, -50%);}
.pageHeadMain__nav .btnIcon.navArrows__leftNT .svgIcon {transform: translate(0%, -50%);}
.pageHeadMain__nav .btnIcon.navArrows__leftNT:hover .svgIcon {transform: translate(-100%, -50%);}

.sEvenement__trigger {transition: opacity 1s;transition-delay: 1.5s;}
.willAnimate .sEvenement__trigger {opacity: 0;}

	/* Animate mobile */
	@media (max-width:991px) {
	    .pageHeadMain__script .svgIcon--dans {transition-delay: 0s;}
	    .pageHeadMain__script .svgIcon--laJoie {transition-delay: 0.2s;}
	    .pageHeadMain__titleIn {transition-delay: 0.2s;}
	    .iCarouselMB__img {transition-delay: 0.5s;}
	    .pageHeadMain__btns {transition: opacity 1s;transition-delay: 1s;}
	    .willAnimate .iCarouselMB__img {transform: translateY(10vw);opacity: 0;}
	    .willAnimate .pageHeadMain__btns {opacity: 0;}
	}

	/**
     * CTA & slider controls
     * Contenu fixe à côté des slides
    **/
    .pageHeadMain__static {position: relative;z-index: 10;top: 0;width: 50%;height: auto;padding-left: var(--carouselMB-left-padding);padding-top: calc(25em + 6vw);padding-bottom: var(--carouselMB-bottom-padding);display: flex;align-items: stretch;transform: translateY(-100%);}
	.pageHeadMain__CTAs {flex: 1 1;font-size: 1.4em;margin-right: 1em;}
	.pageHeadMain__link {margin-top: 4vw;}
	.pageHeadMain__link .btn {margin-top: .5em;}

		@media (max-width: 991px) {
		    .pageHeadMain__static {position: static;padding-top: 0;width: 100%;text-align: center;padding: 0;transform: none;}
		    .pageHeadMain__CTAs{font-size: 1em;}
		    .pageHeadMain__static .playBtnWText{display: none;}
		}

/* Offres floating */
.pHHome__offres {--width: 24em;--offset: 7vh;--spacing: 2.2vw;flex: 0 1 auto;}
.pHHome__offresList {margin-left: calc(-1 * var(--width-std-left));margin-right: calc(-1 * var(--width-std-right));overflow: hidden;display: flex;justify-content: flex-end;}
.pHHome__offresItems {flex: 0 0 auto;display: flex;flex-direction: row-reverse;}
.pHHome__offresItems>* {flex: 0 0 auto;width: var(--width);margin-top: var(--offset);padding: 0 var(--spacing);}
.pHHome__offresItems>*:nth-child(even) {margin-top: 0;margin-bottom: var(--offset);}

	/*
	ANIMATE */
	.pHHome.animate .pHHome__bg {opacity: 0;}
	.pHHome .pHHome__bg {opacity: 1;transition: opacity 1s;transition-delay: 0.1s;}
	.pHHome.animate .pHHome__title {opacity: 0;}
	.pHHome .pHHome__title {opacity: 1;transition: opacity 1s;transition-delay: 0.4s;z-index: 10;}
	.pHHome.animate .pHHome__offres {opacity: 0;}
	.pHHome .pHHome__offres {opacity: 1;transition: opacity 1s;transition-delay: 0.4s;z-index: 10;}
	.pHHome.animate .pHHome__bottom>* {opacity: 0;}
	.pHHome .pHHome__bottom>* {opacity: 1;transition: opacity 1s;transition-delay: 0.7s;}

	/* 4k */
	@media (min-width:125rem) {
	    .pHHome__offres {--width: 19vw;}
	}

	/* Image defines height */
	@media (max-width:62rem) {
	    .pHHome {--width-wide-left: 0px;--width-wide-right: 0px;height: auto;min-height: 0;max-height: none;display: block;}
	    .pHHome__bottom {height: auto;max-height: none;padding-top: 2em;padding-bottom: 2em;}
	    .pHHome__ctn {justify-content: space-evenly;justify-content: space-between;padding-top: 2em;padding-bottom: 2em;}
	    .pHHome__title {padding: 10vw 0 0 0;}
	    .pHHome__bg {position: relative;top: auto;bottom: auto;left: auto;right: auto;}
	}

	@media (min-width: 47rem) {
	    .pHHome__offres.pHHome__offres--hideDesktop {display: none;}
	}

	/* Sizes */
	@media (max-width: 47rem) {
	    .pHHome__bottom {padding-top: 1em;padding-bottom: 1em;}
	    .pHHome__bottom>* {padding: 0.5em 1em;}
	    .pHHome__ctn {padding-top: 2vw;padding-bottom: 2vw;}
	    .pHHome__title {padding: 15vw 0 1em 0;}
	    .pHHome__title .typo__cta {margin-top: 1em;}

	    /* Offres floating */
	    .pHHome__offres {--width: 16em;--offset: 8vw;--spacing: 0.1vw;}
	    .pHHome__offres.pHHome__offres--hideMobile {display: none;}
	}

	@media (max-width: 30rem) {
	    .pHHome__ctn {position: static;}
	    .pHHome__bg {position: absolute;top: 0;z-index: 0;}
	}

/* Single emploi */

/*	BLOCK / Emploi
	Details d'une offre d'emploi. */
	.bEmploi {--bg-color: var(--color-bg-dark);--vertical-spacing: 1.75em;--overflowRight: 3.5vw;padding-top: 0;}
	.bEmploi__layout {display: grid;grid-template-columns: 33% 4% 7.5% 1fr;grid-template-rows: auto auto auto auto auto auto 1fr;}
	.bEmploi__layout>* {position: relative;z-index: 1;}
	.bEmploi__layout::before {display: block;content: '';position: relative;z-index: 0;grid-row: 1 / 6;grid-column: 1 / -1;margin-left: calc(-1 * var(--width-std-left));margin-right: calc(-1 * var(--width-std-right));background: var(--bg-color);}
	.bEmploi__cRetour {grid-row: 1 / 2;grid-column: 1 / 5;margin-left: calc(-1 * (var(--width-std-left) - var(--width-wide-left)));padding: 4em 0 2em 0;text-align: left;}
	.bEmploi__cTitle {grid-row: 2 / 3;grid-column: 1 / 2;padding-top:1.5em;padding-bottom: calc(1.5 * var(--vertical-spacing));}
	.bEmploi__cHeadDesc {grid-row: 3 / 4;grid-column: 1 / 2;padding-bottom: var(--vertical-spacing);/*min-height: 14em;*/}
	.bEmploi__cHeaderActions {grid-row: 4 / 5;grid-column: 1 / 2;padding-bottom: var(--vertical-spacing);z-index: 2;}
	.bEmploi__cShare {grid-row: 5 / 7;grid-column: 1 / 2;padding-top:2rem;padding-bottom: 0;z-index: 2;}
	.bEmploi__cMainImg {grid-row: 2 / 7;grid-column: 3 / 5;/*margin-right: calc(-1 * var(--overflowRight));*/}
	.bEmploi__list {overflow: hidden;}
	.bEmploi__stats {display: flex;flex-wrap: wrap;margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));}
	.bEmploi__stats>* {flex: 0 0 auto;width: 100%;padding: var(--espacementV) var(--espacementH);}
	.iStat {}
	.iStat__layout {display: flex;align-items: flex-start;}
	.iStat__cIcon {flex: 0 0 auto;font-size: 3.5em;color: #fff;}
	.iStat__cLabel {flex: 1 1 auto;align-self: center;font-size: 1.5em;color: var(--color-blue); margin-left: 1rem;}
	.iStat__cLabel strong {font-weight: bold;}

	/* Sticker */
	.bEmploi .playBtnWText {position: absolute;top: 0;right: 0;background-color: var(--color-dark-blue);border-radius: 50%;padding: 0.4em;transform: translate(35%, -35%);}
	.bEmploi .playBtnWTextNoBg {background-color: unset;}
	.bEmploi .playBtnWText__text {color: #fff;}
	.bEmploi .playBtnWText__icon {left: 50%;}

	/* Break cols */
	@media (max-width:30rem) {
		.bEmploi__cShare {text-align: center;}
	    .iStat+* {margin-top: 1.5em;}
	    .iStat__layout {display: block;text-align: center;}
	    .iStat__cIcon {display: inline-block;}
	    .iStat__cLabel {margin: 0.2em 0 0 0;}
	}
	/*.bEmploi__mainImg {overflow: hidden;}*/
	.bEmploi__btns {margin-top: calc(1.5 * var(--vertical-spacing));}
	.bEmploi__cHeadDesc .h3+* {margin-top: 0.5em;}

		/*
		ANIMATE */
		.bEmploi.animate .bEmploi__layout::before {transform: scaleY(0);}
		.bEmploi .bEmploi__layout::before {transform: scaleY(1);transform-origin: 50% 0%;transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);transition-delay: 0s;}
		.bEmploi.animate .bEmploi__cLieu {opacity: 0;}
		.bEmploi .bEmploi__cLieu {opacity: 1;transition: opacity 1s;transition-delay: 0.2s;}
		.bEmploi.animate .bEmploi__cTitle {opacity: 0;}
		.bEmploi .bEmploi__cTitle {opacity: 1;transition: opacity 1s;transition-delay: 0.4s;}
		.bEmploi.animate .bEmploi__cHeadDesc {opacity: 0;}
		.bEmploi .bEmploi__cHeadDesc {opacity: 1;transition: opacity 1s;transition-delay: 0.6s; margin-left:-0.8rem}
		.bEmploi.animate .bEmploi__cHeaderActions {opacity: 0;}
		.bEmploi .bEmploi__cHeaderActions {opacity: 1;transition: opacity 1s;transition-delay: 0.8s;}
		.bEmploi.animate .bEmploi__cRetour {opacity: 0;}
		.bEmploi .bEmploi__cRetour {opacity: 1;transition: opacity 1s;transition-delay: 0.8s;}
		.bEmploi.animate .bEmploi__mainImg>* {clip-path: inset(0% 0% 100% 0%);}
		.bEmploi .bEmploi__mainImg>* {clip-path: inset(0% 0% 0% 0%);transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);transition-delay: 0.4s;}
		.bEmploi.animate .bEmploi__cDescLeft {opacity: 0;}
		.bEmploi .bEmploi__cDescLeft {opacity: 1;transition: opacity 1s;transition-delay: 1s;}
		.bEmploi.animate .bEmploi__cDescRight {opacity: 0;}
		.bEmploi .bEmploi__cDescRight {opacity: 1;transition: opacity 1s;transition-delay: 1s;}

			/* Break cols */
			@media (max-width:62rem) {
			    .bEmploi__layout {grid-template-columns: 50% 1fr;grid-template-rows: auto;}
			    .bEmploi__layout>* {grid-row: auto;grid-column: 1 / -1;}
			    .bEmploi__layout::before {grid-row: 1 / 6;margin-left: calc(-1 * (var(--width-std-left)));margin-right: calc(-1 * (var(--width-std-right)));margin-bottom: 20vw;}
			    .bEmploi__cRetour {grid-row: 1 / 2;grid-column: 2 / 3;}
			    .bEmploi__cLieu {grid-row: 1 / 2;grid-column: 1 / 2;}
			    .bEmploi__cTitle {grid-row: 2 / 3;}
			    .bEmploi__cHeadDesc {grid-row: 3 / 4;min-height: auto;}
			    .bEmploi__cHeaderActions {grid-row: 4 / 5;}
			    .bEmploi__cMainImg {grid-row: 5 / 6;/*margin-right: calc(-1 * var(--width-std-right));*/}
			    .bEmploi__cPostuler {text-align: center;}
			    .bEmploi__cPostuler .btn {font-size: 1.2em;}
			    .bEmploi__mainImg {border-top-right-radius: 0;border-bottom-right-radius: 0;}
				.bEmploi .playBtnWText {transform: none;}
			}

			/* Back btn at left */
			@media (max-width:47rem) {
			    .bEmploi {--vertical-spacing: 1.2em;}
			    .bEmploi__layout::before {grid-row: 1 / 7;}
			    .bEmploi__cRetour {grid-row: 1 / 2;grid-column: 1 / -1;text-align: left;margin-right: 0;}
			    .bEmploi__cLieu {grid-row: 2 / 3;grid-column: 1 / -1;padding-top: 0;}
			    .bEmploi__cTitle {grid-row: 3 / 4;}
			    .bEmploi__cHeadDesc {grid-row: 4 / 5;}
			    .bEmploi__cHeaderActions {grid-row: 5 / 6}
			    .bEmploi__cMainImg {grid-row: 6 / 7;grid-column-start: 1;grid-column-end: -1;}
			}

	.pHEmploi {--bg-color: var(--color-navy);background-color: var(--bg-color);}
	.pHEmploi__cRetour {padding: 4.00em var(--width-wide-left);}
	.pHEmploi__layout {display: grid;grid-template-columns: 40% auto;}
	.phEmploi__cCtn {grid-column: 1 / 2;}
	.pHEmploi__cBG {grid-column: 2 / 2;}

/* SPA Header */
.spa_btn-slider-container{
	margin-top:-5rem;
	margin-bottom: 4rem
}

.spa_btn-slider-container .pageHeadMain__nav {
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 1em;
}

.pageHeadMain__navHelpSingleSpa{
	margin:0;
	padding:0 2em;
	height:2em; 
	line-height:2em
}

@media (min-width:62rem) {
	.spa_btn-slider-container{
		position: absolute;
		right:0;
		top:50%;
		transform: translate(50%,-50%);
		width:12em;
		display:flex;
		justify-content:center;
		margin-top: unset;
		margin-bottom: unset;
	}

	.spa_btn-slider-container .pageHeadMain__nav {
		position: unset;
		right: unset;
		top: unset;
		transform: unset;
		display: unset;
		flex-direction: unset;
		justify-content: unset;
		align-items: unset;
		margin-top: unset;
	}
}