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

/*
PAGE HEAD
La section en haut de page. */
.pH {background-color: var(--color-red);text-align: center; }
.pH__c {padding: 4em 0; }
.pH__c p{font-size: 1.2em;margin-top: 1.2em;}
.pH__filtres {margin-top: 1.7em;}

	/*
	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 / Home
BG avec contenu par-dessus : titre et bulles des offres d'emploi. */
.pHHome {width: 100%;height: calc(100vh - var(--topbar-height)); min-height: 44vw; max-height: 75vw; display: flex; flex-direction: column; }
.pHHome__top {flex:1 1 auto;background: var(--color-bg-dark);position: relative;}
.pHHome__bottom {flex:0 0 auto;height: 15%;max-height: 10em;background: var(--color-bg-dark);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;}
.pHHome__bottom > * {padding: 0.6em 2em;}
.pHHome__bottomT { }
.pHHome__bottomBtn { }
.pHHome__ctn {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;}
.pHHome__title {flex: 0 1 auto;padding: 8vh 0 8vh 0;}
.pHHome__ctn .btn + .btn{margin-left: 1em;}
.pHHome__bg {position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; object-position: 50% 0%; }
.pHHome__bg * {width: 100%; height: 100%; object-fit: cover; }

	@media (max-width: 30rem){
		.pHHome__ctn .typo__cta{
			display: inline-flex;
			flex-wrap: wrap;
		}
		.pHHome__ctn .btn{
			min-width: 51%;
		}
			.pHHome__ctn .btn + .btn{
				margin-left: 0;
				margin-top: 1em;
			}
	}

/* 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;
		}
	}