.banner{
	width: 100%;
	height: 40vh;
	position: relative;
}
.banner video{
	width:100%;
	height:100%;
}
.banner video{
	object-fit: cover;
}
.banner h1{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 3vh;
	color: var(--color1);
	font-weight: 800;
}
.team-container,
.presentation-equipe{
	/*display: none;*/
}

body.page-template-template-carriere{
    overflow-x: hidden;	
}

.titre_poste_section{
	color: white
}

.titre_poste::before {
    content: "+";
    color: white;
}

.titre_poste.poste_actif::before{
	content: "-";	
	display: none;
}

/*
.titre_poste.poste_actif{
	display: block!important;
}
*/

.titre_poste_section strong{
	color: black;
}

.titre_poste::before {
    content: "+";
    color: white;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 	
}

.poste{
	position: absolute;
    top: 0;
    background: var(--color1);
/*    height: 100%;*/
    display: flex;
/*
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
*/
	transition: right 0.5s;
    justify-content: space-between;
	width: 70%;
	z-index: 15;
	overflow: hidden;
    right: -35%;
	height: 100vh;
/*	padding-top: 50vw;*/
}

#gform_wrapper_4 *{
	color: white;
}

#gform_submit_button_4{
    background-color: var(--color1);
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    text-transform: uppercase;	
border-radius: 50px;
    font-weight: 600;
    
    cursor: pointer;
    margin-bottom: 10px;	
}

#gform_browse_button_4_6{
    background-color: var(--color1);
    border: none;
    border-radius: 25px;
}




.poste.active{
	right: 0;
	padding-top: 0;
}

.toggle-box{
	display: none;
	padding-bottom: 25px;
}

#toggle_0{
	display: block;
}


a.b3{
	background-color: black;
}

#gform_wrapper_4{
    position: absolute;
    width: 25vw;
    top: 5vw;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 	
	z-index: -1;
}

#gform_wrapper_4 option,
#gform_wrapper_4 select{
	color: grey;
}

.acif_formulaire #gform_wrapper_4{
	opacity: 1;
	z-index: 999;
    bottom: 5vw;
	top: auto;
}

#gform_submit_button_4{
	border: none;
}


.contenu_poste h3::before {
    content: "+";
    color: white;
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    margin-right: 6px;
}

.contenu_poste h3.poste_open::before{
	content: '-';
}

.description_poste{
	opacity: 0;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);	
	position: relative;
    z-index: 1;	
	display: none;
}

.description_show.description_poste{
	display: block;
	opacity: 1;
	
}

.acif_formulaire .description_poste{
	opacity: 0;
}

.retour_poste{
	cursor: pointer;
	display: none;
}

.retour_poste_canditature{
	cursor: pointer;
	display: none;
	margin-top: 40px;
}

.bouton_formulaire{
	display: none;
}

.poste.active .colonne_01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: 50%;	
}

.poste  .colonne_01{
	display: flex;
    flex-direction: column;
justify-content: space-between;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */	
    
}

.page-template-template-agence .skew-top .content {

    padding: 0 80px 1vh 6vw;

}

.contenu_poste{
padding: 5vw 3vw;
	width: 50%;
    background-color: black;
overflow: overlay;	
}

.contenu_poste h3{
	   color: var(--color1);
	font-size: 18px;
	display: flex;

}

.contenu_poste ul{
    color: white;
    margin: 0;
}

.retour_poste img{
	    margin-right: 10px;
}
.retour_poste_canditature img{
	    margin-right: 10px;
}

.bouton_formulaire{
	margin-top: 40px;
}

.titre_poste{
	text-transform: inherit;
	cursor: pointer;
    display: flex;	
    gap: 2%;
	margin-bottom: 40px;

}

.contenu_poste ul li {
    line-height: 160%;
}

.titre_a_cacher {
    background-color: black;
    padding: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titre_a_cacher h1{
	color: white;
	margin: 0;
	cursor: pointer;
}

.canditature.titre_a_cacher {
	background-color: transparent;
    padding: 5vw;
    height: 100%;

}

.intro_poste{
	padding: 5vw;
}

.boite_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5%;
    margin-top: 40px;
}

