/* TODO: Move to other files */

/* Titles */
.h3--alt {font-family: 'DM Sans', sans-serif; font-weight: 500;}
.h4--bold {font-weight: 700; }
.h6--light {font-weight: 400;}

/* Forms */
.formGroup--separator {padding-top: var(--spacing);border-top: 1px solid var(--color-green-dark);}
.formItem__text--cta {display: flex;justify-content: space-between;}
.formItem__text {font-size: 0.9em;}

.formCF7Checkbox--stacked input + span::before {left: 50%;transform: translateX(-50%);}
.formCF7Checkbox--stacked label > span {padding-top: 1.8em;padding-left: 0;}

.form .wpcf7-list-item {margin-left: 0;}
.form .wpcf7-list-item + .wpcf7-list-item {margin-left: 1em;}
.form .formCF7Checkbox--half .wpcf7-list-item + .wpcf7-list-item {margin: 0;}

/*
BLOCK / TCI
Title, content and image. */
.bTCI__cCtn--full {grid-column: 3 / span 5;}

	/* Stacked */
	@media (max-width:62rem) {
		.bTCI__cCtn--full {grid-column: 1 / -1; }
	}

/*
BLOCK / Offres d'emplois
Formulaire recherche
Boxes 3 cols per row qui deviennent une par-dessus l'autre sur mobile. */
.bEmplois {--espacementV: 0.5vw; --espacementH:var(--espacementV); --nbItems: 3;}
.bEmplois__list {position: relative; }
.bEmplois__items {display: flex; flex-wrap: wrap; margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH)); }
.bEmplois__items > * {flex: 0 0 auto; width: calc(100% / var(--nbItems)); padding: var(--espacementV) var(--espacementH); }

	/* Big screens */
	@media (min-width:125rem) {
		.bEmplois {--espacementV: 0.5em; }
	}
	
	/* 1 col */
	@media (max-width:62rem) {
		.bEmplois {--nbItems: 1; --espacementV: calc(0.5 * var(--width-std)); }
	}

/*
ITEM / Emploi
Type, entreprise, coordonnées, cta. */
.iEmploi {line-height: 1; display: block; }
.iEmploi__layout {background-color: var(--color-white);height: 100%;padding: 9%;display: grid;gap:2em 0;align-content: start; transition: background-color 0.5s;}
.iEmploi__cTitle {max-width: 13em;}
.iEmploi__cCtn {max-width: 28em;}
.iEmploi__cCta {}
.iEmploi__cta {margin: 0;text-align: right;}

	/* Hover change le background, même si la box n'est pas un lien. */
	@media (hover: hover) {
		.iEmploi__layout:hover {background-color: var(--color-green); }
	}


/*
BLOCK / Login
Boxes 2 cols créer compte / login */
.bLogin {--espacementV: 0.5vw; --espacementH:var(--espacementV); --nbItems: 2;}
.bLogin__list {position: relative; }
.bLogin__items {display: flex; flex-wrap: wrap; /*margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));*/ }
.bLogin__items > * {flex: 0 0 auto; width: calc(100% / var(--nbItems)); /*padding: var(--espacementV) var(--espacementH);*/}

	/* Big screens */
	@media (min-width:125rem) {
		.bLogin {--espacementV: 0.5em; }
	}
	
	/* 1 col */
	@media (max-width:62rem) {
		.bLogin {--nbItems: 1; --espacementV: calc(0.5 * var(--width-std)); }
	}


/*
ITEM / Login box
Box with title, content and buttons. */
.iLoginBox {line-height: 1;padding-top: var(--base-spacing-top);padding-bottom: var(--base-spacing-bottom);}
.iLoginBox:nth-child(n + 2) {background-color: var(--color-green);}
.iLoginBox__layout {height: 100%;padding: 9%;display: grid;gap:2em 0;align-content: start;}
.iLoginBox__cTitle { }
.iLoginBox__cCtn {max-width: 28em; }
.iLoginBox__cCta {/*display: flex; flex-wrap: wrap; gap: 0.5em;*/}
.iLoginBox__cta {margin: 0; }
.iLoginBox__cCta a:not(.btn) {text-decoration: underline;}

	/* Hover change le background, même si la box n'est pas un lien. */
	@media (hover: hover) {
		.iLoginBox__layout:hover {}
	}


/*
BLOCK / Form
Title, content and image at left.
Title and form at right. */
.bForm {background-color: var(--color-green);}

