/* style dev  */

@charset "UTF-8";
.search-advanced [class*="col-"] {
    margin-bottom: 10px !important;
}

.search-advanced .container-check {
    display: flex;
    flex-wrap: wrap;
}

.search-advanced .offer-search {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* select custum */

.custom-select {
    min-width: 200px;
    cursor: pointer;
}

.bloc-separator {
    margin-top: 20px;
}

.bloc-separator h3 {
    color: #232558 !important;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.bloc-separator.profession-container {
    margin-bottom: 40px;
}

.bloc-separator.profession-container a {
    margin-bottom: 20px;
    display: block;
}

.mb-153 {
    margin-bottom: 153px;
}

.btn-icone a,
.btn-icone span {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    width: auto;
    padding: 8px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #005795;
    white-space: nowrap;
}

.btn-icone a svg,
.btn-icone span svg {
    height: 15px;
    margin-right: 5px;
}


/*.btn-icone a:hover,*/


/*.btn-icone span:hover {*/


/*opacity: .7;*/


/*}*/

.btn-icone a:hover svg,
.btn-icone span:hover svg {
    fill: #fff;
}

.btn.btn-secondary img {
    height: 15px;
}

.theme-candidat .btn-secondary,
.theme-candidat .btn-secondary:active {
    color: #FF531F;
    border-color: #FF531F;
}

.theme-candidat .btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    color: #ffffff;
}

.menu-mobile-top {
    position: relative;
}

.menu-mobile-top .menu-secondary {
    position: absolute;
    width: calc(33.333333% - 15px);
    left: 0;
    top: 0;
}

.menu-mobile-top .mt-350 {
    margin-top: 350px;
}

.height-auto {
    height: auto !important;
}


/* end number  candidat   */

.delate svg {
    width: 15px;
}


/* filter chips badge */

.filter-chips {
    align-items: center;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.filter-chips .title-filter-chips {
    white-space: nowrap;
    margin-bottom: 10px;
}

.filter-chips .body-filter-chips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}

.filter-chips span {
    font-family: "Montserrat-regular", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 20px;
}

.filter-chips .title-filter-chips span {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    margin-bottom: 5px;
}

.badge {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: 24px;
    padding: 0 26px 0 10px;
    margin: 0 12px 10px 0 !important;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 12px;
}

.badge a {
    position: absolute;
    display: inline-block;
    right: 9px;
    top: 50%;
    transform: translateY(-4px);
    width: 9px;
    height: 9px;
    opacity: 0.9;
    background: url('../modules/apec-jahia-module/assets/css/angular/offres/../../../img/edito/icone/close.svg') no-repeat center center;
    text-indent: -9999px;
}

.badge.badge-light {
    background: transparent;
    border: 1px solid #232558;
    color: #232558;
}

.badge.badge-light a {
    color: #232558;
    margin-left: 10px;
}

.badge.badge-danger {
    background: transparent;
    border: 1px solid #fdc300;
    color: #232558;
}

.badge.badge-danger a {
    color: #232558;
    margin-left: 10px;
    background: url('../modules/apec-jahia-module/assets/css/angular/offres/../../../img/edito/icone/close.svg') no-repeat center center;
}


/* end filter chips badge */


/* search start  style cancel btn */

input[type=search] {
    padding-right: 5px;
}

input[type=search]::-webkit-search-cancel-button {
    background: url("../modules/apec-jahia-module/assets/css/angular/offres/../../../../img/edito/icone/cancel.svg") no-repeat center;
    -webkit-appearance: none;
    /* Now your own custom styles */
    height: 12px;
    width: 12px;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    display: block;
}


/* icone btn ENREGISTRER LA RECHERCHE  */

