/* .............................................................................
SITE BLOCKS
............................................................................. */

/*
BLOCK / Standard styles
Styles standard des blocs principaux. */
.bMain {padding-top: var(--base-spacing-top);padding-bottom: var(--base-spacing-bottom);}

	/*
	ALT :
	No double padding.
	Si 2 blocks avec cette classe se chevauchent, ne pas mettre
	d'espacement entre ces 2 blocs. */
	.bMain--noDP + .bMain--noDP {padding-top: 0; }

	/*
	ALT :
	Forcer zero padding top ou bottom. */
	.bMain--noTP {padding-top: 0; }
	.bMain--noBP {padding-bottom: 0; }



/*
BLOCK / Layout cols
Differentes options de layout pour le texte. */
.c2 {--espacement: 1.5002em; display: flex; margin: calc(-1 * var(--espacement)); }
.c2__col {display: block;flex: 0 0 auto; width: 50%; padding: var(--espacement); }

.c3 {--espacement: 1.5002em; display: flex; margin: calc(-1 * var(--espacement)); }
.c3__col {display: block;flex: 0 0 auto;width: 33.33%; padding: var(--espacement);}

	/* Break cols */
	@media (max-width:47rem) {
		.c2 {flex-wrap: wrap; }
		.c2__col {width: 100%; }

		.c3 {flex-wrap: wrap; }
		.c3__col {width: 100%; }
	}



/*
BLOCK / Actualites
Liste de 3 boxes d'actualites. */
.bActualites {--offset: 11em;--offsetTop: 2em;--offsetBottom: 3em;--espacementV: 1px;--espacementH: 1px;--width: 20vw;position: relative;}
.bActualites__in {position: relative;padding: 0 7%;}
.bActualites__head {width: 33%;}
.bActualites__head h2 + * {margin-top: 0.5em;}
.bActualites__list {margin-top: calc(-1 * var(--offsetTop));}
.bActualites__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));
}
.bActualites__items > * {flex: 0 0 auto; box-sizing: content-box; width: var(--width); padding: var(--espacementV) var(--espacementH);margin-top: var(--offset);}
	.bActualites__items > *:nth-child(2) {margin-top: 0;margin-bottom: var(--offset);}
	.bActualites__items > :nth-child(3n+5) {
		margin-top: 0;
		margin-bottom: var(--offset);
	}
.bActualites__more {position: absolute;left: 50%;bottom: var(--offsetBottom);transform: translateX(-50%);}

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

	.bActualites.animate .bActualites__list {opacity: 0; transform: translateY(1em); }
	.bActualites .bActualites__list {opacity: 1; transform: translateY(0); transform-origin: 50% 100%; transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s; transition-delay: 0.3s; }

	.bActualites.animate .bActualites__more {opacity: 0; }
	.bActualites .bActualites__more {opacity: 1; transition: opacity 1s; transition-delay: 0.6s; }

	/* Huge screens */
	@media (min-width:125rem) {
		.bActualites {--espacementH: 3.75em; --width: 23em;}
	}

	/* 1 col */
	@media (max-width:62rem) {
		.bActualites {--espacementV: 5vw;--espacementH:1px;--width:100%; padding-top: var(--base-spacing-top);}
		.bActualites__in {padding: 0; }
		.bActualites__head {width: auto; text-align: center; }
		.bActualites__list {margin-top: 2em; padding-left: var(--spacing-box-mobile-left); padding-right: var(--spacing-box-mobile-right); }
		.bActualites__items {display: block; }
		.bActualites__items > *,
		.bActualites__items > *:nth-child(2),
		.bActualites__items > :nth-child(3n+5) {margin-top: 0; margin-bottom: 0; }
		.bActualites__more {position: static; transform: none; text-align: center; margin-top: 2em; }
	}



/*
BLOCK / Equipe
Liste des membres de l'equipe dans un slider.
La largeur des items doit etre la meme que le block Actualites. */
.bEquipe {--espacementV: 1px;--espacementH: 8vw;--width:20vw;--positionArrows:33%; overflow: hidden;}
.bEquipe__in { }
.bEquipe__head {box-sizing: content-box;}
.bEquipe__list {position: relative; }
.bEquipe__items {width: 100%;display: flex;justify-content: center;margin: 0;}
.bEquipe__items .iBoxEquipe {flex: 0 0 auto;box-sizing: content-box;width: var(--width);padding: var(--espacementV) var(--espacementH);}