.bForm__layout {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.bForm__sidebar {position: relative;grid-row: 1 / -1;grid-column: 1 / span 4;padding: 0 calc(0.5 * var(--base-spacing));}
/*.bForm--dark .bForm__sidebar::before {position: absolute;z-index: -1;display: block;content: '';top: calc(-1 * var(--base-spacing-top));left: calc(-1 * var(--width-std-left));right: 0;bottom: 0;background-color: var(--color-green-vivid);}*/
.bForm--dark .bForm__bkg {background: var(--color-green-vivid);grid-row: 1 / -1;grid-column: 1 / span 4;margin: calc(-1 * var(--base-spacing)) 0;}

.bForm__formWrapper {grid-row: 1 / -1;grid-column: 6 / 12;}
.bForm__formTitle {text-align: center;}

	/* Stacked */
	@media (max-width:62rem) {
		.bForm__layout {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(0.5 * var(--base-spacing)) var(--grid-gap); }
		.bForm__layout > * {grid-column: 1 / -1;padding: 0 var(--width-std);}
		.bForm--dark .bForm__bkg {grid-row: 1 / 2;margin-bottom: 0;}
		.bForm__sidebar {grid-row: 1 / 2;padding-bottom: var(--base-spacing);}
		.bForm__formWrapper {grid-row: 2 / 3;}
		/*
		.bForm__cTitle {grid-row: 1 / 2; }
		.bForm__cCtn {grid-row: 2 / 3; }
		.bForm__cAccordions {grid-row: 4 / 5; margin-top: 0; }
		.bForm__cImgBG {grid-row: 4 / 5; margin: calc(-0.75 * var(--base-spacing-top)) 10% calc(-0.25 * var(--base-spacing-bottom)) 10%;}
		.bForm__cImgBG > * {max-width: 25em; margin-left: auto; margin-right: auto; }
		*/
	}

/*
.bForm__layout {display: flex;}
.bForm__sidebar {flex: 1 1 25%;position: relative;}
.bForm__sidebar::before {position: absolute;z-index: -1;display: block;content: '';top: calc(-1 * var(--base-spacing-top));left: calc(-1 * var(--width-std-left));right: 0;bottom: 0;background-color: var(--color-green-vivid);}
.bForm__formWrapper {flex: 1 1 auto;}
*/

/*
.bForm__layout {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--grid-gap);}
.bForm__sidebar {grid-column: 1 / span 4;grid-row: 1 / 2;}
.bForm__sidebar::before {position: absolute;z-index: -1;display:block;content: '';top: 0;bottom: 0;left: calc(-1 * var(--width-std-left));right: 25%;background-color: var(--color-green-vivid);}
.bForm__formWrapper {background-color: var(--color-green);}
*/

/*
.bForm__cTitle {grid-column: 1 / span 6;grid-row: 1 / 2; }
.bForm__cCtn {grid-column: 1 / span 6;grid-row: 2 / 3; }
.bForm__cAccordions {grid-column: 7 / span 6;grid-row: 3 / 4; margin-top: -4em; }
.bForm__cImgBG {position: relative; z-index: -1; grid-column: 4 / span 6; grid-row: 1 / 4; margin: calc(-0.25 * var(--base-spacing-top)) 8% calc(-0.25 * var(--base-spacing-bottom)) 8%; }
*/

	/* Stacked */
	/*
	@media (max-width:62rem) {
		.bForm__layout {grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(0.5 * var(--base-spacing)) var(--grid-gap); }
		.bForm__layout > * {grid-column: 1 / -1; grid-row: auto; }
		.bForm__cTitle {grid-row: 1 / 2; }
		.bForm__cCtn {grid-row: 2 / 3; }
		.bForm__cAccordions {grid-row: 4 / 5; margin-top: 0; }
		.bForm__cImgBG {grid-row: 4 / 5; margin: calc(-0.75 * var(--base-spacing-top)) 10% calc(-0.25 * var(--base-spacing-bottom)) 10%;}
		.bForm__cImgBG > * {max-width: 25em; margin-left: auto; margin-right: auto; }
	}
	*/

/*
PAGE HEAD / Emploi
Job title and CTA at left.
Company info at right. */
.pHEmploi {}
.pHEmploi__layout {padding: calc(2 * var(--topbar-height)) 0 calc(0.5 * var(--topbar-height));display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-template-rows: repeat(3, auto);gap: 2em var(--grid-gap);}
.pHEmploi__back {grid-row: 1 / 2;grid-column: 1 / -1;}
.pHEmploi__cLeft {grid-row: 2 / 3;grid-column: 1 / span 5;}
.pHEmploi__cRight {grid-row: 2 / 3;grid-column: 8 / -1;border: 1px solid var(--color-green-vivid);}
.pHEmploi__cTop, .pHEmploi__cInfos {padding: 1.5em;}
.pHEmploi__cTop {display: flex;justify-content: space-between;border-bottom: 1px solid var(--color-green-vivid);}
.pHEmploi__cTop > * {flex: 0 1 33%;}
.pHEmploi__cTitle {align-self: center;}
.pHEmploi__cImg > img {max-width: 100%;width: auto;max-height: 8vh;height: auto;}
.pHEmploi__cInfos {display: flex;flex-wrap: wrap;gap: 2em 1em;}
.pHEmploi__cInfo {flex: 1 1 calc(50% - 1em);}
.pHEmploi__cInfo > p, .phEmploi__cDate > p {margin-top: 0;}
.pHEmploi__cInfo > p:first-child {color: var(--color-green);}
.pHEmploi__cInfo > p + p, .pHEmploi__cDate > p + p {margin-top: 0.5em;}
.pHEmploi__cBottom {grid-row: 3 / 4;grid-column: 1 / -1;}
.pHEmploi__cDates {grid-column: 1 / span 4;display: flex;flex-wrap: wrap;row-gap: 2em;justify-content: space-between;}
.pHEmploi__cDate {flex: 1 1 50%;}
.pHEmploi__cShare {grid-column: 6 / -1;justify-self: end;}
.pHEmploi__cShare .rs {justify-content: end;}

	/* Stacked */
	@media (max-width:62rem) {
		.pHEmploi__layout {grid-template-columns: repeat(4, minmax(0, 1fr));}
		.pHEmploi__cLeft {grid-column: 1 / -1;}
		.pHEmploi__cRight {grid-row: 3 / 4;grid-column: 1 / -1;}
		.pHEmploi__cBottom {grid-row: 3 / 5;}
		.pHEmploi__cDates {grid-column: 1 / span 2;}
		.pHEmploi__cShare {grid-column: 3 / span 2;}
	}

	/* Stacked dates */
	@media (max-width:46rem) {
		.pHEmploi__cDate {flex: 0 1 100%;}
	}

	/* Stacked infos */
	@media (max-width:30rem) {
		.pHEmploi__cInfo {flex-basis: 100%;}
	}

/*
.pHEmploi {--progress:0;background: var(--color-green);position: relative;z-index: 1; }
.pHEmploi::before {position:absolute; z-index:-1; display:block; content:''; top:0; bottom:0; left:0; right: 0; background-color: var(--color-green-dark); }
.pHEmploi__layout {position: relative;width: 100%;padding-top: var(--topbar-height);height: 100vh;min-height: 52vw;max-height: 80.002vw;display: flex;align-items: center;}
.pHEmploi__cLeft {flex:1 1 auto;width: 50%;min-height: 50%;display: flex;flex-direction: column;justify-content: space-evenly;}
.pHEmploi__cRight {flex:0 0 auto;width: 50%;}
.pHEmploi__defiler {position: absolute; z-index: 3; right: var(--width-std); bottom: 2.5%; }
*/

	/* 
	ALT:
	Le contenu détermine la hauteur. */
	/*
	.pHEmploi--ctnHeight { }
	.pHEmploi--ctnHeight .pHEmploi__layout {height: auto;min-height: 0;max-height: none; }
	.pHEmploi--ctnHeight .pHEmploi__cLeft {padding-top: 10%;padding-bottom: 10%; }
	*/

/*
.pHEmploi__title {padding-right: 6%; }
.pHEmploi__ctn {padding: 12% 6% 0 50%; }
.pHEmploi__ctas {display: flex; flex-wrap: wrap; gap: 0.75em; }
.pHEmploi__rightCenter {padding: 0 14%;margin-right: calc(-1 * var(--overflow-std-right));}
*/

/* Images */
/*
.pHEmploi__images {position: relative; }
.pHEmploi__imageMain { }
.pHEmploi__imageMain--clipTriangle {clip-path: polygon(50% 0%, 100% 43%, 100% 100%, 0% 100%, 0% 43%);}
.pHEmploi__imageSub {position: absolute; z-index: 2; }
*/

	/* 
	ANIMATE APPEAR */
	/*
	.js .pHEmploi.jsAnimateClass::before {transform-origin: 50% 0%;transform: scaleY(0);transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1); }
	.js .pHEmploi.jsAnimateClass.animate::before {transform: none; }

	.js .pHEmploi.jsAnimateClass .pHEmploi__title {opacity: 0;transition: opacity 1s 0.5s;}
	.js .pHEmploi.jsAnimateClass.animate .pHEmploi__title {opacity: 1;}

	.js .pHEmploi.jsAnimateClass .pHEmploi__ctn {opacity: 0;transition: opacity 1s 0.65s;}
	.js .pHEmploi.jsAnimateClass.animate .pHEmploi__ctn {opacity: 1;}

	.js .pHEmploi.jsAnimateClass .pHEmploi__imageMain {opacity: 0;transition: opacity 1s 1s;}
	.js .pHEmploi.jsAnimateClass.animate .pHEmploi__imageMain {opacity: 1;}

	.js .pHEmploi.jsAnimateClass .pHEmploi__imageSub {opacity: 0;transform: translate(0, 2em);transition: opacity 1s, transform 3s;transition-delay: 1s; }
	.js .pHEmploi.jsAnimateClass.animate .pHEmploi__imageSub {opacity: 1;transform: none; }

	.js .pHEmploi.jsAnimateClass .pHEmploi__defiler {opacity: 0;transition: opacity 1s 1.5s;}
	.js .pHEmploi.jsAnimateClass.animate .pHEmploi__defiler {opacity: 1;}
	*/

	/* Height */
	/*
	@media (min-width:125rem) {
		.pHEmploi__layout {min-height: 55em; }
	}
	*/

	/* Stacked */
	/*
	@media (max-width:62rem) {
		.pHEmploi {padding-left: 0;padding-right: 0; }
		.pHEmploi__layout {height: auto;min-height: 0;max-height: none;display: block; }
		.pHEmploi__cLeft {width: 100%;min-height: 0;padding: 10% var(--width-std-right) 10% var(--width-std-left);display: block;position: relative;}
		.pHEmploi__cRight {width: 100%;padding: 0 var(--width-std-right) 10% var(--width-std-left);}
		.pHEmploi__defiler {display: none; }
		.pHEmploi__rightCenter {margin-right: 0; }
	}
	*/

	/* Spacings */
	/*
	@media (max-width:46rem) {
		.pHEmploi__ctn {padding: 9% 0 0 0;}
		.pHEmploi__rightCenter {padding: 0 12%; }
	}
	*/

/*
BLOCK / Single emploi content
Generic text at left
Company/news at right */
.bSingleEmploi {--espacementH: 1vw;margin-bottom: var(--base-spacing-bottom);}
.bSingleEmploi__layout {display: flex;}
/*.bSingleEmploi__layout > * {padding: var(--base-spacing);}*/
.bSingleEmploi__cLeft {padding: var(--base-spacing);flex: 1 0 62%;margin-right: var(--espacementH);background: var(--color-white);}
.bSingleEmploi__cRight {flex: 1 1 auto;display: flex;flex-direction: column;}
.bSingleEmploi__cRight > * {padding: var(--base-spacing);}
.bSingleEmploi__cIntro {position: relative;z-index: 1;flex: 1 0 auto;word-break: break-word;}
.bSingleEmploi__cIntro::before, .bSingleEmploi__cNews::before {position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;content: '';background: var(--color-green-dark);}
.bSingleEmploi__cNews {position: relative;z-index: 1;flex: 0 0 auto;}
.bSingleEmploi__cNews::before {background: var(--color-beige);}
.bSingleEmploi__cAccordions {display: none;}
.bSingleEmploi__cta {margin-top: var(--base-spacing);}

	/* Accordions */
	.bSingleEmploi .iAccordion:not(:last-child) {border-bottom: 0.5px solid var(--color-green);}
	.bSingleEmploi .iAccordion__title {text-decoration: none;padding-left: 0;}

	/* Accordions on mobile */
	@media (max-width:62rem) {
		.bSingleEmploi {padding: 0;}
		.bSingleEmploi__layout {display: block;}
		.bSingleEmploi__cLeft {margin-right: 0;padding: var(--base-spacing-top) 0 var(--base-spacing-bottom);}
		.bSingleEmploi__cAccordions {display: block;}
		.bSingleEmploi__cAccordions .iAccordion {display: block;padding: 0 var(--width-std-right) 0 var(--width-std-left);}
		.bSingleEmploi__cCtn {display: none;}
		.bSingleEmploi__cta {text-align: center;}
	}


/* Forms */
.formInputFileBtn.wpcf7-not-valid { border: 3px solid red; }


/*
BLOCK / Vidéo
Centered responsive video */
.bVideo {}
.bVideo__layout {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.bVideo__container {grid-column: 3 / 11;position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;}
.bVideo__container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

	/* ALT: placeholder / modal version */
	.bVideo__header {grid-row: 1 / 2;grid-column: 3 / 11;text-align: center;}
	.bVideo__link {/* display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: auto;padding: 9.8vw;position: relative;top: -1vw;margin-bottom: 1vw;overflow: hidden; */}
	.bVideo__link img {width: 100%;position: absolute;height: 100%;object-fit: cover;transform: scale(1);transition: .4s;}
	.bVideo__play {background: var(--color-bg-base);width: 8vw;height: 8vw;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: auto;border-radius: 100%;position: absolute;z-index: 10;transition: .4s;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.bVideo__play svg {width: 3vw;position: relative;margin-left: auto;margin-right: auto;top: -.2vw;left: -.2vw;}
	.bVideo__play svg #Polygone_1 {fill: var(--color-green-dark);}
	.bVideo__text {grid-row: 3 / 4;grid-column: 3 / 11;text-align: center;}

	.bVideo__link:hover img {transform: scale(1.05);transition: .4s;}
	.bVideo__link:hover .bVideo__play {background: var(--color-green-dark);transition: .4s;}
	.bVideo__link:hover .bVideo__play svg #Polygone_1 {fill: var(--color-bg-base);transition: .4s;}

	/* Full width mobile */
	@media (max-width:62rem) {
		.bVideo__container {grid-column: 1 / -1;}
	}



/*
BLOCK / Image et texte trois colonnes
Titles on top, 3 columns underneath */
.b3ColImg {--espacementV: 0.5vw;--espacementH: var(--espacementV);--nbItems: 3;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.b3ColImg__cTitle {grid-column: 1 / span 8;}
.b3ColImg__cols {grid-column: 1 / -1;display: flex;flex-wrap: wrap;margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));}
.b3ColImg__col {flex: 0 0 auto;width: calc(100% / var(--nbItems));padding: var(--espacementV) var(--espacementH);}
.b3ColImg__img {}
.b3ColImg__ctn {}

	/* Stacked */
	@media (max-width:62rem) {
		.b3ColImg {--nbItems: 2;--espacementV: calc(0.5 * var(--width-std));}
		.b3ColImg__cTitle {grid-column: 1 / -1;}
	}

	@media (max-width:46rem) {
		.b3ColImg {--nbItems: 1;}
	}

/*
BLOCK / Image et texte trois colonnes
Titles on top, 4 columns underneath, multiple rows */
.b4ColImg {--espacementV: 1vw;--espacementH: var(--espacementV);--nbItems: 4;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.b4ColImg__cTitle {grid-column: 1 / span 8;}
.b4ColImg__cols {grid-column: 1 / -1;display: flex;flex-wrap: wrap;margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));}
.b4ColImg__col {flex: 0 0 auto;width: calc(100% / var(--nbItems));padding: var(--espacementV) var(--espacementH);}
.b4ColImg__img {}
.b4ColImg__icon {font-size: 4em;}
.b4ColImg__ctn {}

	/* Stacked */
	@media (max-width:62rem) {
		.b4ColImg {--nbItems: 2;--espacementV: calc(0.5 * var(--width-std));}
		.b4ColImg__cTitle {grid-column: 1 / -1;}
	}

	@media (max-width:46rem) {
		.b4ColImg {--nbItems: 1;}
	}



/*
BLOCK / Grille d'images avec liens
Titles on top, image grid underneath */
.bGrilleImgs {--espacementV: 1vw;--espacementH: var(--espacementV);--nbItems: 2;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.bGrilleImgs__cTitle {grid-column: 1 / span 5;}
.bGrilleImgs__list {grid-column: 2 / 12;display: flex;flex-wrap: wrap;margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));}
.bGrilleImgs__item {flex: 0 0 auto;width: calc(100% / var(--nbItems));padding: var(--espacementV) var(--espacementH);}
.bGrilleImgs__img {overflow: hidden;}
.bGrilleImgs__img img {transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.bGrilleImgs__ctn {font-family: 'Bodoni Moda', serif;position: relative;background: var(--color-white);margin-top: -1em;padding: 1.5em 1em;}
.bGrilleImgs .iAccordion__icon {top: 0;}

	/* Hover */
	.bGrilleImgs__item:hover .bGrilleImgs__img img {transform: scale(1.05);}
	.bGrilleImgs__item:hover .iAccordion__icon {background-color: var(--color-green-dark);}
	.bGrilleImgs__item:hover .iAccordion__icon::after, .bGrilleImgs__item:hover .iAccordion__icon::before {background-color: var(--color-beige);}

	/* Stacked */
	@media (max-width:62rem) {
		.bGrilleImgs__cTitle {grid-column: 1 / -1;}
		.bGrilleImgs__list {grid-column: 1 / -1;}
	}

	@media (max-width:46rem) {
		.bGrilleImgs {--nbItems: 1;--espacementV: calc(0.5 * var(--width-std));}
	}


/*
BLOCK / Texte sur fond
Text on colored background */
.bTexteFond {background-color: var(--color-beige);}
.bTexteFond__ctn {text-align: center;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));}
.bTexteFond__ctn > * {grid-column: 4 / 10;}

	/* Full width */
	@media (max-width:62rem) {
		.bTexteFond__ctn > * {grid-column: 1 / -1;}
	}