.link-icone {
    font-family: "Montserrat-Regular", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.link-icone svg,
.link-icone img {
    height: 20px;
    width: 20px;
    margin-right: 7px;
}


/* end  btn ENREGISTRER LA RECHERCHE  */

.sortby .custom-select {
    height: auto;
    min-width: auto;
    width: auto;
    padding: 0 2rem;
}

.sortby .form-group {
    margin: 0;
}

.sortby .form-group select {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    background: transparent url("../modules/apec-jahia-module/assets/css/angular/offres/../../../img/edito/icone/select.png") no-repeat;
    background-position: center right;
    border: none;
    padding-right: 34px;
}

.filter-serch-offer .card {
    background: #F7F7F7;
    height: auto;
    width: 100%;
}

.page-item.active .page-link {
    background: #FF531F;
    color: #ffffff !important;
    font-weight: bold;
}

.filter-serch-offer .number-candidat {
    align-items: center !important;
    white-space: unset;
}

.filter-serch-offer .head-filter-search {
    cursor: pointer;
    padding: 4px 24px;
    height: 50px;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s;
}

.head-filter-search:hover {
    color: #FF531F;
}

.filter-serch-offer .head-filter-search img {
    height: 18px;
    margin-right: 6px;
}

.filter-serch-offer .body-filter-search {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 100% !important;
    border-top: 1px solid #7997AF;
}

.filter-serch-offer .body-filter-search .link-icone {
    margin-bottom: 10px;
}

.filter-serch-offer .head-filter-search {
    cursor: pointer;
    padding: 4px 24px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-serch-offer .head-filter-search svg {
    height: 18px;
    margin-right: 6px;
}

.filter-search-offer .filter-search .filter-btn {
    color: #232558;
    padding-left: 0;
    padding-right: 20px;
    display: block;
    position: relative;
    width: calc(100% - 10px);
    text-align: left;
    text-transform: none;
}

.filter-search-offer .filter-search .filter-btn:first-child {
    margin-top: 0 !important;
}

.filter-search-offer .filter-search .filter-btn::after {
    content: "";
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 10px;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    background: url(../modules/apec-jahia-module/assets/css/angular/offres/../../../img/edito/candidat/chevron-r.svg) no-repeat center;
}

.filter-search-offer .filter-search .filter-btn:hover::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.filter-search-offer .filter-search .filter-btn.collapsed::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.filter-tree {
    margin: 0;
    padding: 0;
    line-height: 25px;
}

.filter-level {
    display: block;
    font-size: 12px;
}

.filter-level-2 {
    padding-left: 12px;
}

.filter-level-3 {
    padding-left: 24px;
}

.filter-level-4 {
    padding-left: 36px;
}


/*
.filter-tree .filter-level1 {
    margin-bottom: 8px;
}
.filter-tree .filter-level3 {
    background: #f2f2f2;
    padding: 3px;
} */

.filter-tree ul,
.filter-tree li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.filter-tree ul .tree-parent-filter,
.filter-tree li .tree-parent-filter {
    padding-left: 5px;
}

.filter-tree ul .container-tree-filter,
.filter-tree li .container-tree-filter {
    padding-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
}

.filter-tree ul .container-tree-filter li,
.filter-tree li .container-tree-filter li {
    margin-top: 10px;
}

.mb-96 {
    margin-bottom: 96px;
}

.show[aria-expanded=false] .filter-tree {
    display: none;
}

.theme-candidat .offer-search .offer-form button[type="submit"] {
    background-color: #FDC300;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    height: 50px;
    width: 60%;
    margin-right: 15px;
}


/* FORM */


/* .form-group .custom-select {
    background: #fff url("../modules/apec-jahia-module/assets/css/angular/offres/../../../../img/edito/icone/chevr") no-repeat;
} */

.card-offer .card-offer__text {
    width: calc(100% - 75px);
}

.card-offer .card-offer__text .card-offer__company {
    text-transform: uppercase;
    color: #FF531F;
}

.card-offer .card-offer__text .card-offer__salaire {
    margin-left: 20px;
    fill: #7997AF;
}

.card-offer .card-offer__text .card-title {
    width: calc(100% - 55px);
}

.card-offer .card-offer__text .card-title,
.card-offer .card-offer__text .card-title a {
    text-transform: none;
    color: #232558;
}

.card-offer.card-offer--qualified::after {
    content: url(../modules/apec-jahia-module/assets/css/angular/offres/../../../img/angular/offres/oqa-small.png);
    position: absolute;
    top: 20px;
    right: 20px;
}

.form-group.offer-form__input-container {
    position: relative;
}

.autocomplete-items {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 91px;
    background: #fff;
    left: 15px;
    right: 15px;
    border: none;
    padding: 0;
    z-index: 1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rayon-items {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    position: absolute;
    top: 36px;
    background: #fff;
    right: 0;
    border: none;
    padding: 0;
    z-index: 2;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rayon-items.rayon-items-recherche_avancee {
    top: 50px;
}

.rayon-items li {
    border-top: 1px solid #f7f7f7 !important;
    margin: 0;
    list-style: none;
    color: #232558;
    line-height: 24px;
    font-size: 12px;
}

.rayon-items li a {
    cursor: pointer;
    display: block;
    padding: 10px;
}

.rayon-close_icon {
    border: 0;
    background: none;
    outline: none;
}

.autocomplete-items--locations {
    top: 60%;
}

.autocomplete-items li {
    border-top: 1px solid #f7f7f7 !important;
    margin: 0;
    list-style: none;
    color: #232558;
    line-height: 24px;
    font-size: 12px;
}

.autocomplete-items li a {
    cursor: pointer;
    display: block;
    padding: 5px 0 0 50px;
}

.autocomplete-items li p {
    background-color: rgba(0, 0, 0, 0.04);
    font-weight: bold;
    font-size: 14px;
    padding: 8px 50px;
    margin: 0;
}

.autocomplete-items li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.container-details-offer aside h4 {
    color: #232558;
    text-transform: initial;
}

.card-offer .details-post h4 {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #232558;
    margin-bottom: 10px;
}

.card-offer .details-post {
    margin-bottom: 20px;
    margin-top: 20px;
}

.datetimepicker-input {
    cursor: pointer;
}


/* offre resulta search */

.details-offer {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.details-offer li svg {
    height: 15px;
    margin-right: 8px;
    fill: #7997AF;
}

.card-offer .card-offer__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 85px;
}

.card-offer .card-offer__detail div {
    display: flex;
    margin-right: 20px;
    color: #7997AF;
    font-size: 16px;
    font-size: 1.6rem;
}

.card-offer .card-offer__logo {
    width: fit-content;
    height: fit-content;
    max-width: 68px;
    max-height: 68px;
    margin-right: 15px;
    margin-bottom: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* background: #fbfafa; */
}

.card-offer__logo figure img {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #edf7f7;
    border-style: solid;
    border-width: 1px;
    max-width: 100%;
    max-height: 70px;
}

.card-container .card-offer-search {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 30px;
}

.details-offer.important-list li:last-child {
    min-width: inherit !important;
}

.card-container .card-find-resume {
    width: 182px;
    height: 100%;
    margin-right: 30px;
    text-align: center;
}

.card-container .card-profile {
    width: 288px;
    text-align: center;
}

.card-container .card-user-profile {
    height: 100%;
}

.card-container .card-user-profile .card-user-profile__consultation {
    border-top: 1px solid #edf7f7;
    padding: 20px;
}

.card-container .card-user-profile .card-user-profile__consultation p {
    margin-bottom: 0;
}

.card-container .card-user-profile .card-user-profile__consultation p span {
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 10px;
}

.background-img {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.faq-container .mb-30 {
    margin-bottom: 26px;
}

.container-image-society {
    height: 118px;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.card-society-details {
    position: relative;
    margin-top: 40px;
}

.call-to-action.links-offers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.call-to-action .call-to-action__container .number-offers {
    font-family: "Roboto-Regular", Verdana, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 7px;
}

.container-society {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.container-society .localisation {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
}

.container-society .container-society-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
}

.container-society .container-society-infos {
    margin-left: 12px;
}

.enterprise {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}

.enterprise::before,
.enterprise::after {
    background-color: rgba(27, 55, 68, 0) !important;
}

.card-body .row .mb-15 {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.announcement-button {
    position: absolute;
    top: 86px;
    z-index: 2;
}

.card-text.centered {
    text-align: center;
}

.card-text.centered p {
    font-size: 16px;
    font-size: 1.6rem;
}

.card-text.center-offers .call-to-action__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.card-text.center-offers .call-to-action__container .number-offers {
    font-size: 21px;
    font-size: 2.1rem;
    margin: 0 7px;
}

.card-text.center-offers .call-to-action__container .small-link {
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
}

.center-info {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}


/* CARD */

.article {
    height: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.article .article-l {
    overflow: hidden;
    -webkit-box-flex: 40%;
    -webkit-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.article .article-l img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    display: none;
}

.article .article-r {
    -webkit-box-flex: 60%;
    -webkit-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
}

.article .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
}

.article .author-container {
    margin-bottom: 30px;
}

.article h2 {
    text-transform: none;
}

.article .article-r {
    padding: 20px;
}

a .card {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wrapper-card-corner {
    position: relative;
}

.wrapper-card-corner::before {
    content: "";
    background: url(../modules/apec-jahia-module/assets/css/angular/offres/../../../../img/edito/corner.png);
    position: absolute;
    z-index: 10;
    right: -2px;
    top: -2px;
    height: 37px;
    width: 37px;
    -webkit-background-size: cover;
    background-size: cover;
}

.card.announcement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.card.card-corner {
    width: calc(100% - 34px);
    overflow: visible;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.card.card-corner::before {
    content: '';
    height: calc(100% - 34px);
    width: 36px;
    background-color: #ffffff;
    right: -35px;
    position: absolute;
    top: 34px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
}

.card.card-corner:after {
    content: '';
    content: '';
    height: 52px;
    width: 36px;
    position: absolute;
    top: 4px;
    right: -23px;
    position: absolute;
    border-top: 36px solid transparent;
    border-right: 36px solid transparent;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.card.card-corner:hover {
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.card.card-corner .card-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-items: self-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.card.card-corner .card-body .card-subtitle {
    text-align: left;
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.card.mnh-190 {
    min-height: 190px;
}

.card .card-subtitle {
    margin-top: 0;
}

.card .card-body {
    padding: 20px;
}

.card .card-body .minus {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card .card-body .minus li {
    line-height: 24px;
    line-height: 2.4rem;
}

.card .card-body .minus li::before {
    content: '- ';
}

.card .card-bg {
    min-height: 130px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.card .card-bg .card-title {
    color: #ffffff;
    z-index: 1;
    margin-bottom: 0;
}

.card .card-bg::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(27, 55, 68, 0.5);
}

.card .card-bg.card-bg-additional {
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 15px;
}

.card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card-container .card {
    height: auto;
}

.back-icon {
    cursor: pointer;
}

aside .card-transaction .transaction-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

aside .card-transaction .transaction-details h2 {
    margin-right: 10px;
}

.card-body .row .mb-15 {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
}

.container-pub {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    overflow: unset;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.container-pub:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 13px;
    right: 7px;
    width: 75%;
    top: 0;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.container-pub:hover:before {
    -webkit-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.container-pub .contaner-image {
    position: relative;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.container-pub .text-pub {
    padding: 20px 20px 10px 20px;
}

.container-pub .text-pub a {
    margin-top: 10px;
}

.container-pub img {
    width: auto !important;
    height: auto;
}

.container-pub .pub-msg {
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    padding: 10px;
    padding: 10px 20px;
    color: #232558;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    text-align: center;
}

.nav-page {
    display: block !important;
    height: 30px;
    position: relative;
}

.nextpage,
.prevpage {
    position: absolute;
    color: #232558 !important;
}

.nextpage {
    right: 0;
}

.prevpage {
    left: 0;
}


/* partager article */

.card-head__menu {
    width: 12px;
    height: 24px;
    position: absolute;
    right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
}

.card-share {
    background-color: white;
    border-radius: 4px;
    padding: 16px;
    min-width: 200px;
}

.card-share-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
}

.card-share-list {
    padding: 0;
    margin: 0;
}

.card-share .share-button:not(:last-child) {
    margin-bottom: 16px;
}

.share-button a {
    align-items: flex-end;
    display: flex;
}

.card-share svg {
    height: 20px;
    width: 20px;
    margin-right: 12px;
}

.card-head__menu .share-link {
    cursor: pointer;
    background: #fff;
}

.card-head__menu .share-container {
    display: none;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
}

.card-share:not(.card-no-shadow) {
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
}

.card-body .ref-offre,
.card-body .date-offre {
    color: #7997AF;
    margin-bottom: 20px;
}

.details-offer-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.details-offer-list li {
    margin: 0;
    padding: 0;
    margin-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
}

.details-offer-list li::before {
    content: "";
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #232558;
    margin-right: 5px;
}

@media (max-width: 1199px) {
    .number-candidat {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .card-teaser-picto img {
        height: 25px !important;
    }
}

@media (max-width: 991px) {
    .small-size.mb-96 {
        margin-bottom: 20px;
    }

    .filter-chips {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .card-offer.card-offer--qualified {
        padding-bottom: 30px !important;
    }

    .card-offer.card-offer--qualified::after {
        top: auto !important;
        bottom: 10px !important;
    }

    .btn-icone {
        height: 44px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pictoAlertEmail {
        font-size: 0 !important;
    }

    .block-erreur {
        flex-direction: column;
    }

    .container-details-offer .block-erreur .block-erreur-container,
    .container-details-offer .block-erreur .block-erreur-container-img {
        width: 100% !important;
    }
}

/* checkbox */

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-inline,
.checkbox label {
    position: relative;
    padding-left: 20px;
}

.radio label,
.checkbox label {
    position: relative;
}

.checkbox-inline span::before,
.checkbox-inline span::after,
.checkbox label span::before,
.checkbox label span::after,
.radio label span::before,
.radio label span::after,
.radio label b::before,
.radio label b::after,
.radio label a::before,
.radio label a::after,
.radio-inline span::before,
.radio-inline span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-inline input:focus ~ span::before,
.checkbox label input:focus ~ span::before,
.radio label input:focus ~ span::before,
.radio label input:focus ~ b::before,
.radio label input:focus ~ a::before,
.radio-inline input:focus ~ span::before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(128, 169, 245, .25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(128, 169, 245, .25);
}

.checkbox-inline span::after,
.checkbox label span::after,
.radio label span::after,
.radio label b::after,
.radio label a::after,
.radio-inline span::after {
    width: 9px;
    height: 9px;
    top: 3px;
    left: 3px;
}

.checkbox-inline input:disabled ~ span::before,
.checkbox label input:disabled ~ span::before,
.checkbox-inline input:disabled ~ span::after,
.checkbox label input:disabled ~ span::after,
.radio label input:disabled ~ span::before,
.radio label input:disabled ~ b::before,
.radio label input:disabled ~ a::before,
.radio label input:disabled ~ span::after,
.radio label input:disabled ~ b::after,
.radio label input:disabled ~ a::after,
.radio-inline input:disabled ~ span::before,
.radio-inline input:disabled ~ span::after {
    opacity: 0.25;
}

.checkbox-inline input:not(:checked) ~ span::after,
.checkbox label input:not(:checked) ~ span::after {
    background: none !important;
}

.radio label span::before,
.radio label span::after,
.radio label b::before,
.radio label b::after,
.radio label a::before,
.radio label a::after,
.radio-inline span::before,
.radio-inline span::after {
    border-radius: 15px;
}

.radio label span::after,
.radio label b::after,
.radio label a::after,
.radio-inline span::after {
    border-radius: 100%;
}

.checkbox-inline span::before,
.checkbox label span::before,
.radio label span::before,
.radio label b::before,
.radio label a::before,
.radio-inline span::before {
    border: 1px solid #7997af;
}

.checkbox-inline input:checked ~ span::after,
.checkbox label input:checked ~ span::after,
.radio label input:checked ~ span::after,
.radio label input:checked ~ b::after,
.radio label input:checked ~ a::after,
.radio-inline input:checked ~ span::after {
    background-color: #7997af;
}

.include-partenaires {
    padding-left: 19px;
}


/*! nouislider - 11.1.0  */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: #cccccc;
}


/* Wrapper for all connect elements.
 */

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}


/* Offset direction
 */

html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}


/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}


/* Slider size and handle placement;
 */

.noUi-horizontal {
    height: 6px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}


/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 2px;
}

.noUi-connect {
    background: #026096;
}

.noUi-handle {
    top: -7px;
    z-index: 3;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background-color: #026096;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}


/* Handle stripes;
 */

.noUi-handle-upper:after {
    position: absolute;
    top: -3px;
    left: 5px;
    content: '+';
    color: #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}

.noUi-handle-lower:after {
    position: absolute;
    top: -3px;
    left: 7px;
    content: '-';
    color: #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 19px;
}


/* Disabled state;
 */

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}


/* Base;
 *
 */

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}


/* Values;
 *
 */

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* rubrique compétence à ajouter */

.bg-padlock-close {
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}


/* modifs class global input form from _angularjs/_general.scss */
.form-group {
    margin: 0;
}

.form-group input[type="text"] {
    border: 1px solid #7997af;
    border-radius: 5px;
    margin: 0;
}

.form-group.offer-form__input-container input[type="text"] {
    border: none;
}


/*SKILLS COLLAPSE*/

/*language*/
input#inputHiddenContent, #inputShownContent {
    display: none;
}

span#spanHiddenContent {
    display: none;
}

input#inputShownContent:checked ~ span#spanHiddenContent {
    display: block;
}

input#inputHiddenContent:checked ~ span#spanHiddenContent {
    display: none;
}

input#inputShownContent:checked ~ #seeMore label {
    display: none;
}

/*knowhow*/
input#inputHiddenContent2, #inputShownContent2 {
    display: none;
}

span#spanHiddenContent2 {
    display: none;
}

input#inputShownContent2:checked ~ span#spanHiddenContent2 {
    display: block;
}

input#inputHiddenContent2:checked ~ span#spanHiddenContent2 {
    display: none;
}

input#inputShownContent2:checked ~ #seeMore label {
    display: none;
}

/*knowledge*/
input#inputHiddenContent3, #inputShownContent3 {
    display: none;
}

span#spanHiddenContent3 {
    display: none;
}

input#inputShownContent3:checked ~ span#spanHiddenContent3 {
    display: block;
}

