.header img {
    height: 50vh;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}

.intro{
	display: flex;
    flex-wrap: wrap;
    padding: 5vw;
	align-items: center;
}
.intro .colonne_01{
    width: 50%;
	padding-right: 5vw;
}

.intro .colonne_02{
    width: 50%;
}

.intro .colonne_02 img{
	    border-radius: 75px;
}

.flexcontent > .row{
    flex-direction: row-reverse;	
}

.intro_service{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: rgb(40 40 40 / 85%);
	padding: 5vw;
	align-items: center;
}

div.bg_intro_service{
	z-index: -1;
}

.intro_service .contenu *{
	color: white;
}

.intro_service .img img{
	border-radius: 75px;
}

.bg_intro_service img{
    position: absolute;
	object-fit: cover;
    height: 100%;
    width: 100%;	
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}



.intro_service .contenu {
    width: 50%;
    padding-right: 10vw;
	padding-bottom: 5vw;
}

.intro_service .img {
    width: 50%;
	padding-bottom: 5vw;
}


div.contenu_emploi{
    display: flex;
    flex-wrap: wrap;
    padding-top: 5vw;
    border-top: 1px solid white;
    justify-content: center;	
}

div.contenu_emploi .employeur{
	width: 50%;
    padding: 0 5vw;	
		
}

div.contenu_emploi .employe{
	width: 50%;
    padding: 0 5vw;	
}

.cta_formulaire{
	display: flex;
    flex-wrap: wrap;
    padding: 5vw;
    background-color: rgb(17 49 81 / 95%);
	position: relative;
}

.flexcontent h2{
	margin: 0;
}

.flexcontent img{
	    border-radius: 75px;
}

@media screen and (max-width:960px){
	.intro .colonne_01 {
		width: 100%;
		padding-right: 0vw;
		padding-bottom: 5vw;
	}	
	
	.intro .colonne_02 {
    	width: 100%;
	}
	
	div.contenu_emploi .employe,
	div.contenu_emploi .employeur {
		width: 100%;
		padding: 5vw;
	}
	
	.intro_service .contenu {
		width: 100%;
		padding-right: 0vw;
		padding-bottom: 5vw;
	}

	.intro_service .img {
		width: 100%;
		padding-bottom: 12vw;
		
	}	
}
