/*
BLOCK / Accordéons
Liste d'accordéon avec contenu deux cols */
.bAccordions {}
.bAccordions__list {}
.bAccordions .iAccordion__title {text-align: center;}
.bAccordions__ctn {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.bAccordions__cLeft {grid-column: 2 / 7;}
.bAccordions__cLeftImg {position: relative;padding-bottom: 2.5em;}
.bAccordions__cLeftImg::before {position:absolute;z-index:1;display:block;content:'';top: 0;bottom: 0;left: 0;right: 0;background: url(../../img/house-path-green-vivid.svg) no-repeat 92% 100%;background-size: 28%;}
.bAccordions__cRight {grid-column: 8 / -2;}
.bAccordions__cRightTop {margin: 3em 0;padding-bottom: 4em;color: var(--color-green-vivid);background: url(../../img/wavy-line.svg) no-repeat 0 100%;}
.bAccordions__cRightTop > * {margin-top: 0;}
.bAccordions__cRightTop > * + * {margin-top: 0.5em;}
.bAccordions__cRightBottom {}
.bAccordions__cRightCta {position: relative;background: var(--color-beige);padding: 2.8em 2.2em;margin: 4em 0;}
.bAccordions__cRightCta::before {position:absolute;z-index:1;display:block;content:'';top: 0;bottom: -14%;left: 0;right: 0;background: url(../../img/cactus.svg) no-repeat 87% 100%;background-size: 45%;pointer-events: none;}

	/* Stacked */
	@media (max-width:62rem) {
		.bAccordions__ctn {grid-template-columns: repeat(4, minmax(0, 1fr));grid-template-rows: auto;gap: calc(0.5 * var(--base-spacing)) var(--grid-gap);}
		.bAccordions__ctn > * {grid-column: 1 / -1; grid-row: auto; }
	}

	/* Spacing */
	@media (max-width:46rem) {
		.bAccordions__cRightTop {margin: 1.5em 0;padding-bottom: 2.5em; }
		.bAccordions__cRightCta {padding-top: 2em;margin-top: 2em; }
	}



/*
BLOCK / Signup
Field descriptions left column, form right column */
.bSignup {}
.bSignup form {margin-top: 0;}
.bSignup__layout {position: relative;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 4em var(--grid-gap);}
.bSignup__title {grid-row: 1 / 2;grid-column: 2 / 5;}
.bSignup__accountFields {grid-row: 1 / 2;grid-column: 6 / -2;}
.bSignup__info {grid-row: 2 / 3;grid-column: 2 / 5;}
.bSignup__companyFields {grid-row: 2 / 3;grid-column: 6 / -2;}
.bSignup__contactTitle {grid-row: 3 / 4;grid-column: 2 / 5;}
.bSignup__contactFields {grid-row: 3 / 4;grid-column: 6 / -2;}
.bSignup__secondaryContactTitle {grid-row: 4 / 5;grid-column: 2 / 5;}
.bSignup__secondaryContactFields {grid-row: 4 / 5;grid-column: 6 / -2;}
.bSignup__fields {padding-bottom: 4em;border-bottom: 1px solid var(--color-green-dark);}

	/* Background */
	.bSignup__bkg {z-index: -1;grid-row: 1 / 5;grid-column: 5 / -1;background: var(--color-green);margin: calc(-1 * var(--base-spacing-top)) calc(-1 * var(--width-std-right)) calc(-1 * var(--base-spacing-bottom)) 0;}

	/* Stacked */
	@media (max-width:62rem) {
		.bSignup__bkg {display: none;}
		.bSignup__layout {display: block;}
		.bSignup__layout > * + * {margin-top: 4em;}
		.bSignup__title {margin-top: 0;}
	}


/*
BLOCK / Dashboard
Dashboard nav left, content right */
.bDashboard {}
.bDashboard__layout {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2em var(--grid-gap);}
.bDashboard__nav {grid-column: 2 / 5;grid-row: 1 / -1;}
.bDashboard__navMobile {display: none;}
.bDashboard__nav ul {list-style-type: none;}
.bDashboard__nav ul li {padding: 1em;border-top: 1px solid var(--color-green);}
.bDashboard__nav ul li:last-child {border-bottom: 1px solid var(--color-green);}
.bDashboard__section {grid-column: 6 / -2;grid-row: 1 / -1;}
.bDashboard__section > h3, .bDashboard__section .bDashboard__head > h3 {margin-bottom: 1.5em;}
.bDashboard__message {color: var(--color-white);background-color: var(--color-green-vivid);border-color: var(--color-green);font-size: 1.4rem;text-align: center;padding: 1rem;margin-bottom: 2rem;}

	/* Background */
	.bDashboard__bkg {z-index: -1;grid-column: 5 / -1;grid-row: 1 / -1;background: var(--color-green);margin: calc(-1 * var(--base-spacing-top)) calc(-1 * var(--width-std-right)) calc(-1 * var(--base-spacing-bottom)) 0;}

	/* Nav */
	.bDashboard__nav ul li a:hover, .bDashboard__nav ul li.active a {color: var(--color-orange);}

	/* Stacked */
	@media (max-width: 62rem) {
		.bDashboard__layout {display: block;}
		.bDashboard__navMobile {display: block;}
		.bDashboard__nav {display: none;}
	}

	/* Offers */
	.bDashboard__offers {}
	.bDashboard__offer {padding: 1.5em 0;display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));gap: 1em calc(0.5 * var(--grid-gap));border-bottom: 1px solid var(--color-green-dark);align-items: center;}
	.bDashboard__offerTitle {grid-row: 1 / 2;grid-column: 1 / 7;}
	.bDashboard__offerTitle--full {grid-row: 1 / 2;grid-column: 1 / -1;}
	.bDashboard__offerStatus {grid-row: 1 / 2;grid-column: 7 / 11;justify-self: center;text-align: center;}
	.bDashboard__tag {display: inline-block;background: var(--color-green-vivid);color: var(--color-white);padding: 0.5em;font-size: 0.9em;}
	.bDashboard__offerEdit {grid-row: 1 / 2;grid-column: 12 / -1;font-size: 1.5em;justify-self: end;}
	.bDashboard__offerLinks {grid-row: 2 / 3;grid-column: 1 / -1;}
	.bDashboard__offerLinks .actions .btn {padding-left: 0;}
	.bDashboard__offerLinks .actions .btn__icon {width: 0.9em;}
	.bDashboard__offerLinks .actions .btn__label {padding: 0;}
	.bDashboard__editOffer--company .formGroup--visibility {display: none;}

		/* ALT: Admin */
		.bDashboard__offers--admin .bDashboard__offerCandidates {grid-row: 1 / 2;grid-column: 11 / 12;font-size: 1.5em;justify-self: end;}
		.bDashboard__offers--admin .bDashboard__offerEdit {grid-row: 1 / 2;grid-column: 12 / -1;font-size: 1.5em;justify-self: end;}

		/* ALT: header */
		.bDashboard__offer--header .bDashboard__offerTitle {grid-column: 1 / 7;}
		.bDashboard__offer--header .bDashboard__offerStatus {grid-column: 7 / 11;}
		.bDashboard__offer--header .bDashboard__offerEdit {font-size: 1em;}

		/* Tag colors */
		.bDashboard__tag.bDashboard__tag--green {}
		.bDashboard__tag.bDashboard__tag--yellow {background: var(--color-jaune);}
		.bDashboard__tag.bDashboard__tag--red {background: var(--color-orange);}

		/* Responsive */
		@media (max-width: 46rem) {
			.bDashboard__offer {display: flex;flex-wrap: wrap;}
			.bDashboard__offer--header {display: none;}
			.bDashboard__offerTitle {flex: 0 0 100%;}
			.bDashboard__offerStatus {flex: 0 1 auto;justify-self: start;margin-right: 1em;}
			.bDashboard__offerEdit {flex: 0 1 auto;justify-self: start;}
		}

	/* Edit offer */
	.bDashboard__head {display: flex;flex-wrap: wrap;}
	.bDashboard__head > h3 {flex: 0 0 60%;}
	.bDashboard__head > .actions, .bDashboard__companyCohorte .actions {flex: 0 0 40%;text-align: right;}
	.bDashboard__head .actions > a, .bDashboard__companyCohorte .actions > a {display: inline-flex;}
	.actions .btn__icon {width: 1.1em;}

		.actions .btn__icon--export {width: 1.5em;}

		/* Stacked actions */
		@media (max-width: 30rem) {
			.bDashboard__head {display: block;}
		}

	/* Account */
	.bDashboard__account {}
	.bDashboard__account table {width: 100%;}
	.bDashboard__account table th {width: 50%;}
	.bDashboard__account table th, .bDashboard__account table td {padding: 1em 0;}
	.bDashboard__account table img {max-width: 250px;}

	/* Companies */
	.bDashboard__companies {}
	.bDashboard__company {padding: 1.5em 0;display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));gap: 1em calc(0.5 * var(--grid-gap));border-bottom: 1px solid var(--color-green-dark);align-items: center;}
	.bDashboard__companyTitle {grid-column: 1 / 6;}
	.bDashboard__companyStatus {grid-column: 6 / 8;justify-self: center;text-align: center;}
	.bDashboard__companyType {grid-column: 8 / 12;justify-self: center;text-align: center;}
	.bDashboard__companyEdit {grid-column: 12 / -1;font-size: 1.5em;justify-self: end;}

		/* Responsive */
		@media (max-width: 46rem) {
			.bDashboard__company {display: flex;flex-wrap: wrap;}
			.bDashboard__companyTitle {flex: 0 0 100%;}
			.bDashboard__companyStatus {flex: 0 1 auto;justify-self: start;margin-right: 1em;}
			.bDashboard__companyType {flex: 0 1 auto;justify-self: start;margin-right: 1em;}
			.bDashboard__companyEdit {flex: 0 1 auto;justify-self: start;}
		}

	/* Edit company */
	.bDashboard__section .bDashboard__head--editCompany > h3 {margin-bottom: 0;}
	.bDashboard__head--editCompany .bDashboard__tag {align-self: flex-start;}
	.bDashboard__metas {margin-top: 0.5em;font-weight: bold;border-bottom: 1px solid var(--color-green-dark);padding-bottom: 2em;}
	.bDashboard__meta {margin: 0.5em 0;}
	.bDashboard__meta .bDashboard__metaLabel {color: var(--color-green-vivid);}
	.bDashboard__companyInfos {padding: 2em 0;display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--color-green-dark);}
	.bDashboard__companyInfo {flex: 1 1 50%;padding: 1em 0;}
	.bDashboard__companyInfos--list .bDashboard__companyInfo {flex: 0 0 100%;}
	.bDashboard__companyInfo > p {margin: 0;}
	.bDashboard__companyStats {padding: 2em 0;display: flex;flex-wrap: wrap;gap: var(--grid-gap);border-bottom: 1px solid var(--color-green-dark);}
	.bDashboard__companyStats--half {/* display: flex; */flex: 1 1 calc(50% - 2 * var(--grid-gap));}
	.bDashboard__companyCohorte {padding: 2em 0;}
	.bDashboard__squares {--nbItems: 2;display: flex;justify-content: space-between;}
	.bDashboard__square {flex: 0 1 40%;height: max-content;padding: 2em;font-weight: bold;color: #fff;background-color: var(--color-green-vivid);text-align: center;transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
	.companyStats__number {display: block;}
	.bDashboard__chart {max-height: 250px;flex: 1 1 100%;margin-bottom: 1em;}
	.bDashboard__companyContact {padding: 2em 0;border-bottom: 1px solid var(--color-green-dark);}
	.bDashboard__companyContact:last-child {border-bottom: none;}
	.bDashboard__contact {display: flex;flex-wrap: wrap;}

		/* Navigation */
		.bDashboard__section .bDashboard__head--editCompany .navigation {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > * {flex: 0 0 auto;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > .prev:only-child {margin-right: auto;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > .next:only-child {margin-left: auto;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > * > a {display: block;width: 3vw;padding: 0;margin: 0;transition: all 0.2s ease-in-out;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > * > a:hover {opacity:0.5;}
		.bDashboard__section .bDashboard__head--editCompany .navigation > * > a > .btn__icon {padding: 0;margin: 0;}

		@media (max-width: 48rem) {
			.bDashboard__section .bDashboard__head--editCompany .navigation > * > a {width: 10vw;}
		}

		/* Hover */
		a.bDashboard__square:hover {background-color: var(--color-green-dark);}

	/* Edit Cohorte */
	.bDashboard__cohorteForm {padding: 2em 0;border-bottom: 1px solid var(--color-green-dark);}
	.bDashboard__CohorteStats {padding: 2em 0;border-bottom: 1px solid var(--color-green-dark);}
	.bDashboard__CohorteStats .bDashboard__squares {--nbItems: 3;gap: var(--grid-gap);justify-content: flex-start;}
	.bDashboard__CohorteStats .bDashboard__square {flex: 0 1 20%;}
	.bDashboard__cohorteStat:nth-child(2) {margin-bottom: 4em;}
	.bDashboard__cohorteStat--half {display: flex;justify-content: space-between;}
	.bDashboard__cohorteStat--half .bDashboard__chart {flex: 0 1 40%;}
	.bDashboard__sectionHead {display: flex;flex-wrap: wrap;margin-bottom: 2em;}
	.bDashboard__sectionHead h3 {flex: 1 1 60%;}
	.bDashboard__sectionHead .actions {flex: 1 1 40%;}

	/* Candidates */
	.bDashboard__candidates {}
	.bDashboard__candidate {padding: 1.5em 0;display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));gap: 1em calc(0.5 * var(--grid-gap));border-bottom: 1px solid var(--color-green-dark);align-items: center;}
	.bDashboard__candidateTitle {grid-column: 2 / 4;}
	.bDashboard__candidateTitle--full {grid-column: 1 / -1;}
	.bDashboard__candidateStatus {grid-column: 4 / 6;justify-self: center;text-align: center;}
	.bDashboard__candidateCompany {grid-column: 6 / 9;}
	.bDashboard__candidateOffer {grid-column: 9 / 12;}
	.bDashboard__candidateEdit {grid-column: 12 / -1;font-size: 1.5em;justify-self: end;}
	.bDashboard__candidateLinks {grid-column: 1 / -1;}
	.bDashboard__candidateLinks .actions .btn {padding-left: 0;}
	.bDashboard__candidateLinks .actions .btn__icon {width: 0.9em;}
	.bDashboard__candidateLinks .actions .btn__label {padding: 0;}

		/* ALT: header */
		/* .bDashboard__candidate--header .bDashboard__candidateTitle {grid-column: 1 / 7;}
		.bDashboard__candidate--header .bDashboard__candidateStatus {grid-column: 7 / 11;}
		.bDashboard__candidate--header .bDashboard__candidateEdit {font-size: 1em;} */

		/* Responsive */
		@media (max-width: 46rem) {
			/* .bDashboard__candidate {display: flex;flex-wrap: wrap;}
			.bDashboard__candidate--header {display: none;} */
			.bDashboard__candidateTitle {flex: 0 0 100%;}
			.bDashboard__candidateStatus {flex: 0 1 auto;justify-self: start;margin-right: 1em;}
			.bDashboard__candidateEdit {flex: 0 1 auto;justify-self: start;}
		}

	/* Edit candidate */
	.bDashboard__form {padding: 0 0 2em 0;}
	.bDashboard__bottomActions {padding: 2em 0;}
	.bDashboard__bottomActions--withBorder {border-top: 1px solid var(--color-green-dark);}

	/* Subscribers */
	.bDashboard__subscribers {}
	.bDashboard__candidate {padding: 1.5em 0;display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));gap: 1em calc(0.5 * var(--grid-gap));border-bottom: 1px solid var(--color-green-dark);align-items: center;}
	.bDashboard__candidateTitle {grid-column: 2 / 4;}
	.bDashboard__candidateTitle--full {grid-column: 1 / -1;}
	.bDashboard__candidateStatus {grid-column: 4 / 6;justify-self: center;text-align: center;}
	.bDashboard__candidateCompany {grid-column: 6 / 9;}
	.bDashboard__candidateOffer {grid-column: 9 / 12;}
	.bDashboard__candidateEdit {grid-column: 12 / -1;font-size: 1.5em;justify-self: end;}
	.bDashboard__candidateLinks {grid-column: 1 / -1;}
	.bDashboard__candidateLinks .actions .btn {padding-left: 0;}
	.bDashboard__candidateLinks .actions .btn__icon {width: 0.9em;}
	.bDashboard__candidateLinks .actions .btn__label {padding: 0;}

	/* Pagination */
	.bDashboard__pagination {display: flex;margin-top: 4em;justify-content: space-evenly;}
	.bDashboard__pagination > * {flex: 0 1 auto;}
	.bDashboard__pagination > *:not(.prev, .next) {padding: 0.2em 0.7em;border-radius: 0;}
	.bDashboard__pagination .next, .bDashboard__pagination .prev {display: none;}

		@media (min-width: 40rem) {
			.bDashboard__pagination .next, .bDashboard__pagination .prev {display: flex;}
		}

	/* Documents */
	.bDashboard__file {padding: 1.5em 0;display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 1em calc(0.5 * var(--grid-gap));border-bottom: 1px solid var(--color-green-dark);align-items: center;}
	.bDashboard__fileTitle {grid-column: 1 / 10;}
	.bDashboard__fileTitle a {text-decoration: underline;}
	.bDashboard__fileActions {grid-column: 10 / -1;}
	.bDashboard__fileActions > a {font-size: 2em;display: inline-block;}

/* Complianz */
#policy_priv {
	padding: 175px 16px 100px;
	margin: 0 auto 100px;
	line-height: 1.3;
  font-size: 16px;
	max-width: 1580px !important;
}

#policy_priv h2 {
	font-size: 22px;
}

@media screen and (max-width: 1023px) {
	#policy_priv {
	width: 90%;
	padding: 125px 16px 100px;
}
}

#cmplz-document {
	margin: 0 auto !important;
  max-width: 1580px !important;
	padding: 0 16px
}

#cmplz-document p:first-child {
	padding-top: 175px;
}

#cmplz-document p:last-child {
	padding-bottom: 100px;
}

#cmplz-document li {
    font-size: 16px;
    line-height: 1.2em;
    margin-top: 0;
}

#cmplz-document p  {
	line-height: 1.2em !important;
	font-size: 16px !important;
}

#cmplz-document div  {
	margin: 8px 0;
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
    grid-template: none;
    grid-template-columns: none; 
    display: flex;
    justify-content: space-between;
	align-items: center;}

@media (min-width: 1921px) {
  #cmplz-document.cmplz-document,        #policy_priv {
    max-width: 1920px !important;
  }
}