input#inputHiddenContent3:checked ~ span#spanHiddenContent3 {
    display: none;
}

input#inputShownContent3:checked ~ #seeMore label {
    display: none;
}

.details-post .added-skills-container {
    border: none;
    padding: 0 !important;
    display: block;
}

.details-post label {
    cursor: pointer;
}

.details-post #seeMore > p {
    text-align: center;
}

.details-post #spanHiddenContent > p {
    text-align: center;
}

.details-post #spanHiddenContent2 > p {
    text-align: center;
}

.details-post #spanHiddenContent3 > p {
    text-align: center;
}


.details-post label span {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;

}

.flex-collapse {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.flex-collapse > p {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pictoQuestion {
    background: #232558;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
}

.pictoQuestion::before {
    content: '?';
    padding-top: 1px;
    color: #ffffff;
    font-family: 'Roboto-Medium', Arial, Helvetica, sans-serif;
}

form .pictoQuestion,
form .pictoPlus,
form .pictoMoins {
    margin-top: 9px !important;
}

.theme-candidat .pictoQuestion {
    /*background-color: #FF531F;*/
}

.skills-manager-subtitle button.pictoQuestion {
    margin-top: 0px !important;
    margin-left: 15px;
}

/* MCOSI-35295 */
.theme-candidat .offer-form-container .autocomplete-items {
    border: 1px solid #232558;
    font-family: Montserrat-Regular, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
}

@media screen and (min-width: 769px) {
    .theme-candidat .offer-form-container .autocomplete-items {
        width: 350px;
        left: 30px;
    }
}

@media screen and (min-width: 769px) {
    .theme-candidat .offer-form-container .autocomplete-items--locations {
        position: absolute;
        width: 280px;
        left: calc(33% + 30px);
        top: 90px;
    }
}

.theme-candidat .offer-form-container .autocomplete-items li {
    border: none !important;
}

.theme-candidat .offer-form-container .autocomplete-items li p {
    background-color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
}

.theme-candidat .offer-form-container .autocomplete-items a {
    padding: 10px;
}

.theme-candidat .offer-form-container .autocomplete-items a:hover,
.theme-candidat .offer-form-container .autocomplete-items a:active,
.theme-candidat .offer-form-container .autocomplete-items a:focus {
    background-color: #fdc300;
}
#map {
    z-index: 5;
    width: 300px !important;
    height: 300px !important;;
}

.error-link {
    background-image: url('../modules/apec-jahia-module/assets/css/angular/offres/../../../img/angular/core/icons/icon_warning.png');
    background-repeat: no-repeat;
    color: #ff0000;
    font-size: 14px;
    line-height: 25px;
    padding-left: 25px;
    min-height: 18px;
    cursor: pointer;
}

.error-link:hover {
    text-decoration: underline;
}

.share-icon {
    cursor: pointer;
    height: 16px;
}

.leaflet-bar {
    border: 0 !important;
    border-radius: 15px !important;
}

.leaflet-control-custom {
    padding: 0 10px;
    width: 100% !important;
    color: #0078A8 !important;
    font-family: "Montserrat-SemiBold",Verdana,Arial,sans-serif;

    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}

.similar-offers-icon {
    height: 15px;
    margin-right: 8px;
    width: 20px;
}

.details-offer-list li {
    white-space: pre;
}

.container-details-offer .block-erreur-container:first-child {
    width: 40%;
}
.container-details-offer .block-erreur-container:last-child,
.container-details-offer .block-erreur .block-erreur-container-img {
    width: 60%;
}

.already-applied {
    width: 100%;
}

.conseil {
    font-style: italic;
    padding: 0 15px;
    position: relative;
}

.conseil::before,
.conseil::after {
    content: '';
    width: 11px;
    height: 8px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}

.conseil::before {
    background-image: url('../modules/apec-jahia-module/assets/css/angular/offres/../../../img/angular/offres/quote-l.svg');
    left: 0;
    top: 0;
}

.conseil::after {
    background-image: url('../modules/apec-jahia-module/assets/css/angular/offres/../../../img/angular/offres/quote-r.svg');
    right: 0;
    bottom: 0;
}

.actions p {
    margin-left: 10px;
    text-decoration: underline;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.actions .small-link {
    margin: 0;
}

.actions strong, .mr-12 {
    margin-right: 12px;
}

.btn-secondary svg {
    height: 20px;
}

.btn-secondary:hover svg {
    fill: white;
}

.next-icon {
    height: 14px !important;
    margin-right: 8px;
}

.card--clickable {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.prevpage--disabled {
    opacity: 0;
    pointer-events: none;
}

.list-offers > div {
    display: flex;
}

.back-icon {
    cursor: pointer;
}

.card.card-ents {
    height: auto;
    width: 300px;
}

.card-ents-quote {

}

.card-ents .quote-beginning {
    margin-right: 2px;
}

.card-ents .quote-ending {
    margin-left: 2px;
}

.list-hzt {
    display: flex;
    align-items: center;
}

.card-ents-logo {
    margin-right: 20px;
    width: 64px;
}

.card-ents-logo img {
    width: 100%;
}

.card-ents .ents-name {
    font-size: 16px;
    color: #232558;
    font-weight: bold;
    padding-bottom: 10px;
}

.card-ents .card-title {
    text-transform: none;
}

/**
* Table style : classes Bootstrap 
* .table-hover : effet hover sur les lignes
* .table-striped : alternance de couleur entre les lignes
* .table-responsive : classe à mettre en parent de <table> pour gérer le responsive
* .sortable : à mettre sur un <th> à trier
*/

.table-apec .table {
    margin-bottom: 0;
}

.table-apec .table thead tr {
    height: 56px;
}

.table-apec .table tbody tr {
    height: 48px;
}

.table-apec .table tbody td {
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 16px;
}

.table-apec .table thead th {
    border-bottom: none;
    vertical-align: middle;
    text-transform: uppercase;
    padding-left: 16px;
    padding-right: 16px;
}

.table-apec .table th {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

.table-apec .table th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

/* SORTING */

.table-apec .table thead th.sortable {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
}

.table-apec .table thead th.sortable::before {
    content: '';
    position: absolute;
    bottom: calc(50% - 10px);
    left: 16px;
    display: block;
    width: 11px;
    height: 18px;
    opacity: 0.3;
    background: url('../modules/apec-jahia-module/assets/css/angular/../../img/angular/core/icons/sort-down.svg') no-repeat;
    background-size: contain;
}

.table-apec .table thead th.sortable::after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: 16px;
    display: block;
    width: 11px;
    height: 18px;
    opacity: 0.3;
    background: url('../modules/apec-jahia-module/assets/css/angular/../../img/angular/core/icons/sort-up.svg') no-repeat;
    background-size: contain;
}

.table-apec .table thead th.sortable.orderAsc::after {
    opacity: 1;
}

.table-apec .table thead th.sortable.orderDesc::before {
    opacity: 1;
}

/* THEME */

.theme-candidat .table-apec .table th{
    background-color: #232558;
}
.theme-candidat .table-apec .table th a {
    color: #fff;
}

.theme-candidat .table-apec .table td a {
    color: #232558;
}

.theme-candidat .table-apec .table td a:hover {
    color: #232558;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .table-echanges { width:auto; }
}
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
@charset "UTF-8";
/* NEUTRALS */
/*#f7f4ee*/
/* GREY */
/* BLUE + VIOLET */
/* YELLOW */
/* GREEN */
/* RED + PINK + ORANGE + BEIGE */
/* Shadow */
/* Slidetoggle */
/*****************************************/
/* Code réellement utilisée (27/11/2019) */
/*****************************************/
.modal-backdrop {
  background-color: #011b1f !important;
  opacity: 0.7 !important;
  z-index: 1040 !important;
}

.comp_popin .modal-content {
  border-radius: 5px;
  border: none;
  position: relative; }

.comp_popin .modal-dialog {
  max-width: 600px; }

.comp_popin .modal-header {
  padding: 20px 40px 20px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px; }

.rdv-modal-header {
  background-color: #232558 !important; }

.comp_popin .modal-header h2 {
  font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
  display: inline-block; }

.comp_popin .modal-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.comp_popin .modal-header .close {
  margin: 0;
  opacity: 1;
  position: absolute;
  right: 10px; }

.comp_popin .modal-header .close::before {
  display: block;
  content: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/edito/icone/close.svg"); }

.comp_popin .modal-header .close-white {
  margin: 0;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: transparent;
  border: none; }

.comp_popin .modal-header .close-white::before {
  display: block;
  content: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/edito/icone/close-white.svg"); }

.comp_popin .modal-body {
  position: relative;
  background-color: #fff;
  color: #444;
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.comp_popin .modal-body .modal-rdv-alert {
  display: flex;
  justify-content: center;
  margin: 15px;
  padding: 10px;
  background-color: rgba(255, 83, 31, 0.1); }

.comp_popin .modal-body .modal-rdv-alert .message-alert {
  font-size: 16px;
  color: #232558;
  margin-left: 12px; }

.comp_popin .modal-body p,
.comp_popin .modal-body li {
  font-size: 14px !important;
  line-height: 18px !important;
  margin-bottom: 8px; }

.comp_popin .modal-body .slide-toggle-bar + p {
  text-align: left;
  display: flex;
  align-items: center; }

.comp_popin .modal-body .slide-toggle-bar + p .pictoQuestion {
  margin-left: .5rem; }

.comp_popin .icon-modal {
  margin-right: 10px; }

.img-fluid {
  max-width: 300px !important;
  height: auto !important; }

/************************ Crée le 19/04/2018 ***********************/
/****************************** POPIN *****************************/
/*****************************************************************/
/* Popin */
.comp_popin .modal-content .button-flat-blue {
  margin: 30px 0 10px 0;
  border-radius: 25px !important; }

.comp_popin.cv-lettres .modal-content .button-flat-blue {
  margin: 30px 0 10px 0;
  background-color: #1fbcdc !important;
  border-radius: 25px !important; }

.comp_popin .modal-content hr + .text-center.clearfix .button-flat-blue {
  margin: 10px 0 10px 0; }

.comp_popin .modal-header .icon-modal.sent {
  width: 26px;
  height: 22px; }

.comp_popin .modal-header .icon-modal.sent {
  width: 26px;
  height: 22px; }

.comp_popin .fileName_highlighted {
  color: #f38237; }

.comp_popin .modal-title-highlight {
  color: #f38237;
  font-weight: 700; }

.comp_popin .buttons-group button + button {
  margin-left: 10px; }

.comp_popin .bottom-fixed-block {
  transform: translate(0, 0);
  transition: transform .3s ease-out;
  width: 600px;
  padding: 5px 30px 15px 30px;
  margin: -35px auto 0 auto;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 99999;
  display: none; }

.comp_popin .bottom-fixed-block.active {
  display: block; }

.comp_popin .bottom-fixed-block.active.pushed {
  position: fixed;
  bottom: 0;
  border-radius: 0;
  display: block;
  width: 100%;
  background-color: transparent;
  padding: 0 17px 0 0;
  /* left: 50%;
    margin-left: -300px; */
  /* -webkit-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
    box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3); */ }

.comp_popin .bottom-fixed-block.active.pushed .security-control {
  border-top: 1px solid #ccc;
  background-color: #fff;
  width: 600px;
  position: relative;
  margin: 0 auto; }

.comp_popin .bottom-fixed-block .buttons-group .back-to-top-modal {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 5px 20px !important;
  white-space: normal;
  display: none !important; }

.comp_popin .bottom-fixed-block .buttons-group .back-to-top-modal.active {
  display: block !important; }

.comp_popin .back-to-top-modal {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: none;
  background-color: #f38237;
  border: none; }

.comp_popin #cgu-block h3 {
  color: #f38237;
  text-transform: uppercase; }

.comp_popin .buttons-group .button-flat-blue + .button-flat-blue {
  margin-left: 25px; }

/********** END PUSH OFFRES **********/
.comp_popin .rdv-next-steps {
  padding-left: 0 !important;
  margin-top: 15px; }

.comp_popin .rdv-next-steps li {
  position: relative;
  list-style: none;
  padding-left: 40px; }

.comp_popin .rdv-next-steps li:not(:last-child) {
  margin-bottom: 15px; }

.comp_popin .rdv-next-steps li::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -21px;
  font-weight: 100;
  font-size: 30px;
  color: #ababab; }

.comp_popin .rdv-next-steps li:nth-child(1)::before {
  content: "1"; }

.comp_popin .rdv-next-steps li:nth-child(2)::before {
  content: "2"; }

.comp_popin .rdv-next-steps li:nth-child(3)::before {
  content: "3"; }

/* Matching CV */
.matching-cv .comp_popin .modal-header .icon-modal {
  padding-top: 0; }

.matching-cv .comp_popin .modal-header h2 {
  padding-top: 8px !important; }

.comp_popin .modal-title-highlight {
  color: #f38237;
  font-weight: 700; }

.comp_popin .rdv-next-steps {
  padding-left: 0 !important;
  margin-top: 15px; }

.comp_popin .rdv-next-steps li {
  position: relative;
  list-style: none;
  padding-left: 40px; }

.comp_popin .rdv-next-steps li:not(:last-child) {
  margin-bottom: 15px; }

.comp_popin .rdv-next-steps li::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -21px;
  font-weight: 100;
  font-size: 30px;
  color: #ababab; }

.comp_popin .rdv-next-steps li:nth-child(1)::before {
  content: "1"; }

.comp_popin .rdv-next-steps li:nth-child(2)::before {
  content: "2"; }

.comp_popin .rdv-next-steps li:nth-child(3)::before {
  content: "3"; }

/* Matching CV */
.matching-cv .comp_popin .modal-header .icon-modal {
  padding-top: 0; }

.matching-cv .comp_popin .modal-header h2 {
  padding-top: 8px !important; }

/* Popin conditions générales d'utilisation */
#candidature-cgu.comp_popin .modal-dialog {
  width: 1170px; }

#candidature-cgu.comp_popin .modal-body {
  padding: 30px 30px 150px 30px; }

#candidature-cgu.comp_popin .modal-body h3 {
  color: #f38237;
  text-transform: uppercase; }

#candidature-cgu.comp_popin .modal-body h4 {
  margin: 10px 0; }

#candidature-cgu.comp_popin .modal-body p {
  margin: 20px 0; }

#candidature-cgu.comp_popin .modal-body .apecCenter-address {
  width: 100%;
  margin: 30px auto; }

#candidature-cgu.comp_popin #bottom-fixed-menu {
  max-width: 1170px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  display: block;
  z-index: 9999999; }