/* Nav */
.bEquipe__nav {margin: 0; }
.bEquipe__nav > * {display: none; }
.bEquipe__nav .navArrows__item:first-child {display: block; position: absolute;z-index: 3;top: 50%;left: var(--positionArrows);transform: translateY(-50%);}
.bEquipe__nav .navArrows__item:last-child {display: block; position: absolute;z-index: 3;top: 50%;right: var(--positionArrows); transform: translateY(-50%); }

/* Carousel */
.bEquipe .jsCarouselStd { }

	/* Before init, on affiche les boites comme elles seront apres le init. */
	.bEquipe .jsCarouselStd.flickity-enabled {display: block; }
	.bEquipe .jsCarouselStd:not(.flickity-enabled) > *:nth-child(1n+4) {display: none; }

	/* 100% height slides */
	.flickity-resize.bEquipe__items .iBoxEquipe {min-height: 100%;display: flex;}
	.flickity-resize.bEquipe__items .iBoxEquipe__in {height: auto;}

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

	.bEquipe.animate .bEquipe__items {opacity: 0; }
	.bEquipe .bEquipe__items {opacity: 1; transition: opacity 1s; transition-delay: 0.4s; }

	.bEquipe.animate .bEquipe__nav {opacity: 0; }
	.bEquipe .bEquipe__nav {opacity: 1; transition: opacity 1s; transition-delay: 0.7s; }

	/* 4k */
	@media (min-width:125rem) {
		.bEquipe {--espacementH: 10vw;--width: 23em;}
	}

	/* Ajuster layout */
	@media (max-width:62rem) {
		.bEquipe {--width:44vw;--positionArrows:15%;}
	}

	/* Full width item + arrows under */
	@media (max-width:47rem) {
		.bEquipe {--espacementH: calc(var(--width-std-left) + var(--spacing-box-mobile-left)); --width:calc(100vw - var(--width-std-left) - var(--width-std-right) - var(--spacing-box-mobile-left) - var(--spacing-box-mobile-right)); }
		.bEquipe__in {overflow: hidden; }

		/* Nav */
		.bEquipe__nav {display: flex; margin: 1em var(--width-std-right) 0 var(--width-std-left); }
		.bEquipe__nav > * {display: block; }
		.bEquipe__nav .navArrows__item:first-child,
		.bEquipe__nav .navArrows__item:last-child {position: static; transform: none; }
		.bEquipe__nav .navArrows__item:first-child {margin-left: calc(-1 * var(--espacementH));}
		.bEquipe__nav .navArrows__item:last-child {margin-right: calc(-1 * var(--espacementH));}
	}



/*
BLOCK / Categories
Liste des categories d'emplois dans un slider. */
.bCatEmplois {--espacementV: 1.5vw;--espacementH: 1.5vw;--width:25%;}
.bCatEmplois__in { }
.bCatEmplois__list {position: relative;}
.bCatEmplois__items {overflow: hidden;display: flex;flex-wrap: wrap;margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH));}
.bCatEmplois__items .iBoxCat {flex: 0 0 auto;width: var(--width);padding: var(--espacementV) var(--espacementH);}

/* Nav */
.bCatEmplois__nav {display: none; }

