#menu .nous-contacter-top-nav {
	display: none;
}

.home .nous-contacter-top-nav a {
    background-color: #092f57 !important;
    color: white !important;
}

.home .nous-contacter-top-nav a:hover {
    background-color: transparent !important;
    color: #5eb3e4 !important;
    border-color: #5eb3e4 !important;	
}

.nous-contacter-top-nav a {
    background-color: #092f57 !important;
    color: white !important;
}

.nous-contacter-top-nav a:hover {
    background-color: transparent !important;
    color: #5eb3e4 !important;
    border-color: #5eb3e4 !important;	
}

.footer-menu a {
	color: white;
}

#demander-une-entrevue .wpb_column .vc_column-inner {
	padding-top: 0 !important;
}

.carriere-faq > div:first-of-type {
	padding-left: 5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.carriere-faq > div:nth-of-type(2) {
	padding-right: 5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

.connaitre h4 strong {
	font-size: 24px !important;
}

.img-arrow-right {
    width: 100px;
    top: 2px;
    position: relative;
    margin-right: 15px;
    float: left;
}

.page-template-page-carriere .jobs li:nth-child(odd) {
	background-color: transparent;
}

.single-job .job-apply__content {
    align-items: center;
}

.page-template-page-carriere .has-royal-color.text-uc {
	color: #5542ba !important;
}

.single-job .job-details .list-icon-plus li span {
	color: #5542ba !important;
	font-size: 18px;
}

.single-job .job-details li strong {
	color: black !important;
}

.page-template-page-carriere .vc_toggle_size_lg .vc_toggle_icon::after {
	height: 25px;
	width: 7px;
	background-color: #0a3057 !important;
}

.page-template-page-carriere .vc_toggle_size_lg .vc_toggle_icon::before {
	height: 7px;
	width: 25px;
	background-color: #0a3057 !important;
}

.wrapper-3cta .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	width: 100% !important;
}

.form-contact.form-candidature form>.half {
	width: 50%;
	margin-top: 20px;
}

.form-contact.form-candidature input[type=text],
.form-contact.form-candidature input[type=tel],
.form-contact.form-candidature input[type=email],
.form-contact.form-candidature select,
.form-contact.form-candidature .custom-fileinput {
	width: 100%;
	padding: 10px 0px 10px 20px;
	border: none;
	font-size: 20px;
	color: #0a3057;
	background-color: white;
	margin-bottom: 0;
	font-family: Manrope;
}

.form-contact.form-candidature select {
	padding-left: 15px;
}

.form-contact.form-candidature .custom-fileinput,
.form-contact.form-candidature select {
	background-color: white !important;
	margin-top: 20px !important;
}

/* .form-contact.form-candidature .custom-fileinput {
	height: 50px;
}	 */

.form-contact.form-candidature .custom-fileinput input {
	padding: 10px 0;
}
	
.form-contact.form-candidature input[type=submit] {
	margin-top: 30px;
	padding: 10px 30px;
	background-color: #ccff58;
	border: none;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.2s;
	letter-spacing: 0;
	text-transform: initial;
	font-family: Manrope;
} 

.form-contact.form-candidature .arrow-right {
	position: relative;
}

.form-contact.form-candidature .arrow-right:before {
    content: "";
    position: absolute;
	right: 50%;
	transform: translateX(-50%);
    top: 20px;
    display: inline-block;
    background-image: url(https://acto.sfrstaging.com/wp-content/uploads/2024/11/arrow-right.png);
    background-size: 140px 54px;
    width: 140px;
    height: 54px;
}


.form-contact.form-candidature input[type=submit]:hover {
	background-color: #5542ba;
	color: white;
}

.form-contact.form-candidature ::-webkit-input-placeholder { /* Edge */
   color: #0a3057;
   line-height: normal!important;
}


.form-contact.form-candidature :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #0a3057;
   line-height: normal!important;
}


.form-contact.form-candidature ::placeholder {
   color: #0a3057;
   line-height: normal!important;
}


.form-contact.form-candidature .courriel,
.form-contact.form-candidature .prenom {
	padding-right: 15px;
}

.single-job main h1,
.page-template-page-carriere main h1 {
	font-family: "Unbounded", sans-serif;
	/* font-size: 18px;
	line-height: 26px; */
	color: black;
}

.single-job main li,
.page-template-page-carriere main li {
	font-family: Manrope;
	font-size: 22px; 
	line-height: 34px;
	color: black;
	font-weight: 300;

}

.single-job main ul {
	padding-left: 20px;
}

.single-titre-rouge {
	font-family: "DM Serif Text", serif !important;
		font-size: 40px !important;
		line-height: 44px !important;
		color: #f65c3a !important;
}

.single-job main h2,
.page-template-page-carriere h2 {
	font-family: "Unbounded", sans-serif;
}

.single-job main p,
.page-template-page-carriere main p {
	font-family: Manrope;
	font-size: 22px; 
	line-height: 34px;
	color: black;
	font-weight: 300;
}

.single-job main h5,
.page-template-page-carriere h5 {
	font-family: Manrope;
	font-size: 26px;
	line-height: 34px;
	color: black;
	margin-top: 18px !important;
}

.single-job main h3,
.page-template-page-carriere main h3 {
	font-family: "DM Serif Text", serif;
	font-size: 40px;
	line-height: 48px;
    color: #f65c3a;
}	

.single-job h3.title-h5,
.page-template-page-carriere h3.title-h5 {
	font-family: Manrope;
	font-size: 18px;
	line-height: 26px;
	color: black;
}

.job-offer {
	background-color: white;
	padding: 0 25px;
	margin-top: 20px;
}

.page-template-page-carriere .form-contact.form-candidature .custom-fileinput input[type=file]::after,
.single-job .form .custom-fileinput input[type=file] {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible;
    overflow: visible !important;
    width: auto !important;
	height: auto !important;
	z-index: 9999;
/* 
	position: relative !important;
    opacity: 1;
    visibility: hidden;
    overflow: visible !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999; */
}

.page-template-page-carriere .form-contact.form-candidature .custom-fileinput input[type=file]::after, 
.single-job .form .custom-fileinput input[type=file]::after {
	/* content: 'Téléverser';
    display: block;
    background-color: #ccff58;
    font-size: 20px !important;
    position: absolute;
    right: 0;
    top: 0px;
    visibility: visible;
    z-index: 999999;
    padding: 8px 15px; */
}

.form-contact.form-candidature .wpcf7-form-control-wrap {
	width: 100%;
    display: block;
}

.page-template-page-carriere .job-offer span {
	font-size: 15px;
}


.sfr-btn-1 button, .sfr-btn-1 a {
	color: #000000!important;
	border-width: 3px!important;
    border-color: #ccff58!important;
    background-color: transparent!important;
	font-family: Montserrat, sans-serif;
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 1.4!important;
	border-radius: 0px!important;
}
.sfr-btn-2 button, .sfr-btn-2 a {
	color: #000000!important;
	border-width: 3px!important;
    border-color: #ccff58!important;
    background-color: #ccff58!important;
	font-family: Montserrat, sans-serif;
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 1.4!important;
	border-radius: 0px!important;
}

.sfr-etoiles {
	float:left;
	max-width: 53px;
	margin-right: 30px;
	margin-bottom: 30px!important;
}

#nos-offres-emploi p {
	margin-top: 0 !important;		
}
	