#candidature-cgu.comp_popin .results-save {
  width: 1170px;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding: 30px 20px 0 20px;
  border-top: 1px solid #f38237;
  background-color: #fff;
  -webkit-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
  box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3); }

#candidature-cgu.comp_popin .back-to-top-modal {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: none;
  background-color: #f38237;
  border: none; }

#candidature-cgu.comp_popin .btn {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 5px 20px !important;
  white-space: normal; }

/********** Ajout version grande taille **********/
.comp_popin.big-size .modal-dialog {
  width: 1170px; }

.comp_popin.big-size .modal-body {
  padding: 30px 30px 150px 30px;
  height: calc(100%);
  min-height: 100vh; }

.comp_popin.big-size .modal-body h3 {
  font-weight: 700;
  text-transform: uppercase; }

#cadres .comp_popin.big-size .modal-body h3 {
  color: #f38237; }

.comp_popin.big-size .modal-body h4 {
  margin: 10px 0; }

.comp_popin.big-size .modal-body p {
  margin: 0 0 20px 0; }

.comp_popin.big-size .modal-body .apecCenter-address {
  width: 100%;
  margin: 30px auto; }

.comp_popin.big-size #bottom-fixed-menu {
  max-width: 1170px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  display: block;
  z-index: 9999999; }

