/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */


/******* Anim photo h1 *****/
.image-anim-1::before {
    content: "";
    position: absolute;
    height: 100%; 
    background-color: #E60C19;
    opacity: 1;
    z-index: -1;
    animation: revealSquare 2s cubic-bezier(.85,0,.15,1) forwards;
	left: 0;
}

.single_job_listing h1{
	font-size:50px !important
}
.single_job_listing h2{
	font-size:35px !important
}

.image-anim-1{
	display: inline-block;
	position: relative;
}

@keyframes revealSquare {
    0% {
        width: 0px;
    }
    100% {
        width: 100%; 
    }
}

.image-anim-1 img {
    clip-path: polygon(0 0, 0 100%, 0% 100%, 0% 0);
    animation: revealImage 3s cubic-bezier(.85,0,.15,1) forwards;
}

@keyframes revealImage {
    50% {
        clip-path: polygon(0 0, 0 100%, 0% 100%, 0% 0);
    }
    100% {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    }
}

@media (max-width:767px){
	
}


.job_filters{
	background:none !important
}
.job_filters .search_jobs{
	    padding: 25px 120px !important;
    background: rgb(255 255 255 / 16%);
    border-radius: 10px;
    border: 1px solid;
    margin-bottom: 10px;
}
.job_filters .showing_jobs{
	display:none !important;
}
div.job_listings ul.job_listings{
	margin-top:50px !important;
	border:0 !important
}
.job_description li{
	color:#fff
}
.jupiterx-site .jet-mobile-menu__instance--dropdown-layout .jet-mobile-menu__container{
    position: absolute;
    top: 90%;
    width: calc(100vw - 20px) !important;
    z-index: 998;
    right: -19px;
    margin: 0 10px;
}
.wpcf7 form.sent .wpcf7-response-output{
	color:#fff
}
#jupiterx-primary .job_listings .location{
	    width: 150px;
    text-align: center;
    background: red;
    color: white;
    border-radius: 50px;
    padding-left: 0;
    font-weight: 600;
}
#jupiterx-primary  li.job-type{
	    width: 100px;
    text-align: center;
    background: red;
    color: white;
    border-radius: 50px;
    padding-left: 0;
    font-weight: 600;	
}
#jupiterx-primary  li.date{
	display:none;
}
#jupiterx-primary ul.job_listings li.job_listing a .meta{
	    width: 14%;	
}
#jupiterx-primary ul.job_listings li.job_listing a div.position{
	width:70%;
}
#jupiterx-primary img.company_logo{
	display:none
}
#jupiterx-primary .job_listings h3{
	    font-size: 25px;
    font-weight: 500;
}

.search-no-results #jupiterx-main,.search-results #jupiterx-main{
	padding-top:200px;
}
.jet-mobile-menu__breadcrumb .breadcrumb-label{
	color:#fff !important
}
ul.job_listings li.job_listing a:hover{
	border:1px solid white !important;
	background: #535252 !important;
}
ul.job_listings li.job_listing{
	border:0 !important;
	margin-top:15px !important
}
ul.job_listings li.job_listing a {
    background: #535252;
    border-radius: 10px;
	border:1px solid rgba(0,0,0,0) !important
}
.single_job_listing .company{
	display:none !important
}
.single_job_listing h1{
        color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.single_job_listing h2{
	color:#fff
}
input.application_button.button{
    background: #E60B19;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    border-radius: 10px;
    padding: 14px 30px;
    cursor: pointer;
}
input.application_button.button:hover{
	background:#000
}
.single_job_listing .meta li{
    color: #fff !important;
}
.job-manager-application-wrapper .application .application_details p, .single_job_listing .application .application_details p{
    color:#fff
}
ul.job_listings li.job_listing a:focus{
    background: none !important;
}
.job_types label,.job_filters .showing_jobs{
	color:black
}
.job_filters .search_jobs input[type="submit"] {
font-weight: 700;
    width: auto;
    background: red;
    border: 0;
    border-radius: 10px;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}
.job_filters .job_types{
	    padding: 10px !important;
    border-radius: 10px;
}
.job_filters .search_jobs div.search_submit{
	    text-align: center
}
div#jupiterx-primary{
	padding:0 !important
}
#first-paragraph{
    height: 20vh;
}
#second-paragraph{
    height: 50vh;
}
#third-paragraph{
    height: 80vh;
}
#fourth-paragraph{
    height: 80vh;
}
footer.jupiterx-footer{
	position:relative;
	z-index:20;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner {
    background: #fff !important;
    margin-top: 25px !important;
    border-radius: 10px;
	max-width:500px;
}
#jet-mega-menu-item-157 .jet-mega-menu-item__inner{
    width: 150px;
    background: url(/wp-content/uploads/2025/11/Logo-MC3i-blanc.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 13px;
    background-size: 100px;
}
.jet-mega-menu-mega-container__inner{
	padding:0 !important
}
.jet-mega-menu-mega-container__inner .elementor-icon-box-wrapper{
	    filter: grayscale(1);
	transition:filter 0.3s ease-in-out
}
.jet-mega-menu-mega-container__inner .elementor-icon-box-wrapper:hover{
	    filter: grayscale(0);
		transition:filter 0.3s ease-in-out
}
li#jet-mega-menu-item-157{
	padding-right:50px
}
.fixed1txt,.fixed3txt {
	opacity:0;
	position: fixed !important;
    top: 40%;
    left: 10%;
    width: 34vw;
}
.fixed2txt {
	opacity:0;
	position: fixed !important;
    top: 40%;
    right: 20%;
    width: 34vw;
}
.jet-mega-menu-list li{
	display:flex;
	align-items: center;
}
.listicomenu .elementor-icon-list-items li{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right center;
}
.jet-mobile-menu__container-inner{
	box-shadow:none !important;
	padding-bottom:30px !important
}