/* Carousel */
.bCatEmplois .jsCarouselStd { }

	/* Disable Flickity */
	.bCatEmplois .jsCarouselStd::after {content: ''; }

	/*
	ANIMATE */
	.bCatEmplois.animate .iHead__line::before {transform: scaleX(0); }
	.bCatEmplois .iHead__line::before {transform: scaleX(1); transform-origin: 0% 50%; transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s; }

	.bCatEmplois.animate .iHeadWBLine .animateAppear {opacity: 0; }
	.bCatEmplois .iHeadWBLine .animateAppear {opacity: 1; transition: opacity 1s; transition-delay: 0.1s; }

	.bCatEmplois.animate .iHeadWBLine__cBtn {opacity: 0; }
	.bCatEmplois .iHeadWBLine__cBtn {opacity: 1; transition: opacity 1s; transition-delay: 0.1s; }

	.bCatEmplois.animate .bCatEmplois__list {opacity: 0; }
	.bCatEmplois .bCatEmplois__list {opacity: 1; transition: opacity 1s; transition-delay: 0.4s; }

	/* 4k */
	@media (min-width:125rem) {
		.bCatEmplois {--espacementV: 1.875em; --espacementH: 1.875em; }
	}

	/* Full width item + arrows under */
	@media (max-width:62rem) {
		.bCatEmplois {--espacementV: 1px;--espacementH: 2vw;--width: 38vw;}
		.bCatEmplois__list {padding-right: 0; }
		.bCatEmplois__items {min-width: 100%;flex-wrap: nowrap;margin-right: 0;}
		.bCatEmplois__items .iBoxCat {box-sizing: content-box; }
		.bCatEmplois .iHeadWBLine__cBtn {display: none; }

		/* Enable Flickity */
		.bCatEmplois .jsCarouselStd::after {content: 'flickity'; display: none; }

		/* Before init, on affiche les boites comme elles seront apres le init. */
		.bCatEmplois .jsCarouselStd.flickity-enabled {display: block; }

		/* 100% height slides */
		.flickity-resize.bCatEmplois__items .iBoxCat {min-height: 100%;display: flex;}
		.flickity-resize.bCatEmplois__items .iBoxCat__in {height: auto;}

		/* Nav */
		.bCatEmplois__nav {display: flex;margin-top: 3em;margin-right: var(--width-std-right);margin-left: 0;}
		.bCatEmplois__nav .navArrows__item:first-child,
		.bCatEmplois__nav .navArrows__item:last-child {position: static; transform: none; }
		.bCatEmplois__nav .navArrows__item:first-child {margin-left: calc(-1 * var(--espacementH));}
		.bCatEmplois__nav .navArrows__item:last-child {margin-right: calc(-1 * var(--espacementH));}
	}

	/* Spacing */
	@media (max-width:47rem) {
		.bCatEmplois__nav {margin-top: 1.5em; }
	}