.comp_popin.big-size .results-save {
  width: 1170px;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  padding: 30px 20px 0 20px;
  border-top: 1px solid #f38237;
  background-color: #fff;
  -webkit-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3);
  box-shadow: 0px -4px 20px rgba(50, 50, 50, 0.3); }

.comp_popin.big-size .back-to-top-modal {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: none;
  background-color: #f38237;
  border: none; }

.comp_popin.big-size .btn {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 5px 20px !important;
  white-space: normal; }

.comp_popin .idea-block {
  color: #ABABAB;
  font-style: italic;
  padding-left: 40px;
  margin-top: 0;
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/icons/icon_idea.png") no-repeat center left;
  background-size: 33px 33px;
  margin-bottom: 0; }

.comp_popin .idea-block .idea-title {
  color: #444;
  font-style: normal;
  font-weight: 400;
  display: block; }

.comp_popin .idea-block .idea-content {
  color: #ABABAB;
  font-style: normal;
  font-weight: 400;
  display: block; }

.comp_popin .idea-block .idea-title + .idea-content {
  font-style: italic; }

.comp_popin .idea-block .idea-content.error-detected {
  color: #FF0000; }

.comp_popin hr {
  background: none;
  border-bottom: 1px solid #d8d8d8; }

.comp_popin .fonctions-list {
  margin-top: 30px; }

.comp_popin .category:not(:last-child) {
  margin-bottom: 30px; }

.comp_popin .modal-body .filter-category {
  float: left;
  margin-right: 80px; }

.comp_popin #accordion-maps .panel-title a::before {
  content: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/candidapec/icons/select-black.png");
  position: relative;
  right: 5px;
  bottom: 2px; }

.comp_popin #accordion-maps #regions-list,
.comp_popin #accordion-maps .filter-category {
  margin-top: 15px; }

