/* Global */
		
		.footer {
			margin-top: 0 !important;
		}
			
		.img-mobile{
			display: none;
		}
			
		/* Header */
		
		.header-video{
			display: flex;
			justify-content: center;
			align-items: center;
			max-height: 650px;
			overflow: hidden;
			position: relative;
			max-width: 1920px;
			margin: auto;
		}	
			
		.header-video video{
			max-width: 100%;
			filter: brightness(0.8);
		}
		
		.header-video div{
			position: absolute;
			bottom: 80px;
			left: 15%;
		}
			
		.header-video div h1{
			font-size: 48px;
			font-weight: 400;
			line-height: 60px;
			color: white;
			margin: 0 0 32px;
		}
		
		.header-video div section{
			display: flex;
			gap: 16px;
			flex-wrap: wrap;
			margin-right: 16px;
		}

		.header-video div section a{
			padding: 16px 24px;
			background-color: #fff;
			border: none;
			border-radius: 4px;
			font-size: 16px;
			color: #222426;
			text-decoration: none;
			margin: 0;
		}
		
		.header-video div section a:hover{
			background-color: #E9EAF2;
			color: #1840DD;
		}

		.header-video div section button{
			display: flex;
			gap: 8px;
			padding: 15px 23px;
			background-color: transparent;
			border: 1px solid #fff;
			border-radius: 4px;
			font-size: 16px;
			color: #fff;
			margin: 0;
		}
		
		.header-video div section button:hover{
			background: #FFFFFF19;
			color: #fff;
		}

		.header-video div section button::before{
			content: url('/media/3bedd3e1-6f97-40dc-9f8c-2a7a7cbb27f2/eJbH5A/ARCHIVES%202022/2022-WK32/landing/220807-32-SE-AT-MAJ-Page-Carrieres/ic_play.svg');
			position: relative;
			top: 3px;
		}

		/* Temp button */

		.header-video div button{
			padding: 16px 24px;
			background-color: #fff;
			border: none;
			border-radius: 4px;
			font-size: 16px;
			color: #222426;
			margin: 0;
		}		
		
		.header-video div button:hover{
			background-color: #E9EAF2;
			color: #1840DD;
		}
		
		/* Sticky header */
		
		.nav-container-sticky{
			display: block !important;
		}
			
		.sticky-heading{
			position: sticky;
			top: 40px;
			z-index: 5;
			background-color: #1840DD;
			display: none;
		}
		
		.sticky-heading div{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12px 0;
		}
		
		.sticky-heading div p{
			font-size: 18px;
			line-height: 28px;
			color: white;
			margin: 0;
		}
		
		.sticky-heading div button{
			padding: 16px 24px;
			background-color: #fff;
			border: none;
			border-radius: 4px;
			font-size: 16px;
			color: #222426;
			margin: 0;
		}
		
		.sticky-heading div button:hover{
			background-color: #E9EAF2;
			color: #1840DD;
		}
			
		/* Info carrière */	
		
		.carriere-info-container{
			display: grid;
			grid-template-columns: repeat(2, 6fr);
			grid-gap: 80px;
		}
			
		.carriere-info-container .carriere-info{
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
			
		.carriere-info-container .carriere-info h2{
			font-size: 32px;
			font-weight: 400;
			line-height: 40px;
			margin: 0 0 24px;
		}
			
		.carriere-info-container .carriere-info .carriere-accordeon{
			border-top: solid 1px #E1E2E6;
			padding: 24px 0;
		}
		
		.carriere-info-accordeon-container .carriere-info .carriere-accordeon{
			border-top: solid 1px #E1E2E6;
			cursor: pointer;
			max-height: 73px;
			transition: all 0.3s;
			padding: 0;
		}
			
		.carriere-info-container .carriere-info .carriere-accordeon:last-child{
			border-bottom: solid 1px #E1E2E6;
		}
			
		.carriere-info-container .carriere-info .carriere-accordeon div{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 16px 0;
		}	
		
		.carriere-info-container .carriere-info .carriere-accordeon h4{
			font-size: 16px;
			line-height: 24px;
			font-weight: 400;
			margin: 0;
		}
			
		.carriere-info-container .carriere-info .carriere-accordeon div svg{
			transform: rotate(90deg);
			transition: all 0.3s;
		}	
		
		.carriere-info-container .carriere-info .carriere-accordeon p{
			font-size: 16px;
			line-height: 24px;
			color: #22242695;
			margin: 0 0 32px;
			display: none;
		}
		
		.carriere-info-container img{
			border-radius: 4px;
		}
		
		/* Slider lifestyle */
			
		.carriere-galerie-lifestyle{
			margin: 0 0 24px;
		}
			
		.swiper-lifestyle .swiper-wrapper{
			 transition-timing-function : linear;
		}

		/* Galerie photo */
			
		.carriere-galerie-photo{
			margin: 100px 0;
		}
			
		/* Avantages */
			
		.carriere-avantages-container{
			margin: 60px 0 0;
		}

		.carriere-avantages-container h2{
			font-size: 32px;
			font-weight: 400;
			line-height: 40px;
			margin: 0 0 24px;
			text-align: center;
		}
		
		.carriere-avantages-container p{
			font-size: 16px;
			line-height: 24px;
			margin: 0 0 32px;
			text-align: center;
		}

		.carriere-avantages-container .carriere-avantages {
			display: grid;
			grid-template-columns: repeat(6, 2fr);
			gap: 24px;
		}
			
		.carriere-avantages-container .carriere-avantages div{
			text-align: center;
		}
			
		.carriere-avantages-container .carriere-avantages div img{
			width: 60px;
		}	
		
		.carriere-avantages-container .carriere-avantages div p{
			font-size: 16px;
			line-height: 24px;
			margin: 20px auto 0;
			max-width: 220px;
		}	
		
		/* Banniere stats */
			
		.carriere-banniere{
			position: relative;
			max-height: 200px;
			overflow: hidden;
			max-width: 1920px;
			margin: 0 auto -7px;
		}
			
		.carriere-banniere video{
			max-width: 100%;
		}
		
		.carriere-banniere .carriere-banniere-stats-container{
			display: flex;
			justify-content: center;
			align-items: center;
		}
			
		.carriere-banniere .carriere-banniere-stats-container .carriere-banniere-stats{
			display: flex;
			justify-content: space-evenly;
			align-items: center;
			max-width: 1200px;		
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
		}
			
		.carriere-banniere .carriere-banniere-stats div h3{
			font-size: 40px;
			font-weight: 400;
			line-height: 40px;
			color: white;
			margin: 0 0 8px;
		}	
		
		.carriere-banniere .carriere-banniere-stats div p{
			font-size: 16px;
			line-height: 24px;
			color: white;
			margin: 0;
			text-align: center;
		}
		
		/* Carriere info 2*/
			
		.carriere-info-wrapper{
			margin-top: 60px;
			margin-bottom: 60px;
		}	
			
		.carriere-info-container .carriere-info h3{
			font-size: 24px;
			line-height: 32px;
			margin: 0 0 24px;
		}
			
		.carriere-info-container .carriere-info p{
			font-size: 16px;
			line-height: 24px;
			margin: 0 0 35px;
		}
		
		/* Témoignage */
		
		.carriere-temoignage-background{
			background-color: #22242610;
		}
		
		.carriere-temoignage-background	.carriere-temoignage-intro{
			padding-top: 80px;
			margin-bottom: 40px;
			text-align: center;
		}
			
		.carriere-temoignage-background	.carriere-temoignage-intro h2{
			font-size: 32px;
			font-weight: 400;
			line-height: 40px;
			margin: 0 0 16px;
		}
		
		.carriere-temoignage-background	.carriere-temoignage-intro p{
			font-size: 16px;
			line-height: 24px;
			margin: auto;
			max-width: 708px;
		}
		
		/* Slider */
		
		.swiper-temoignage{
			padding-bottom: 60px;
		}
			
		.swiper-temoignage .carriere-temoignage{
			display: grid;
			grid-template-columns: 6fr 7fr;
			grid-gap: 7%;
			max-width: 75%;
			margin: auto;
		}
		
		.swiper-temoignage .carriere-temoignage div:nth-child(1){
			position: relative;
			overflow: hidden;
			border-radius: 4px;
			z-index: 1;
			height: 100%;
		}
		
		.swiper-temoignage .carriere-temoignage div:nth-child(1) img{
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s;
		}
			
		.swiper-temoignage .carriere-temoignage div:nth-child(1):hover img{
			transform: scale(1.1);
		}
			
		.swiper-temoignage .carriere-temoignage div:nth-child(1) div{
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			width: 100%;
			height: 100%;
		}
			
		.swiper-temoignage .carriere-temoignage div:nth-child(2){
			max-width: 464px;
		}
			
		.swiper-temoignage .carriere-temoignage div p:nth-child(1){
			font-size: 22px;
			line-height: 32px;
			margin: 0 0 34px;
		}
		
		.swiper-temoignage .carriere-temoignage div p:nth-child(2){
			font-family: 'Nothing You Could Do', cursive;
			font-size: 30px;
			line-height: 36px;
			margin: 0 0 20px;
		}
			
		.swiper-temoignage .carriere-temoignage div p:nth-child(3){
			font-size: 14px;
			line-height: 20px;
			margin: 0;
			color: #707073;
		}
		
		.swiper-temoignage .carriere-temoignage .carriere-temoignage-modale{
			cursor: pointer;
		}
			
		.swiper-temoignage .carriere-temoignage .carriere-temoignage-modale:hover svg circle{
			fill: #1840DD;
		}	
		
		.swiper-temoignage .carriere-temoignage .carriere-temoignage-modale:hover svg path{
			fill: #FFFFFF;
		}
			
		/* Custom arrows swiper */
			
		.swiper-temoignage .custom-next-container{
			position: absolute;
			top: 0;
			right: 11px;
			height: calc( 100% - 60px);
		}
			
		.swiper-temoignage .custom-prev-container{
			position: absolute;
			top: 0;
			left: 11px;
			height: calc( 100% - 60px);
		}
			
		.swiper-temoignage .swiper-button-prev,
		.swiper-temoignage .swiper-button-next{
			background-image: none !important;
			filter: unset !important;
			background: white;
			margin: 0;
			padding: 30px 26.9px;
			width: fit-content;
			border-radius: 50px;
			top: calc(50% - 30px);
			box-shadow: 0px 4px 16px #22242629;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.swiper-temoignage .swiper-button-prev:hover,
		.swiper-temoignage .swiper-button-next:hover{
			background: #1840DD;
		}
			
		.swiper-temoignage .swiper-button-prev:hover svg path,
		.swiper-temoignage .swiper-button-next:hover svg path{
			fill: #FFFFFF;
		}
			
		.swiper-temoignage .swiper-button-prev:after, 
		.swiper-button-next:after{
			content: '';
			font-size: unset;
		}	
			
		.swiper-temoignage .swiper-button-prev svg, .marque-categories-02 .swiper-button-prev svg{
			transform: rotate(180deg);
		}
			
		.swiper-temoignage .swiper-button-next.swiper-button-disabled, 
		.swiper-temoignage .swiper-button-prev.swiper-button-disabled {
			opacity: 0;
		}
		
		/* Pagination */
			
		.swiper-pagination-bullet-active{
			background: #222426 !important;
		}
		
		/* Employé carte */
			
		.carriere-temoignage-background	.carriere-temoignage-carte{
			display: grid;
			grid-template-columns: repeat(3, 4fr);
			/*grid-template-columns: repeat(6, 6fr);*/
			grid-gap: 40px 24px;
			margin: 40px 0 0;
			padding: 0 0 60px;
		}
		
		/*@media (min-width: 993px){
			.carriere-temoignage-background .carriere-temoignage-carte div{
				grid-column: span 2;
			}
			
			.carriere-temoignage-background .carriere-temoignage-carte div:nth-child(4){
				grid-column-end: 4;
			}
		}*/	

		.carriere-temoignage-carte div img{
			border-radius: 4px;
		}

		.carriere-temoignage-background	.carriere-temoignage-carte div p:nth-child(3){
			font-family: 'Nothing You Could Do', cursive;
			font-size: 26px;
			line-height: 32px;
			margin: 16px 0 4px;
		}
		
		.carriere-temoignage-background	.carriere-temoignage-carte div p:nth-child(4){
			font-size: 14px;
			line-height: 20px;
			margin: 0;
			color: #22242695;
		}
		
		/* Modale V2 */
			
		.carriere-temoignage-background .carriere-temoignage-carte div section{
			position: relative;
			overflow: hidden;
			border-radius: 4px;
		}
			
		.carriere-temoignage-background .carriere-temoignage-carte div section .carriere-temoignage-modale{
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
			
		.carriere-temoignage-background .carriere-temoignage-carte div section img{
			transition: all 0.3s;
		}
			
		.carriere-temoignage-background .carriere-temoignage-carte div section:hover img{
			transform: scale(1.05);
		}
		
		.carriere-temoignage-background .carriere-temoignage-carte div section:hover svg circle{
			fill: #1840DD;
		}	
		
		.carriere-temoignage-background .carriere-temoignage-carte div section:hover svg path{
			fill: #FFFFFF;
		}

		.carriere-temoignage-background .carriere-temoignage-carte div p:nth-child(2){
			font-size: 18px;
			line-height: 24px;
			margin: 20px 0 0;
		}
		
		/* Carrière footer */
		
		.carriere-banniere .carriere-banniere-poste{
			text-align: center;
		}
			
		.carriere-banniere .carriere-banniere-stats div h2{
			font-size: 32px;
			font-weight: 400;
			line-height: 40px;
			color: white;
			margin: 0 0 24px;
		}
		
		.carriere-banniere .carriere-banniere-stats div button{
			padding: 16px 24px;
			background-color: #fff;
			border: none;
			border-radius: 4px;
			font-size: 16px;
			color: #222426;
			margin: 0;
		}
		
		.carriere-banniere .carriere-banniere-stats div button:hover{
			background-color: #E9EAF2;
			color: #1840DD;
		}
			
		/* Modale */
		
		.modale{
			position: fixed;
			z-index: 1031;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			backdrop-filter: blur(5px);
			background-color: rgba(34, 36, 38,0.9);
		}
			
		.modale-container{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 100%;
			padding: 32px;
			/*padding: 14.581% 8.202%;*/
		}
			
		.modale-video-container{
			position: relative;
			width: 66%;
			padding-top: 37.25%;
		}
			
		.modale iframe{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
			
		.modale-exit{
			position: absolute;
			top: 35px;
			right: 35px;
			cursor: pointer;
			z-index: 1;
		}
			
		.modale{
			display: none;
		}
			
		@media (max-width: 992px){
			
			/* Font */
			.swiper-temoignage .carriere-temoignage div p:nth-child(1) {
				font-size: 18px;
				line-height: 28px;
				margin: 0 0 28px;
			}
			
			.header-video video {
				max-width: unset;
				max-height: 650px;
			}
			
			.header-video div {
				left: 3%;
			}
				
			.carriere-info-container {
				grid-gap: 48px;
			}
				
			.carriere-info-container img {
				object-fit: cover;
				height: 100%;
			}
				
			.carriere-info-container .carriere-info h2 {
				font-size: 26px;
				line-height: 32px;
			}
			
			.carriere-galerie-photo {
				margin: 80px 0;
			}
				
			.carriere-avantages-container h2 {
				font-size: 26px;
				line-height: 32px;
				margin: 0 0 16px;
			}
				
			.carriere-banniere .carriere-banniere-stats div h3 {
				font-size: 32px;
				line-height: 34px;
			}
				
			.carriere-info-wrapper{
				margin-top: 80px;
				margin-bottom: 80px;
			}
				
			.carriere-info-container .carriere-info h3 {
				font-size: 22px;
			}
			
			/* Avantages */
			
			.carriere-avantages-container .carriere-avantages {
				grid-template-columns: repeat(4, 3fr);
				gap: 16px;
			}
			
			.carriere-avantages-container .carriere-avantages div:nth-child(5) {
				grid-column: 2;
			}
			
			.carriere-temoignage-background .carriere-temoignage-intro {
				padding-top: 80px;
				margin-bottom: 60px;
			}
				
			.carriere-temoignage-background .carriere-temoignage-intro h2 {
				font-size: 26px;
				line-height: 32px;
			}
				
			.swiper-temoignage .carriere-temoignage {
				display: grid;
				grid-template-columns: repeat(2, calc(50% - 3.5%));
			}
				
			.swiper-temoignage .carriere-temoignage div:nth-child(1) {
				height: 100%;
			}

			.carriere-temoignage-background .carriere-temoignage-carte {
				/*grid-template-columns: repeat(2, 6fr);*/
				gap: 40px 16px;
				margin: 40px 0 0;  
			}
				
			.carriere-banniere .carriere-banniere-stats div h2 {
				font-size: 26px;
				line-height: 32px;
			}
				
			.carriere-banniere video {
				max-width: unset;
				min-height: 175px;
			}
			
			.modale-video-container {
				width: 100%;
				padding-top: 56.25%;
			}
		}
			
		@media (max-width: 768px){
			
			.img-mobile{
				display: block;
			}
			
			.img-desktop{
				display: none;
			}
			
			.header-video video {
				max-height: 500px;
			}
			
			.header-video div {
				bottom: 40px;
				left: 16px;
			}
				
			.header-video div h1 {
				font-size: 32px;
				line-height: 48px;
			}
				
			.carriere-info-wrapper {
				margin-top: 48px;
				margin-bottom: 48px;
			}
			
			.carriere-info-container {
				grid-template-columns: repeat(1, 12fr);
				grid-gap: 32px;
			}
			
			.carriere-info-container img {
				object-fit: initial;
				height: unset;
			}
			
			.carriere-galerie-photo {
				margin: 28px 0 60px;
			}

			/* Avantages */
			
			.carriere-avantages-container .carriere-avantages {
				grid-template-columns: repeat(3, 4fr);
			}
			
			.carriere-avantages-container .carriere-avantages div:nth-child(5) {
				grid-column: unset;
			}
			
			/* Banniere stats */
			
			.carriere-banniere{
				max-height: 250px;
			}
			
			.carriere-banniere .carriere-banniere-stats-container .carriere-banniere-stats {
				display: grid;
				grid-template-columns: repeat(2, 50%);
				justify-content: center;
			}
			
			.carriere-banniere .carriere-banniere-stats-container .carriere-banniere-stats div{
				text-align: center;
			}
			
			.carriere-banniere .carriere-banniere-stats div h3 {
				font-size: 26px;
				line-height: 32px;
			}
			
			.carriere-info-container .carriere-info-mobile{
				order: -1;
			}
			
			.carriere-temoignage-background .carriere-temoignage-intro {
				padding-top: 60px;
				margin-bottom: 40px;
			}
			
			.swiper-temoignage .carriere-temoignage {
				display: grid;
				grid-template-columns: repeat(1, 100%);
				grid-gap: 32px;
				max-width: unset;
				margin: 0;
			}
			
			.swiper-temoignage .carriere-temoignage div:nth-child(1) img {
				object-fit: initial;
				height: unset;
			}
			
			.swiper-temoignage .carriere-temoignage div:nth-child(1) img {
				max-width: unset;
			}
			
			.swiper-temoignage .carriere-temoignage div:nth-child(2) {
				max-width: 356px;
				margin: auto;
			}
			
			.swiper-temoignage .custom-prev-container {
				top: unset;
				bottom: 0;
				left: 11px;
				height: 100%;
			}
			
			.swiper-temoignage .custom-next-container {
				top: unset;
				bottom: 0;
				right: 11px;
				height: 100%;
			}
			
			.swiper-temoignage .swiper-button-prev, .swiper-temoignage .swiper-button-next {
				top: unset;
				bottom: 0;
				box-shadow: unset;
			}
			
			.swiper-temoignage {
				padding-bottom: 70px;
			}
			
			.swiper-pagination-bullets{
				bottom: 20px !important;
			}
			
			.carriere-temoignage-background .carriere-temoignage-carte {
				/*grid-template-columns: repeat(1, 12fr);*/
				padding-bottom: 60px;
			}
			
			.carriere-banniere .carriere-banniere-stats-container .carriere-banniere-poste{
				grid-template-columns: repeat(1, 100%);
			}
			
			.modale-container {
				padding: 16px;
			}
		}
			
		@media (max-width: 576px){
			
			.sticky-heading {
				top: calc(100% - 78px);
			}
			
			.sticky-heading div p {
			   display: none;
			}
			
			.sticky-heading div a {
				width: 100%
			}
			
			.sticky-heading div button {
				width: 100%
			}
			
			/* Avantages */
			
			.carriere-avantages-container .carriere-avantages {
				grid-template-columns: repeat(2, 6fr);
			}
			
			.carriere-temoignage-background .carriere-temoignage-carte {
				grid-template-columns: repeat(1, 12fr);
				gap: 24px;
			}
		}