/*
BLOCK / Avantages
Listes d'avantages sur l'accueil. */
.bAvantages {--espacementV: 1vw;--espacementH: 4vw;--nbItems: 2; }
.bAvantages__list {overflow: hidden;}
.bAvantages__items {display: flex; flex-wrap: wrap; margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH)); }
.bAvantages__items > * {flex: 0 0 auto; width: calc(100% / var(--nbItems)); padding: var(--espacementV) var(--espacementH);}

	/* 
	ALT:
	Dark version. */
	.bAvantages--dark { }
	.bAvantages--dark .iAvantage__cLabel strong {color: #fff; }

	/*
	ANIMATE */
	.bAvantages.animate .iHead {opacity: 0; }
	.bAvantages .iHead {opacity: 1; transition: opacity 1s; transition-delay: 0.1s; }

	.bAvantages.animate .bAvantages__list {opacity: 0; }
	.bAvantages .bAvantages__list {opacity: 1; transition: opacity 1s; transition-delay: 0.4s; }

	/* Huge screens */
	@media (min-width:125rem) {
		.bAvantages {--espacementV: 1.25em; --espacementH: 4.5em; }
	}
	
	/* 1 col */
	@media (max-width:62rem) {
		.bAvantages {--espacementV: 1vw;--espacementH: 1px; --nbItems: 1;}
		.bAvantages__items {display: block; }
	}

	/* Spacing */
	@media (max-width:47rem) {
		.bAvantages__list {padding-left: var(--spacing-box-mobile-left);padding-right: var(--spacing-box-mobile-right);}
	}



/*
BLOCK / Connaitre
Section Apprenez a nous connaitre sur l'accueil.
Image, video et slider a droite. */
.bConnaitre { }
.bConnaitre__layout {display: flex;}
.bConnaitre__cInfos {flex:1 1 auto; width: 100%; }
.bConnaitre__cSlider {flex:0 0 auto;align-self: flex-end;width: 40%;margin-left: 6%;}
.bConnaitre__boxes {--spacing:1vw; display: flex; margin: calc(-1 * var(--spacing)); margin-top: 2.5em; }
.bConnaitre__box {flex:0 0 auto; width: calc(50% - var(--spacing) * 2); margin: var(--spacing); border-radius: var(--round-borders); overflow: hidden; }
.bConnaitre__box--carouselImages {display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
.bConnaitre__box--fullWidth {width: calc(100% - var(--spacing) * 2); }
.bConnaitre__carouselImg {grid-column: 1 / -1; grid-row: 1 / -1; opacity: 0; visibility: hidden; transition: opacity 0.6s, visibility 0.6s; }
.bConnaitre__carousel { }
.bConnaitre__nav {padding: 1em 0; }
.bConnaitre__slides {margin-top: 1.2em;}

	/*
	ANIMATE */
	.bConnaitre.animate .iHead__line::before {transform: scaleX(0); }
	.bConnaitre .iHead__line::before {transform: scaleX(1); transform-origin: 0% 50%; transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s; }

	.bConnaitre.animate .iHead .animateAppear {opacity: 0; }
	.bConnaitre .iHead .animateAppear {opacity: 1; transition: opacity 1s; transition-delay: 0.1s; }

	.bConnaitre.animate .bConnaitre__box {opacity: 0; }
	.bConnaitre .bConnaitre__box {opacity: 1; transition: opacity 1s; transition-delay: 0.25s; }

	.bConnaitre.animate .bConnaitre__box + .bConnaitre__box {opacity: 0; }
	.bConnaitre .bConnaitre__box + .bConnaitre__box {opacity: 1; transition: opacity 1s; transition-delay: 0.4s; }

	.bConnaitre.animate .bConnaitre__cSlider {opacity: 0; }
	.bConnaitre .bConnaitre__cSlider {opacity: 1; transition: opacity 1s; transition-delay: 0.55s; }

/* Carousel */
.jsCarouselConnaitre { }

	/* Before init, on affiche les boites comme elles seront apres le init. */
	.jsCarouselConnaitre:not(.flickity-enabled) > *:nth-child(1n+2) {display: none; }
	
	/*
	FADE EFFECT
	Dans ce plugin, cet effet est gerer en CSS, pas en JS. */
	.jsCarouselConnaitre.flickity-enabled .flickity-slider {transform: none !important;}
	.jsCarouselConnaitre.flickity-enabled .iConnaitreSlide {left: auto !important;transform: translateX(0) !important;}

	/* Set animations transitions */
	.jsCarouselConnaitre .iConnaitreSlide {transition: opacity 0.3s, visibility 0.3s, transform 0.3s;}

	/* .is-selected = slide du centre
	.is-previous = slide de gauche
	.is-next = slide de droite */
	.jsCarouselConnaitre .iConnaitreSlide:not(.is-selected) {opacity: 0;visibility: hidden; pointer-events: none; transform: translateY(1em);}

	/* Active image */
	.bConnaitre__carouselImg.active {opacity: 1; visibility: visible; }

	/* 4k */
	@media (min-width:125rem) {
		.bConnaitre__boxes {--spacing:1.25em; }
	}

	/* Infos over slider */
	@media (max-width:62rem) {
		.bConnaitre__layout {display: block; }
		.bConnaitre__layout > * {width: 100%; margin: 0;}
		.bConnaitre__cSlider {margin-top: 3em; }
		.bConnaitre__nav {overflow: auto;margin-right: calc(-1 * var(--width-std-right));margin-left: calc(-1*var(--width-std-left));}
	}

	/* Center everything, merge the 2 boxes */
	@media (max-width:47rem) {
		.bConnaitre {text-align: center; }
		.bConnaitre__boxes {display: block;margin: 2em var(--spacing-box-mobile-right) 0 var(--spacing-box-mobile-left);}
		.bConnaitre__box {width: 100%; margin: 0; border-radius: 0; }
		.bConnaitre__box:first-child {border-top-left-radius: var(--round-borders); border-top-right-radius: var(--round-borders); }
		.bConnaitre__box:last-child {border-bottom-left-radius: var(--round-borders); border-bottom-right-radius: var(--round-borders); }
		.bConnaitre__box .iVideo {min-height: 50vw; }
	}



/*
BLOCK / Emplacements
Liste de 3 emplacements sur l'accueil, avec lien vers les postes. */
.bEmplacement {--espacementV: 1px;--espacementH: 3.5vw;--nbItems: 3;}
.bEmplacement__list { }
.bEmplacement__items {display: flex; flex-wrap: wrap; margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH)); }
.bEmplacement__items > * {flex: 0 0 auto; width: calc(100% / var(--nbItems)); padding: var(--espacementV) var(--espacementH);}
.bEmplacement__items .iEmplacement__img {min-height: 11em;display: flex;align-items: center;}

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

	/* Huge screens */
	@media (min-width:125rem) {
		.bEmplacement {--espacementH: 4.375em; }
	}

	/* 1 col */
	@media (max-width:62rem) {
		.bEmplacement {--espacementV: 8vw; --espacementH: 1px; --nbItems: 1;}
		.bEmplacement__items {display: block; }
		.bEmplacement__items .iEmplacement__img {min-height: 6em;}
	}