.comp_popin #accordion-maps .panel {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.comp_popin #accordion-maps .checkbox {
  padding-left: 20px;
  margin-bottom: 5px; }

.comp_popin #accordion-maps .panel-title a.collapsed::before {
  content: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/icons/select-vertical-orange.png");
  position: relative;
  right: 5px;
  bottom: 2px; }

/**********  Cartes **********/
.comp_popin .linemap {
  width: 100%;
  height: 205px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block; }

.comp_popin .linemap.france {
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_france.png") no-repeat center left;
  background-size: auto 205px; }

.comp_popin .linemap.ue {
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_ue.png") no-repeat center left;
  background-size: auto 205px; }

.comp_popin .linemap.world {
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_world.png") no-repeat center left;
  background-size: auto 205px; }

.comp_popin .linemap .title-map {
  display: none; }

.comp_popin label {
  margin-top: 0;
  gap: 1rem; }

.comp_popin .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .comp_popin .bottom-fixed-block.active.pushed {
    padding: 0 0 0 0; }
  .comp_popin .idea-block {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/icons/icon_idea@2x.png") no-repeat center left;
    background-size: 33px 33px; }
  .comp_popin .linemap.france {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_france@2x.png") no-repeat center left;
    background-size: auto 205px; }
  .comp_popin .linemap.ue {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_ue@2x.png") no-repeat center left;
    background-size: auto 205px; }
  .comp_popin .linemap.world {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_world@2x.png") no-repeat center left;
    background-size: auto 205px; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .comp_popin .idea-block {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/icons/icon_idea@2x.png") no-repeat center left;
    background-size: 33px 33px; }
  .comp_popin .linemap.france {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_france@2x.png") no-repeat center left;
    background-size: auto 205px; }
  .comp_popin .linemap.ue {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_ue@2x.png") no-repeat center left;
    background-size: auto 205px; }
  .comp_popin .linemap.world {
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/core/maps/linemap_world@2x.png") no-repeat center left;
    background-size: auto 205px; } }