.sfr-nos-offres-emplois {
	display: block;
	overflow: visible;
	z-index: 99;
	padding-bottom: 50px !important;
}

.sfr-nos-offres-emplois:before {
	content:"";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 90px;
	bottom: 0;
	background: transparent url(https://acto.sfrstaging.com/wp-content/uploads/2024/11/Artboard5.png) center center no-repeat;
	width: 262px;
	height: 154px;
	background-size: 262px 154px;
	z-index: -1;
}

#sfr-faire-germer {
	z-index: 99;
	position: relative;
}
#sfr-faire-germer:before {
	content:"";
	position: absolute;
	left: 40%;
	transform: translateX(-50%);
	top: 54px;
	bottom: 0;
	background: transparent url(https://acto.sfrstaging.com/wp-content/uploads/2024/11/Artboard2.png) center center no-repeat;
	width: 348px;
	height: 65px;
	background-size: 348px 65px;
	z-index: -1;
}

img.fleche-bas-germer {
	float:left;
	width: 3.5vw;
    margin-top: 1.2vw;
    margin-right: 1vw;
}
img.fleche-gauche-on-aime-ca {
	float:right;
	width: 8.5vw;
    margin-top: 1.2vw;
    margin-right: 1vw;
}
img.etoile-faq {
	width: 4vw;
    margin-left: 1vw;
    position: relative;
    top: 15px;
}