.boite_grid p strong {
    /* padding-bottom: 39px; */
    display: inline-block;
    margin-bottom: 10px;
}

.contenu_supp{
	margin-top:150px;
	padding-right: 50%;
}

.member-popup p{
	margin-bottom: 0;
}

.notre-equipe{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    max-width: 9999px;
    /* margin: 0 auto; */
    /* padding: 12vh 2vw; */
    overflow: hidden;
    width: 100%;
    padding: 5vw 0vw 5vw 10vw;
	position: relative;
	z-index: 0;
}

.section_index.notre-equipe{
	z-index: 6;
}
/*
.notre-equipe .texte{
	flex-basis: 50%;
	padding:0 4%;
}
*/


.notre-equipe .photos{
	margin-top: 5vw;
	flex-basis:50%;
	position: relative;
}
.notre-equipe .photos div{
	width: 80%;
	margin:0 10%;
	padding-bottom: 60%;
	background-color: #fff;
/*	box-shadow: 0 0 15px 5px rgba(0,0,0,0.5);*/
}
.notre-equipe .photos div:nth-of-type(1){
	position: relative;
	z-index: 5;
}
.notre-equipe .photos div:nth-of-type(2){
	z-index: 4;
	position: absolute;
	transform: rotate(5deg);
	top: 0;	
}
.notre-equipe .photos div:nth-of-type(3){
	transform: rotate(-5deg);
	z-index: 3;
	position: absolute;
	top: 0;	
}
.notre-equipe .photos div:nth-of-type(4){
	transform: rotate(5deg);
	z-index: 2;
	position: absolute;
	top: 0;	
	display: none;
	
}
.notre-equipe .photos div:nth-of-type(5){
	transform: rotate(-5deg);
	z-index: 1;
	position: absolute;
	top: 0;	
	display: none;
}
.notre-equipe .photos div:nth-of-type(6){
	transform: rotate(-5deg);
	z-index: 0;
	position: absolute;
	top: 0;	
	display: none;
}
.notre-equipe .photos img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.notre-equipe .photos > div.transition:nth-of-type(1).transition{
	-webkit-animation: transitionone 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      transitionone 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         transitionone 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
}

