/*****RESPONSIVE*****/


/*-------------------[1920px]------------------*/
@media only screen and ( max-width: 1920px ) {

	}

/*-------------------[1440px]------------------*/
@media only screen and ( max-width: 1440px ) {

	}

/*-------------------[1366px]------------------*/
@media only screen and ( max-width: 1366px ) {

	}

/*-------------------[1280px]------------------*/
@media only screen and ( max-width: 1280px ) {


	}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {


	}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
.banniere-header {
    min-height: 80vh !important;
}
.titre-h1 {
    font-size: 50px !important;
}	
.titre-h1 .span-h1 {
    font-size: 20px !important;
}

	}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {

	
	}

/*-------------------[768px]------------------*/
@media only screen and (max-width: 768px) {
.inverse-mobile {
    flex-direction: column-reverse;
}
.section-metier {
    gap: 0 !important;
}
	


	
	}

/*-------------------[767px]------------------*/
@media only screen and (max-width: 767px) {

	
	
	
	
	}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {

.titre-h1 {
	font-size: 40px !important;
}	
.margin-bottom-4em {
    margin-bottom: 3em !important;
}
.margin-bottom-2em {
    margin-bottom: 1em !important;
}
	
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    bottom: 35px !important;
    font-size: 12px !important;
}	

	
	}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 480px ) {

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    bottom: 30px !important;
    font-size: 10px !important;
}	
	
	
	

	}

/*-------------------[425px]------------------*/
@media only screen and ( max-width: 425px ) {
.header-container {
    padding: 5px 2rem !important; 
}
.banniere-header {
	min-height: 70vh !important;
}
.titre-h1 {
	font-size: 35px !important;
	line-height: 1 !important;
}

	
	

	
	
	}

/*-------------------[414px]------------------*/
@media only screen and ( max-width: 414px ) {







	}

/*-------------------[375px]------------------*/
@media only screen and ( max-width: 375px ) {

	
	
	

	}

/*-------------------[360px]------------------*/
@media only screen and ( max-width: 360px ) {


	}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {

	}

/*****RESPONSIVE*****/