#titre-faq {
	z-index: 99;
	position: relative;
}
#titre-faq:before {
	content:"";
	position: absolute;
	left: 47%;
	transform: translateX(-50%);
	top: 0px;
	bottom: 0;
	background: transparent url(https://acto.sfrstaging.com/wp-content/uploads/2024/11/Artboard5.png) center center no-repeat;
	width: 348px;
	height: 128px;
	background-size: 348px 128px;
	z-index: -1;
}

.page-template-page-carriere .vc_do_toggle .vc_toggle_icon {
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    /* transform: translate(0, -50%) !important; */
    height: 100%;
    width: 85px !important;
    background: #BBCDFF !important;
	
}
.page-template-page-carriere .vc_toggle_title>h4 {
    display: inline;
}
.page-template-page-carriere .vc_toggle_title {
	padding-right: 90px!important;
	padding-left: 20px!important;
	padding-top: 30px!important;
	padding-bottom: 30px!important;
	min-height: 50px;
}
.page-template-page-carriere .vc_toggle_title h4 {
	font-size: 18px;
}

.page-template-page-carriere .vc_toggle_content {
	margin-top: 0 !important;
}

.page-template-page-carriere .vc_toggle_content p {
	font-size: 18px !important;
	line-height: 26px !important;
    padding-right: 20px !important;
}

.page-template-page-carriere .vc_toggle_icon {
	top: 25px !important;
}

.vc_toggle_size_lg .vc_toggle_icon::before,.vc_toggle_size_lg .vc_toggle_icon::after {
	background-color: #5541BA !important;
}
.fleche-bas-2 {
	margin: 0 auto;
	width: 100px;
	margin-left: 40%;
}

.single-job .title-h4 {
	color: #f65c3a;
	z-index:99;
	position: relative;
}
.single-job .job-description h1.title-h4 {
	color: #f65c3a;
	z-index:99;
	position: relative;
	display: block;
	text-align: center;
}
.single-job .job-description h1.title-h4:before {
	content:"";
	position: absolute;
	left: 47%;
	transform: translateX(-50%);
	top: -40px;
	bottom: 0;
	background: transparent url(https://acto.sfrstaging.com/wp-content/uploads/2024/11/Artboard5.png) center center no-repeat;
	width: 348px;
	height: 128px;
	background-size: 348px 128px;
	z-index: -1;
}

.title-faire-autrement {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 44px;
	color: #092f57!important;
}
.single-job .job-description {
	background: #BBCDFF !important;
}
.single-job .job-role h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 42px;
	color: #092f57!important;
}
.single-job .job-role {
	background: #F7EDE4 !important;
}
.single-job .job-details {
	background: linear-gradient(
		to top,
		#F7EDE4 50%,
		#BBCDFF 50%
	  );
	  margin-bottom: -200px;
}
.single-job .job-requirements h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 44px;
	color: #ccff58!important;
}
.single-job .job-requirements {
	background: #5541BA !important;
}
.single-job .job-requirements p , .single-job .job-requirements li {
	color: #bbcdff;
}
.single-job .job-apply {
	margin-bottom: 0px;
}
.single-job .job-apply h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 3vw;
	color: #092f57!important;
}
.single-job .job-details .box-border-blue {
	border: 3px solid white;
}