@-webkit-keyframes transitionone {
	 0% {
		-webkit-transform:  translateX(0) rotate(5deg);
		z-index: 2;
		transform: translateX(0) rotate(5deg);
		
	 }
	 50% {
		-webkit-transform: translateX(25px) rotate(2.5deg);
		z-index: 2;
		transform: translateX(25px) rotate(2.5deg);
		
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
		 z-index: 3;
		 
	}
}
@keyframes transitionone {
	 0% {
		-webkit-transform:  translateX(0) rotate(5deg);
		z-index: 2;
		transform: translateX(0) rotate(5deg);
	 }
	 50% {
		z-index: 2;
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
		 z-index: 3;
	}
}
.notre-equipe .photos > div:nth-of-type(2).transition{
	-webkit-animation: transitiontwo 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      transitiontwo 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         transitiontwo 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
}
@-webkit-keyframes transitiontwo {
	 0% {
		-webkit-transform:  translateX(0) rotate(-5deg);
		z-index: 1;
		transform: translateX(0) rotate(-5deg);
	 }
	 50% {
		z-index: 1;
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(5deg);
		transform: translateX(0px) rotate(5deg);
		 z-index: 2;
	}
}
@keyframes transitiontwo {
	 0% {
		-webkit-transform:  translateX(0) rotate(-5deg);
		z-index: 1;
		transform: translateX(0) rotate(-5deg);
	 }
	 50% {
		z-index: 1;
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(5deg);
		transform: translateX(0px) rotate(5deg);
		 z-index: 2;
	}
}
.notre-equipe .photos > div:nth-of-type(3).transition{
	-webkit-animation: transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
}
@-webkit-keyframes transitionthree {
	 0% {
		-webkit-transform:  translateX(0) rotate(-5deg);
		z-index: 1;
		transform: translateX(0) rotate(-5deg);
	 }
	 50% {
		z-index: 1;
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(5deg);
		transform: translateX(0px) rotate(5deg);
		 z-index: 2;
	}
}
@keyframes transitiontwo {
	 0% {
		-webkit-transform:  translateX(0) rotate(-5deg);
		z-index: 1;
		transform: translateX(0) rotate(-5deg);
	 }
	 50% {
		z-index: 1;
	 }
	 100% {
		-webkit-transform: translateX(0px) rotate(5deg);
		transform: translateX(0px) rotate(5deg);
		 z-index: 2;
	}
}
.notre-equipe .photos > div:nth-of-type(3).transition{
	-webkit-animation: transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         transitionthree 0.7s 0s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
}
@-webkit-keyframes transitionthree {
	0% {
		-webkit-transform:  translateX(0) rotate(0deg) scale(1);
		z-index: 3;
		transform: translateX(0) rotate(0deg) scale(1);
	 }
	 50% {
		-webkit-transform: translateX(125px) rotate(5deg) scale(0.75);
		z-index: 3;
		transform: translateX(125px) rotate(5deg) scale(0.75);
	 }
	100% {
		-webkit-transform: translateX(0px) rotate(-5deg) scale(1);
		transform: translateX(0px) rotate(-5deg) scale(1);
		z-index: 1;
	}
}
@keyframes transitionthree {
	 0% {
		-webkit-transform:  translateX(0) rotate(0deg) scale(1);
		z-index: 3;
		transform: translateX(0) rotate(0deg) scale(1);
	 }
	 50% {
		-webkit-transform: translateX(225px) rotate(5deg) scale(0.85);
		z-index: 3;
		transform: translateX(225px) rotate(5deg) scale(0.85);
	 }
	100% {
		-webkit-transform: translateX(0px) rotate(-5deg) scale(1);
		transform: translateX(0px) rotate(-5deg) scale(1);
		z-index: 1;
	}
}




@media screen and (min-width:1024px){
	.section_stop.poste{
		position: fixed;
		top: 0;
		height: 100%;
		padding-top: 0;
	}
	


	
	.section_bot .contenu_poste {
		padding: 5vw 3vw;
		width: 50%;
		background-color: black;
		height: 100%;
		display: flex;
		align-items: end;
	}


	div.section_bot{
		bottom: 0;
		height: auto;
		align-items: end;	
	}
	
	.contenu_intro {
		padding-right: 50%;
	}
}

@media screen and (max-width: 1024px){
	
		.acif_formulaire #gform_wrapper_4 {
    	opacity: 1;
    	z-index: 999;
    	bottom: 0;
    	top: 0;
	}
	
	.poste {
		position: relative;
		top: 0;
		background: var(--color1);

		display: flex;
		transition: right 0.5s;
		justify-content: space-between;
		z-index: 15;
		overflow: hidden;
		height: auto;
		right: 0;
		width: 100%;
		flex-direction: column;
	}
	
	.contenu_poste {
		width: 100%;
		display: none;
	}
	
	#gform_wrapper_4 {
		position: relative;
		width: 100%;
		top: 0;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
		z-index: -1;
		padding: 0 4vw;
		display: none;
	}
	
	.acif_formulaire #gform_wrapper_4{
		display: block;
	}
	
	.acif_formulaire .description_poste{
		display: none;
	}

 	.active	.contenu_poste {
	
		display: block;
	}
	
	div.contenu_intro{
	    padding: 5vw;	
	}
	
	.notre-equipe .photos {
		flex-basis: 100%;
	}
	
	.contenu_supp {
		margin-top: 10vw;;
		padding: 5vw;
		order: 4;	
	}
	
	.notre-equipe{
		padding: 5vw 0;
	}
	
	.poste.active .colonne_01 {
		width: 100%;
	}
}

@media screen and (max-width:760px){
	.boite_grid {
        grid-template-columns: 1fr 1fr;
        gap: 10%;
        padding-bottom: 100px;

	}
}

@media screen and (max-width:640px){
	.boite_grid div {
		padding-bottom: 35px;
	}
	
	.boite_grid{
        display: block;
        padding: 0;
	}
}