@media (max-width: 768px) {
  .comp_popin {
    padding-right: 0 !important; }
  .comp_popin .modal-dialog {
    margin: 10px; }
  .comp_popin.email-subscription .modal-dialog {
    margin-right: auto;
    margin-left: auto; }
  .comp_popin .modal-header {
    border-radius: 0; }
  .comp_popin.email-subscription .buttons-group button + button {
    /*// margin-top: 15px;*/ }
  .comp_popin .buttons-group button + button {
    display: block;
    margin: 10px auto 0 auto; }
  #candidature-cgu.comp_popin #bottom-fixed-menu {
    max-width: 100%;
    width: 100%; }
  #candidature-cgu.comp_popin .results-save {
    width: 100%; }
  /* Matching CV */
  .matching-cv .comp_popin .modal-dialog {
    height: 100%; }
  .matching-cv .comp_popin .modal-body {
    height: 100%; }
  .matching-cv .comp_popin .modal-header .icon-modal {
    padding-top: 10px; }
  /********** Ajout version grande taille **********/
  .comp_popin.big-size .modal-dialog {
    width: 100%;
    margin: 0; }
  .comp_popin.big-size #bottom-fixed-menu {
    max-width: 100%;
    width: 100%; }
  .comp_popin.big-size .results-save {
    width: 100%; }
  .comp_popin.big-size .modal-body {
    padding: 15px 15px 150px 15px; }
  /********** Fin **********/
  .comp_popin .linemap {
    display: none; }
  .comp_popin .bottom-fixed-block {
    padding: 0;
    margin: -20px auto 0 auto;
    width: 100%;
    border-radius: 0; }
  .comp_popin .bottom-fixed-block.active.pushed {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 0 0;
    border-radius: 0; }
  .comp_popin .bottom-fixed-block.active.pushed .security-control {
    width: 100%; } }

@media (max-width: 767px) {
  .comp_popin .bottom-fixed-block .buttons-group {
    margin-top: -20px; }
  .comp_popin .modal-content .button-flat-blue {
    margin-top: 15px; }
  .comp_popin .buttons-group .button-flat-blue + .button-flat-blue {
    margin-top: 15px;
    margin-left: 0; } }

.card.unavailable {
  border: 1px solid #fdc300;
  box-shadow: none; }
  .card.unavailable .card-body .card-title {
    margin-bottom: 3rem; }
  .card.unavailable img {
    width: 4.5rem;
    height: auto; }
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
/*!!!ATTENTION, CECI EST UN FICHIER GENERE DEPUIS LE REPOSITORY MAQUETTE. NE PAS MODIFIER !!!*/
@charset "UTF-8";

/************************ CAPTCHA *********************************************/
/******************************************************************************/
/******************************************************************************/

.comp_captcha {
  position: relative;
  height: auto;
  margin: 30px auto;
}
.visualHelp .comp_captcha {
  border: 1px dashed red;
}
.visualHelp .comp_captcha:before {
  content: ".comp_captcha.css"
}

.comp_captcha .captcha-title {
  font-size: 18px;
  color: #0e6c8a;
  margin-bottom: 10px;
  display: block;
  width: 100px;
}

.comp_captcha .instructions {
  margin-top: 10px;
  margin-bottom: 10px;
}
.comp_captcha .instructions p {
  display: inline-block;
  padding: 0;
  margin: 0 !important;
  margin-left: 5px !important;
}

.comp_captcha .error-found li {
  font-size: 14px;
}

.step2 .custom-checkbox-input input[type=checkbox] {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin: 0;
  display: inline-block;
  left: -20px;
  top: 8px;
}

/* Rafraîchissement du captcha */
.comp_captcha .refresh-captcha {
  width: 19px;
  height: 18px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.comp_captcha .refresh-captcha a {
  width: 19px;
  height: 18px;
  display: block;
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/candidatures/picto_refresh-captcha-over.png") no-repeat center center;
}
.comp_captcha .refresh-captcha a span {
  display: none;
}

.comp_captcha::after {
  content: " ";
  display: table;
  clear: both;
}



#human-security-control::after {
  content: " ";
  display: table;
  clear: both;
}

/* Rafraîchissement du captcha */
#human-security-control .refresh-captcha {
  width: 19px;
  height: 18px;
  display: block;
  margin-top: 10px;
}
#human-security-control .refresh-captcha a {
  width: 19px;
  height: 18px;
  display: block;
  background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/candidatures/picto_refresh-captcha-over.png") no-repeat center center;
}
#human-security-control .refresh-captcha a span {
  display: none;
}

