/* .............................................................................
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--smTP {padding-top: 2em; }
	.bMain--noBP {padding-bottom: 0; }

/*
BLOCK / Texte
*/
.bTexte {}

	/* Animate */
	.bTexte.animate {opacity: 0;}
	.bTexte {opacity: 1;transition: opacity 1s; transition-delay: 0s;}

/*
BLOCK / Form
*/
.bForm {--color: var(--color-base);--bg-color: var(--color-bg-grey); background-color: var(--bg-color);}

	/* Animate */
	.bForm.animate {opacity: 0;}
	.bForm {opacity: 1;transition: opacity 1s; transition-delay: 0s;}



/*
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; 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__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) {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 {--bg-color: var(--color-bg-base);--espacementV: 1vw;--espacementH: 0;--nbItems: 4;background-color: var(--bg-color);}
.bAvantages__list {/*overflow: hidden;*/ position: relative;}
.bAvantages__items {display: flex; flex-wrap: wrap; margin: calc(-1 * var(--espacementV)) calc(-1 * var(--espacementH)); }
.bAvantages__items-spa {z-index: 2;}
.bAvantages__items .iAvantage {flex: 0 0 auto; width: calc(100% / var(--nbItems)); padding: var(--espacementV) var(--espacementH);}

	.bAvantages__items.slick-initialized {display: block;}
	.bAvantages__items:not(.slick-initialized) > *:nth-child(1n+5) {display: none;}

	/*
	NAV
	*/
	.bAvantages__nav {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
	.bAvantages__nav-spa {z-index:1}
	.bAvantages__nav .navArrows__right {position: absolute; right: 0; transform: translate(100%, -50%);}
	.bAvantages__nav .navArrows__left {position: absolute; left: 0; transform: translate(-100%, -50%);}
	.bAvantages__navSeparator {display: none;}
	.bAvantages__nav button {font-size: 8em;}
	

	/* 
	ALT:
	Dark version. */
	.bAvantages--dark { }
	.bAvantages--dark .iAvantage__cLabel strong {color: #fff;}
	.bAvantages.onDark .navArrows__item button {background-color: transparent; color: #fff;}
	.onDark .iAvantage__cIcon {border-color: var(--color-dark-blue);background-color: transparent;}

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

		.bAvantages__nav {position: static;transform: none; width: 100%;justify-content: center;}
		.bAvantages__nav .navArrows__right {position: relative;transform: none;}
		.bAvantages__nav .navArrows__left {position: relative;transform: none;}
		.bAvantages__navSeparator {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;}

	/* 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 {--bg-color: var(--color-base);background-color: var(--bg-color); color: var(--color-base);}
.bOffresEmploi .iHead {margin-left: calc(-1 * var(--width-narrow-left)); margin-right: calc(-1 * var(--width-narrow-right));}
.bOffresEmploi__stats {padding: 1.2em 0;border-bottom: 5px solid var(--color-base);}
.bOffresEmploi__nbPostes {font-weight: bold;font-size: 1.5em;color: var(--color-blue);}
.bOffresEmploi__list { }
.bOffresEmploi__items {transition: height 0.5s; /*border-top: 1px solid var(--color-base);*/}
.bOffresEmploi .bGrosTitre__list {color: var(--color-base);}

	/* Defiler */
	.bOffresEmploi .bGrosTitre__list {margin-left: calc(-1 * var(--width-narrow-left));margin-right: calc(-1 * var(--width-narrow-right));}

	/* On Dark */
	.bOffresEmploi.onDark {color: var(--color-base-on-dark);}
	.onDark .bOffresEmploi__stats {border-color: var(--color-base-on-dark);}
	.bOffresEmploi.onDark .bGrosTitre__list {color: var(--color-base-on-dark);}

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

	/* Spacing */
	@media (max-width:47rem) {
		.bOffresEmploi__stats {padding: 1em 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 / CTA
Image rond avec CTA à droite. */
.bCTA {--color: var(--color-base);--bg-color: --color-bg-base;background-color: var(--bg-color);color: var(--color);text-align: center;}
.bCTA__img {flex: 0 0 40%;}

/* Reverse order */
.bCTA__img-right {order:2;}
.bCTA__img-right div {margin-left:auto}

.bCTA__img img {clip-path: circle();}
.bCTA__img div {clip-path: circle(); width: 25vw; height:25vw;}

	/* Centering on small device */
	@media (max-width:767px) {
		.bCTA__img div {margin:auto; width:75vw;height:75vw;}
	}

.bCTA__ctn {flex: 1 1 auto;align-self: center;margin-top: 1em;}
.bCTA__ctn h2 {font-weight: bold;font-size: calc(2.5em + 2vw);}
.bCTA__ctn h2 + * {margin-top: 3em;}

	/* Animate */
	.bCTA.animate {opacity: 0;}
	.bCTA {opacity: 1; transition: opacity 1s; transition-delay: 0s;}

	@media (min-width: 48rem) {
		.bCTA {display: flex;text-align: left;}
		.bCTA__ctn {margin-top: 0;}
	}


/*
BLOCK / 2 Cols
Deux colonnes avec icônes et/ou texte */
.b2Cols {--col-spacing: 3em;}
.b2Cols__col {padding: var(--base-spacing-top) var(--width-std-right) var(--base-spacing-bottom) var(--width-std-left);}
.b2Cols__col:first-child {}
.b2Cols__col:last-child {background-color: var(--color-base); color: #fff;}
.b2Cols__items {display: flex;}
.b2Cols__items > * {flex: 1 1 auto;}
.b2Cols__item {text-align: center;padding: 0 var(--col-spacing) 0 0;}
.b2Cols__item:nth-child(2) {padding: 0 0 0 var(--col-spacing);}
.b2Cols__icon {font-size: 6em;color: var(--color-blue);}
.b2Cols__icon > * {margin: 0 auto;}
.b2Cols .iHead {text-align: center;}
.b2Cols .iHead h2 {min-height: 2em;}

.b2Cols__ctn {display: flex;flex-flow: column-reverse;text-align: center;}
.b2Cols__ctn > * {flex: 1 1 auto;}
.b2Cols__cIcon {font-size: 6em; color: var(--color-blue);}
.b2Cols__cIcon > .svgIcon {margin: 0 auto;}

	/* Animate */
	.b2Cols.animate {opacity: 0;}
	.b2Cols {opacity: 1;transition: opacity 1s; transition-delay: 0s;}

	/* Une col */
	@media (min-width: 62rem) {
		.b2Cols__layout {display: flex;}
		.b2Cols__col:first-child {padding-left: var(--width-std-left);padding-right: calc(0.5 * var(--width-std-right));}
		.b2Cols__col:last-child {padding-left: calc(0.5 * var(--width-std-left));padding-right: var(--width-std-right);background-color: var(--color-base); color: #fff;}
		.b2Cols__col {flex: 0 0 50%;max-width: 50%;}
		.b2Cols .iHead {text-align: left;}
		.b2Cols .iHead h2 {font-size: calc(1em + 3vw);}
		.b2Cols__items > * {flex: 0 1 40%;}
		.b2Cols__item {text-align: left;}
		.b2Cols__item:nth-child(2) {border-left: 1px solid #000;}
		.b2Cols__icon > * {margin: 0;}

		.b2Cols__ctn {flex-flow: row;text-align: left;}
		.b2Cols__cIcon > .svgIcon {margin: 0;}
	}

	/*
	@media (max-width: 75rem) {
		.b2Cols .iHead h2 {font-size: 2.5em;}
	}
	*/


/*
BLOCK / Gros titre
Gros titre avec JS pour qu'il soit defilant. */
.bGrosTitre {--color: var(--color-base);--bg-color: var(--color-dark-blue);background-color: var(--bg-color);color: var(--color);}
.bGrosTitre__list {overflow: hidden; display: flex; }
.bGrosTitre__items {display: flex; }
.bGrosTitre__items > * {flex:0 0 auto;padding: 0.2em 1em;}
.bGrosTitre__items.no--sp > * {padding: 0.2em 0;}

	/* On dark */
	.bGrosTitre.onDark {--color: var(--color-base-on-dark);}

	/* Animate */
	.bGrosTitre.animate {opacity: 0;}
	.bGrosTitre {opacity: 1;transition: opacity 1s; transition-delay: 0s;}



/*
BLOCK / Simple content with image
Content at right.
Image at left. */
.bSimpleContentImage {--bg-color: var(--color-bg-base);background-color: var(--bg-color);}
.bSimpleContentImage__layout {display: flex; align-items: flex-start; }
.bSimpleContentImage__cImg {flex:0 0 auto;width: 48%;margin-left: calc(-0.5 * var(--overflow-std-left));margin-right: 8%;}
.bSimpleContentImage__cCtn {width: 100%;flex:1 1 auto;align-self: center;}
.bSimpleContentImage__img {position: relative;}
.bSimpleContentImage__imgClip {}

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

	/* Center button */
	.bSimpleContentImage__cImg .btnAlert {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

	/*
	ALT:
	Inverse.
	Images at right, content at left */
	.bSimpleContentImage--inverse { }
	.bSimpleContentImage--inverse .bSimpleContentImage__cImg {margin-left: 8%;margin-right: calc(-0.5 * var(--overflow-std-right));}
	.bSimpleContentImage--inverse .bSimpleContentImage__cCtn {order:-1; }

		/* Sticker */
		.bSimpleContentImage--inverse .playBtnWText {top: 0;left: 0;transform: translate(-50%, -50%);}

	/* 
	ANIMATE */
	@media (min-width:62.01rem) {
		.js .jsAnimateClass .bSimpleContentImage__imgClip {clip-path: inset(0% 0% 0% 0%);transition: clip-path 1s;}
		.js .jsAnimateClass.animate .bSimpleContentImage__imgClip {clip-path: inset(0% 100% 0% 0%);}

			/* Invert */
			.js .jsAnimateClass.bSimpleContentImage--inverse .bSimpleContentImage__imgClip {clip-path: inset(0% 0% 0% 0%);}
			.js .jsAnimateClass.bSimpleContentImage--inverse.animate .bSimpleContentImage__imgClip {clip-path: inset(0% 0% 0% 100%);}

		.js .jsAnimateClass .bSimpleContentImage__cCtn {opacity: 1;transform: none;transition: opacity 0.5s, transform 1s; transition-delay: 0.2s;}
		.js .jsAnimateClass.animate .bSimpleContentImage__cCtn {opacity: 0;transform: translateY(2rem);}
	}

	/* Break cols */
	@media (max-width:62rem) {
		.bSimpleContentImage__layout {flex-direction: column;}
		.bSimpleContentImage__cImg,
		.bSimpleContentImage--inverse .bSimpleContentImage__cImg {width: auto;margin-left: 0;margin-right: 0;}
		.bSimpleContentImage__cCtn {margin-top: 10%; }

		/* Sticker */
		.bSimpleContentImage .playBtnWText {transform: translate(0, -33%);}

		/* Invert */
		.bSimpleContentImage--inverse .bSimpleContentImage__cCtn {margin-top: 0; margin-bottom: 10%;}
	}



/*
BLOCK / Title
Description. */