.search-no-results h1, .search-no-results .jupiterx-post-content,
.search-results h5,.search-results .jupiterx-new-search{
	color:#fff;
}
.search-results div#jupiterx-primary,
.search-no-results div#jupiterx-primary{
	max-width:1280px;
	margin:0 auto;
	color:#fff
}
.single-job_listing #jupiterx-primary{
	max-width:1280px;
	margin: 0 auto
}
.single_job_listing{
	    background: #414040;
    border: 1px solid #fff;
    padding: 50px;
    border-radius: 40px;
}
.btnrecrut{
	margin-top: 180px;
	margin-bottom:25px;
}
.btnrecrut a{
	padding:10px 20px;
	border:1px solid white;
	color:#fff;
	border-radius:10px;
	font-weight:bold
}
.btnrecrut a:hover{
	color:#E60B19
}
.job-listing-meta a.google_map_link{
	color: #fff !important;
	pointer-events:none;
}
a.job_application_email,.position h3,li.job-type.cdi{
	color: #fff !important;
}
.jupiterx-main-content{
	padding-top:0 !important;
	padding-bottom:0 !important
}
.single-job_listing li.job-type{
	background:none !important
}
ul.jupiterx-post-meta.list-inline{
	display:none
}
.job_description p{
	color:#fff
}
.linkwidth a{
	width:100%;
}
.job_filters .search_jobs input, .job_filters .search_jobs select{
	padding: 12px;
    border-radius: 10px;
    border: 1px solid grey;
}
/******* formulaire de contact *****/
#formulaire-responsive {
    max-width:100% ;
    margin:0 auto;
}

.demi-colonne, .colonne {
    float: left;
    position: relative;
    padding: 0 10px;
    width:100%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea,input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
    width: 100%;
    background: white;
    border: solid 0.5px #707070;
    margin-top: 5px;
      padding: 13px 16px 13px 26px;
          font-size: 16px;
              border-radius: 10px;
              font-family: "Manrope", Sans-serif;
}
 textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 20px;
        font-family: "Manrope", Sans-serif;
 }
#formulaire-responsive p {
    font-family: "Manrope", Sans-serif;
    font-weight: 500;
    color: #19130D;
}
#formulaire-responsive .envoyer p {
    text-align-last: center;
}
.rang-form label{
	width:100%;
	color:#fff
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 270px !important;
    padding: 7px 0;
    background: #E60C19;
    border: none;
    cursor: pointer;
    font-size: 18px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: 85% 50%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
 transform: scale(1.08);
 transition: all .2s ease-in-out;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder,.wpcf7-form-control-wrap textarea::placeholder,.wpcf7-tel:placeholder{
       font-family: "Manrope", Sans-serif;
    color: #19130D;
    opacity: 96%;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 1024px) { 
    .demi-colonne {
        width: 50%;
    }
}

@media all and (max-width:768px){
	.fixed2txt{
		right: 5%;
    width: 90vw !important
	}
	.fixed1txt, .fixed3txt{
		left: 5%;
    width: 90vw !important;
	}
	.single_job_listing h2{
		font-size: 24px !important
	}
	#jupiterx-primary ul.job_listings li.job_listing a .meta{
		width:auto;
		margin-right:15px;
	}
    .job_filters .search_jobs{
        padding:20px !important
    }
    .single_job_listing{
        margin: 20px auto;
        width:95%;
        padding:16px
    }
	.btnrecrut{
		margin-left:10px;
		margin-top:90px;
	}
	.jet-mobile-menu__container {
    width: 394px !important;
    right: -9px;
    }
	#jet-mobile-menu-item-740{
		display:none;
	}
	.jupiterx-site{
		padding-top:0 !important
	}
	.jet-mobile-menu__items .jet-mobile-menu__item{
		        padding-left: 40px !important;
        background: url(/wp-content/uploads/2025/10/fleche-menu.svg);
        background-repeat: no-repeat;
        background-size: 11px;
        background-position: 10px center;
	}
	.jet-mobile-menu__container-inner{
		padding-top:20px !important
	}
	.jet-mobile-menu__container .jet-mobile-menu__container-inner{
		    background-color: #2b2b2b !important;
		padding:40px 20px;
	}
	.jet-mobile-menu__item{
		padding:18px 0 !important;
	}
	.jet-mobile-menu__container .jet-mobile-menu__container-inner span.jet-menu-label{
		font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 500;
	}
}