/*
BLOCK / Liste d'offres
Offres d'emplois dans la page de listing. */
.bOffresEmploi { }
.bOffresEmploi__alerte {padding: 1.2em 0;margin-left: 1.5%;}
.bOffresEmploi__list { }
.bOffresEmploi__items {transition: height 0.5s; border-top: 1px solid var(--color-base); }

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

	/* Spacing */
	@media (max-width:47rem) {
		.bOffresEmploi__alerte {padding: 1em 0; margin-left: 0; }
	}



/*
BLOCK / A propos
Block avec contenu boxed a gauche, image a droite. */
.bAPropos { }
.bAPropos__layout {display: flex; align-items: center; }
.bAPropos__lImg {order:2; flex:1 1 auto; width: 100%; position: relative; z-index: 1; margin-left: -24%; }
.bAPropos__lCtn {flex:0 0 auto; width: 55%; position: relative; z-index: 2;  }
.bAPropos__ctn {background: #fff; border-radius: var(--round-borders); padding: 10%; margin-left: -10%; }
.bAPropos__img {border-radius: var(--round-borders); overflow: hidden; }

	/*
	ANIMATE */
	.bAPropos.animate .bAPropos__ctn {clip-path: inset(0% 100% 0% 0%); }
	.bAPropos .bAPropos__ctn {clip-path: inset(0% 0% 0% 0%); transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0.2s; }

	/* Break layout */
	@media (max-width:62rem) {
		.bAPropos__layout {display: block; }
		.bAPropos__layout > * {width: 100%; margin: 0; }
		.bAPropos__ctn {background-color: transparent;padding: 2em 0;margin: 0;}

		.bAPropos.animate .bAPropos__ctn,
		.bAPropos .bAPropos__ctn {clip-path: none;}
	}



/*
BLOCK / Emploi
Details d'une offre d'emploi. */
.bEmploi {--vertical-spacing: 1.75em;--overflowRight:3.5vw; padding-top: 0;}
.bEmploi__layout {display: grid;grid-template-columns: 48% 4% 7.5% auto;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) - var(--width-wide-left)));margin-right: calc(-1 * (var(--width-std-right) - var(--width-wide-right)));background: var(--color-red);}
.bEmploi__cRetour {grid-row: 1 / 2;grid-column: 2 / 5;margin-right: calc(-1 * var(--overflowRight));padding: var(--vertical-spacing) 0;text-align: right;}
.bEmploi__cLieu {grid-row: 1 / 3; grid-column: 1 / 2; padding: var(--vertical-spacing) 0; }
.bEmploi__cTitle {grid-row: 3 / 4;grid-column: 1 / 2;padding-bottom: calc(1.5 * var(--vertical-spacing));}
.bEmploi__cHeadDesc {grid-row: 4 / 5;grid-column: 1 / 2;padding-bottom: var(--vertical-spacing);min-height: 14em;}
.bEmploi__cHeaderActions {grid-row: 5 / 6;grid-column: 1 / 2;padding-bottom: var(--vertical-spacing);z-index: 2;}
.bEmploi__cMainImg {grid-row: 2 / 7;grid-column: 3 / 5;margin-right: calc(-1 * var(--overflowRight));}
.bEmploi__cDescLeft {grid-row: 6 / 8;grid-column: 1 / 2;padding-top: calc(2 * var(--vertical-spacing));}
.bEmploi__cDescRight {grid-row: 7 / 9;grid-column: 4 / 5;padding-top: calc(2 * var(--vertical-spacing));}
.bEmploi__cPostuler {grid-row: 8 / 9;grid-column: 1 / 2;padding-top: calc(2 * var(--vertical-spacing));}

.bEmploi__mainImg {overflow: hidden; border-radius: var(--round-borders); }
.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; }

	.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% auto;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; }
	}

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



/*
BLOCK / Title
Description. */