.predefiendJobCards {
    border: 1px !important;
}

.job__info {
    display: none;
}

.job-card__footer {
    display: none;
}

.job__info_new {
    display: flex;
    width: 360px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    flex: 1 0 0;
    border-radius: 15px;
    border: 1px solid rgba(150, 140, 131, 0.20);
    background: var(--White, #FFF);
}

.job__info_new:hover {
    border-color: #585755;
}

.Container-first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    align-self: stretch;
}

.job__info--posted-date {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.Posted_date_content {
    flex: 1 0 0;
    align-self: stretch;
    color: #585755;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

span.Brandlabel {
    color: #585755;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

span.Brandname {
    color: #585755;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

a.card__info--save.sortlist-link {
    padding: unset;
}

a.card__info--save.shortlisted {
    padding: unset;
}

.Title-Salary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}


span.title-name {
    align-self: stretch;
    color: var(--Red, #DA291C);
    font: normal normal 24px/24px houschka_headdemibold,Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow-wrap:anywhere;
}


.job__info--salary {
    display: flex;
    padding: 3px 7px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 6px;
    background: rgba(150, 140, 131, 0.10);
}


.job__info--meta--title-salary {
    color: var(--Black, #231F20);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.job__info--meta--title-new {
    font-family: Nunito;
    font-size: 16px;
    color: #231F20;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.Location-Contract {
    display: flex;
    padding: 5px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.job__info--location {
    display: flex;
    align-items: center;
    gap: 6px;
}

span.job__info--meta--title-location {
    color: var(--Black, #231F20);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.job__info--contract-type {
    display: flex;
    align-items: center;
    gap: 6px;
}

span.job__info--meta--title-contract {
    color: var(--Black, #231F20);
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.job__info--meta--info-Industry {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    align-self: stretch;
}

.job__info--meta--title-Industry {
    flex: 1 0 0;
    color: #585755;
    font-family: Nunito;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


@media only screen and (max-width: 768px) {
    .job.predefiendJobCards.slick-slide.slick-current.slick-active {
        display: flex;
        width: 353px;
        align-items: flex-start;
        gap: 15px;
    }
}



.ion-ios-heart:before {
    font-size: 29px;
    position: relative;
    top: -4px;
}

.ion-ios-heart-outline:before {
    font-size: 29px;
    position: relative;
    top: -4px;
    color: #585755;
}

.job.viewedJobCards.slick-slide.slick-active {
    border-radius: 15px;
    border: 1px solid rgba(150, 140, 131, 0.20);
    background: var(--White, #FFF);
}

@media only screen and (min-width: 768px) {
    section.meta-date-new-job-card {
        height: 20px;
    }
}

.job.similarJobCards.job-card {
    border-radius: 15px;
    border: 1px solid rgba(150, 140, 131, 0.20);
    background: var(--White, #FFF);
}

@media only screen and (max-width: 768px) {
    .job__info_new {
        width: 330px;
    }

    .jobs .similarJobCards.job.job-card {
        width: 330px;
    }
}

/** JO  **/

 #container-banner-JO {
     position: relative;
 }
#text-banner {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
}

#text-cta-banner {
    position: absolute;
    bottom: 13px;
    left: 15px;
    color: #fff;
    gap: 30px;
}

.text-celebration {
    font-family: Houschka Head;
    font-size: 24px;
    font-weight: 700;
}

.text-france {
    font-family: Houschka Head;
    font-size: 20px;
    font-weight: 500;
}

.text-collectif {
    font-family: Nunito;
    font-size: 20px;
    font-weight: 700;
    margin: 0 !important;
}

#img-mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    #img-mobile {
        display: block;
    }

    #text-cta-banner {
        position: absolute;
        bottom: 13px;
        left: 10px;
        right: 5px;
        color: #fff;
        gap: 5px;
    }

    .text-collectif {
        width: 57%;
    }
}

/**JO **/

 #le-club-logo {
     padding: 10px 0px;
 }

h3.ServicesTabs {
    font-weight: 600;
}

.df-column .img-container {
    min-height: 110px;
}

.multi-bloc-container.four-blocs {
    display: flex;
    justify-content: center;
}

.multi-bloc-container.four-blocs .display-flex {
    display: flex;
    flex-direction: column;
}

.multi-bloc-container.four-blocs .display-flex .cta-container {
    margin-top: auto;
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
    .multi-bloc-container.four-blocs .display-flex h4 {
        font-size: 16px;
    }
}