@media (max-width: 767px) {
  .comp_captcha {
    margin: 20px auto;
  }
  .comp_captcha .refresh-captcha {
    display: inline-block;
    margin-left: 10px;
  }
  .comp_captcha .instructions {
    display: block;
    margin-top: 5px;
  }
  .comp_captcha input[name="captcha"] {margin-top: 10px;}
  #human-security-control .picto_refresh-captcha {
    display: none;
  }
  #human-security-control .captcha-input {
    display: block;
    width: 100%;
  }
  #human-security-control .instructions p {
    font-size: 14px !important;
  }
  /* Rafraîchissement du captcha */
  #human-security-control .refresh-captcha {
    width: 19px;
    height: 18px;
    display: inline-block !important;
    margin-left: 15px;
  }
  #human-security-control .refresh-captcha a {
    width: 19px;
    height: 18px;
    display: block;
    background: url("../modules/apec-jahia-module/assets/css/angular/composants/../../../img/angular/candidatures/picto_refresh-captcha-over.png") no-repeat center center;
  }
  #human-security-control .refresh-captcha a span {
    display: none;
  }
}
@charset "UTF-8";



/************************ Crée le 08/01/2019 ***********************/
/************************ MOT DE PASSE *****************************/
/*******************************************************************/


.comp_password .password-forgotten {
  margin-left: 25%;
}

.comp_password .actionLink {
  width: 100%;
  display: block;
  color: #1fbcdc;
  font-size: 16px;
}

.comp_password .input-group {
  margin-bottom: 10px;
  width: 75%;
}

.comp_password .input-group .form-control {
  width: 100% !important;
}

.comp_password .btn.btn-password {
  background-color: #a9b5bc;
}


@media(max-width: 768px) {
  .comp_password .input-group {
    width: 100% !important;
  }
  .comp_password .password-forgotten {
    margin-left: 0;
  }
}
/* version 1.5.2*/
.ng-select.ng-select-opened > .ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.ng-select-opened > .ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #666
}

.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1)
}

.ng-select.ng-select-disabled > .ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06)
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #aaa
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    left: 0;
    padding-left: 10px;
    padding-right: 50px;
    top: 5px
}

.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-left: 7px;
    padding-top: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: 0.9em;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f5faff;
    border-radius: 2px;
    border: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    display: inline-block;
    padding: 0px 5px 0px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 0px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d8eafd
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #c2e0ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding-bottom: 3px;
    padding-left: 3px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper .ng-clear:hover {
    color: #D0021B
}

.ng-select .ng-spinner-zone {
    padding-right: 5px;
    padding-top: 5px
}

.ng-select .ng-arrow-wrapper {
    padding-right: 5px;
    width: 25px
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-select .ng-arrow-wrapper .ng-arrow:hover {
    border-top-color: #666
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #7997AF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06)
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-color: #7997AF;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #7997AF;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items {
    margin-bottom: 1px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    user-select: none;
    cursor: default;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-select-disabled {
    color: rgba(0, 0, 0, 0.54)
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #ebf5ff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
    color: #333;
    background-color: #f5faff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
    padding: 8px 10px
}

.break-line-option .ng-option {
    white-space: normal !important;
}

.theme-candidat .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #ffffff;
    background-color: #FF531F;
}

.theme-recruteur .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #ffffff;
    background-color: #80A9F5;
}

.theme-candidat .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #FF531F;
    color: #ffffff;
}

.theme-recruteur .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #80A9F5;
    color: #ffffff;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #cccccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-right: 5px;
    font-size: 80%;
    font-weight: 400
}
.theme-candidat .card-head__menu svg{
    fill: #232558;
}

.theme-recruteur .card-head__menu  svg{
    fill: #232558;
}

.card-head__menu {
    position: absolute;
    top: 1.4rem;
    right: 2.4rem;
    width: 12px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.card-head__menu a {
    color: #232558;
}

.share-link {
    display: inline-block;
    cursor: pointer;
    outline:none;
}

.share-container {
    position: absolute;
    top: 0;
    right: 4rem;
    z-index:10;
    display: none;

}

.share-container.share-active {
    display: block;
}

.share-container svg {
    width: 20px;
    height: 17px;
    margin-right: 12px;
}

.share-button {
    list-style: none;
}

.card-share {
    min-width: 200px;
    background: #fff;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 16px;
}

.card-share-list {
    padding-left: 0;
}

.card-share a{
    color: #232558;
}

.card-share-title {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.card-share .share-button:not(:last-child) {
    margin-bottom: 16px;
}

.card-share .share-button {
    display: flex;
}
.share-button a {
    display: flex;
}
@charset "UTF-8";

/******************************* LOADER *****************************/
/************************** Crée le 1er Août 2018 ************************/
/*************************************************************************/

.comp_loaderBoxContent {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}

.comp_popin .comp_loaderBoxContent.active {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 3;
  top: 0;
  left: 0;
  opacity: 0.8;
  display: block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.comp_loaderBoxContent .loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  -webkit-animation: turn 1.0s infinite linear;
  animation: turn 1.0s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

#jd .comp_loaderBoxContent .loader,
.theme-candidat .comp_loaderBoxContent .loader {
  background: #232558;
  background: -moz-linear-gradient(left, #232558 10%, rgba(234,33,45, 0) 42%);
  background: -webkit-linear-gradient(left, #232558 10%, rgba(234,33,45, 0) 42%);
  background: -o-linear-gradient(left, #232558 10%, rgba(234,33,45, 0) 42%);
  background: -ms-linear-gradient(left, #232558 10%, rgba(234,33,45, 0) 42%);
  background: linear-gradient(to right, #232558 10%, rgba(234,33,45, 0) 42%);
}

#recruteurs .comp_loaderBoxContent .loader,
.theme-recruteur .comp_loaderBoxContent .loader,
.theme-mixte .comp_loaderBoxContent .loader {
  background: #232558;
  background: -moz-linear-gradient(left, #232558 10%, rgba(0,83,99, 0) 42%);
  background: -webkit-linear-gradient(left, #232558 10%, rgba(0,83,99, 0) 42%);
  background: -o-linear-gradient(left, #232558 10%, rgba(0,83,99, 0) 42%);
  background: -ms-linear-gradient(left, #232558 10%, rgba(0,83,99, 0) 42%);
  background: linear-gradient(to right, #232558 10%, rgba(0,83,99, 0) 42%);
}

.comp_loaderBoxContent .loader:before {
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

#cadres .comp_loaderBoxContent .loader:before {
    background: #232558;
}

#jd .comp_loaderBoxContent .loader:before {
  background: #232558;
}
#recruteurs .comp_loaderBoxContent .loader:before {
  background: #232558;
}

.comp_loaderBoxContent .loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(../modules/apec-jahia-module/javascript/angular-output/offres/dist/#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(../modules/apec-jahia-module/javascript/angular-output/offres/dist/layers.ef6db8722c2c3f9a.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../modules/apec-jahia-module/javascript/angular-output/offres/dist/layers-2x.9859cd1231006a4a.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../modules/apec-jahia-module/javascript/angular-output/offres/dist/marker-icon.d577052aa271e13f.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}