.single-job .container p strong {
	color: #f65c3a;
}
.single-job .job-apply .wpcf7.js.hello, .job-apply__content-form {
	margin: 50px;
	padding-top: 2vw !important;
    padding-right: 2vw !important;
    padding-bottom: 2vw !important;
    padding-left: 2vw !important;
    background-color: #F7EDE4 !important;
	color: #04355e;
	
}

.single-job .job-apply__content-form { 
	margin-top: 0;
	margin-bottom: 0;
	/* padding-bottom: 50px;
	padding-top: 50px; */
 }

.single-job .job-apply {
	background-color: #BBCDFF !important;
	padding-bottom: 0px;
}
.job-apply__content-form input[type=email], 
.job-apply__content-form input[type=tel], 
.job-apply__content-form input[type=text], 
.job-apply__content-form textarea {
	/* background-color: #F7EDE4;
    color: #04355e;
    font-size: 1.25rem;
    padding-left: 0; */
}
/* .job-apply__content-form .custom-fileinput .button, .job-apply__content-form input[type=submit] {
	color: #000000;
	border-color: #ccff58;
	background-color: #ccff58;
}
.job-apply__content-form .custom-fileinput .button:hover, .job-apply__content-form input[type=submit]:hover {
	color: #ffffff;
	border-color: #04355e;
	background-color: #04355e;	
} */

@media ( max-width: 1660px ) {

	.form-contact.form-candidature .arrow-right:before {
		right: auto;
		left: 0;
		transform: translateX(0);
	}
}

@media (max-width: 1280px) {

	.form-contact.form-candidature .arrow-right:before {
		display: none;
	}
}

@media (max-width: 1199px) {

	.header__container>.menu-buttons li a {
		font-size: 12px !important;
	} 

	.page-template-page-carriere .form-contact.form-candidature form>.half,
	.single-job main .form-contact.form-candidature form>.half {
		width: 100%;
	}


	.form-contact.form-candidature .courriel, 
	.form-contact.form-candidature .prenom {
		padding-right: 0;
	}

	.form-contact.form-candidature input[type=submit] {
		margin-top: 0;
	}
}	

@media (max-width: 1023px) {

	.single .title-faire-autrement {
		font-size: 18px !important;
	}

	.single-job .job-description {
		padding-bottom: 30px;
		padding-top: 50px;
	}

	.single-job .job-details {
		transform: translateY(0vw);
		margin-bottom: 0px;
	}

	.single-job .job-apply__content {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

@media (max-width: 767px) {

	.carriere-faq .vc_toggle:last-of-type {
		margin-bottom: 22px !important;
	}

	.carriere-faq > div:first-of-type {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.carriere-faq > div:nth-of-type(2) {
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.single-job .job-role > .container > h2.title-h4.has-royal-color,
	.single-job .job-requirements h2 {
		font-size: 20px;
		line-height: 24px;
		padding-top: 20px;
		margin-bottom: 0;
	}

	.form-contact.form-candidature input[type=submit] {
		width: 100%;
	}

	.connaitre {
		padding-left: 20px;
	}

	#demander-une-entrevue {
		padding-right: 0 !important;
	}

	#demander-une-entrevue > div:first-of-type > div {
		padding-left: 20px !important; 
		padding-right: 20px !important;
	}

	.single-job .job-details .box-border-blue {
		padding: 30px 0;
	}

	.single-job .job-apply__content-form {
		margin-right: 20px !important;
		margin-left: 20px !important;
		padding-left: 20px !important;
        padding-right: 20px !important;
	}

	#candidature-spontanee .vc_column_container:nth-of-type(2) > div {
		padding-left: 5vw !important;
	}

}